@charset "utf-8";

/**
----------------------------------------------------------
Regeln für allgemeine Elemente
---------------------------------------------------------- */




/* Alle kritischen Werte instanziieren */
* {
  margin: 0;
  padding: 0;
}

/* Schrift, Farben und Hintergrund setzen */
body { 
font: normal 80% Verdana, Arial, Helvetica, sans-serif;
color: #000000; 
background-color:#EFEFEF;
 text-align:center;

}

p {
margin: 0.5em 0 1.8em 0;
}

a.www {
 background-image:url(../_gfx/icon_www.jpg);
 background-position:left;
 background-repeat:no-repeat;
 padding-left: 20px;
}

a.pdf {
 background-image:url(../_gfx/icon_pdf.gif);
 background-position:left;
 background-repeat:no-repeat;
 padding-left: 20px;
}

h1, h2, h3, h4 {
	font-family:Geneva, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
}

h1 {
	color:	#A10D59;
	padding: 0 0 0.8em 0;
	font-size:1.4em;
}

h2 {
	color:	#777;
	font-size:1.2em;
	padding-bottom: 0.8em;
}

h3 {
	color: #A10D59;
	padding-bottom: 0.3em;
}


h4 {
	background-position:left;
	background-repeat:no-repeat;
	background-image:url(../_gfx/red.gif);
	padding: 0px 0 3px 20px;
	margin: 10px 0 0 0;
	color:	#777;
}

table tr td{  
padding: 0.3em 0.8em;
}


/*Links*/
a { 
color:#A10D59;
text-decoration: none; 
margin: 0; 
}

a:hover  { 
color:#A10D59; 
text-decoration: underline;
margin: 0; 
}

a:visited  { 
color:#A10D59;
text-decoration: none;
margin: 0; 
}

a.block {
display:block;
}

/* Bilder */
img {
  border:0;
}

img#fotos {
border:1px #333333;
}

li {
	list-style-position:inside;
	list-style-type:square;
}

.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
	clear:both;
	height:0.1px;
	font-size: 1px;
	line-height: 0px;
}

/******************************/
/* PAGE 					  */
/******************************/
#pagebox { 
 margin:0 auto;
 text-align:left;
 width:960px

}

#page { 
background-color:#FFFFFF;
border: 1px solid #CCC;
margin: 20px 0; 
}


/******************************/
/* MAIN 					  */
/******************************/

div#main {
background-color:#ffffff;
font-size: 100.01%;
margin: 0;
padding: 0;
border:0;
display: block;
}
	
/******************************/
/* HEADER 					  */
/******************************/
#header { 
background-image:url(../_gfx/wci09_headgrafik_960px.png);
background-repeat:no-repeat;
border-bottom: 1px solid #A10D59;
height:120px;
margin:  0;
}

#header a:hover {
text-decoration: none;
}

#header h1#title {
padding: 10px 0px 0px 25px;
font-size: 1.9em;
font-weight:bold;
color: #A10D59; 
}
#header h2 {
font-size: 1.4em;
color: #fff; 
padding:0;
}

#header h2#date {
margin: 5px 0px 0px 260px;
}
#header h2#location {
margin: 5px 0px 0px 320px;
}	
	
/******************************/
/* LEFT        		  */
/******************************/

#left {
	float: left;
	width: 200px;
	margin: 0;
	padding: 0 0 0px 0;
}
#languagebox {
	background-color:#FFF;
	padding: 3px 0 3px 10px;
	border: 1px solid #CCC;
	height: 19px;
	margin: 10px 15px 8px 15px;
}


/******************************/
/* NAVIGATION 	     		  */
/******************************/

#nav {
	text-transform:uppercase;
	font-family: Verdana, sans-serif;
}


/******************************/
/* NAVIGATION 1     		  */
/******************************/

#nav1 {
	background-color:#FFF;
	margin: 15px 15px 8px 15px;
}

#nav1 li {
	list-style-type:none;
	background-color:#EEE;
	margin: 0;
	border: 0;
	margin-top: 8px;
	padding: 3px 0px;
	border: 1px solid #CCC;
}

#nav1 li a {
	display: block;
	padding-left: 10px;
	color: #000;
}

#nav1 li:hover {
	background-color: #555;
	border: 1px solid #333;
}

#nav1 li:hover * {
	color: #FFF;
	text-decoration:none;
}

#nav1 li.selected {
	background-color:#f29526;
	border: 1px solid #d8831e;
}

#nav1 li.selected a {
	color: #FFF;
}
.nav1no {
	margin-right: 5px;
}

/******************************/
/* NAVIGATION 2       		  */
/******************************/
#nav2 {
	color: #000000;
	border: 1px solid #f29526;
}

#nav2 li {
	margin: 0;
	border: none;
	background-color: #FFFFFF;
}

#nav2 li a  {
	padding-left: 10px;
	display: block;
	color: 	#000;
}


#nav2 li:hover {
	background-color:#555;
	border: none;
}

#nav2 li:hover *  {
	color: #FFF;
}

#nav2 li.selected {
	background-color:#FFFFFF;
	border: none;
}

#nav2 li.selected a {
	color: #f29526;
}

/******************************/
/* CONTENT 					  */
/******************************/
#content {
	line-height: 	1.4em;
	padding: 		20px 20px 0 0;
	margin: 		0 0 0 200px;
	min-width: 		16em;
	width: 740px;
}

.content2 {
	width:	760px;
	margin:	0px 0px 10px 0px;
	padding: 0;
	text-align:justify;
}

.content2li {
	margin: 0;	
	padding: 0;
	float:			left;
	width:			360px;
}
.content2re {
	padding:	0;
	width:			360px;
	margin:	0 0 0 380px;
}

.content3 {
	margin:0;
	
	width: 760px;
	line-height:1.4em;
	
}

.content3li, .content3mi, .content3re {
	width: 210px;
	border: 1px dotted #A10D59;
	padding: 10px;
	background-color:#FFFFFF;
	
}

.content3li {
	
	margin-left: 0px;
	float:left;
}
.content3mi {
	
	margin-left: 20px;
	float:left;
}
.content3re {
	
	margin-left: 505px;
}

.linethrough {
	text-decoration:line-through;
}

/******************************/
/* FOOTER					  */
/******************************/

#footer {
	margin: 10px 0 15px 0;
	padding: 8px 0;
	border-top: 1px solid #DDD;
}

#partner {
	width: 640px;
	margin-left: 20px;
	float:left;
	padding-bottom: 10px;
}
#partner img {
	vertical-align:middle;
	margin: 5px 30px 5px 0px;
}

#copyright {
	width:300px;
	margin-left:640px;
	margin-right: 20px;
	color:#AAA;
	font-size:x-small;
	text-align:right;
	padding: 5px 0px;
}


/******************************/
/* SPECIAL 					  */
/******************************/

#vbb .content3li, #vbb .content3mi, #vbb .content3re {
	height: 100px;
}

#vbb h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height: 1.4em;
	padding: 0.5em 0;
	margin: 0;
	font-size:smaller;
	text-transform:none;
	color:#000000;
}


.newsbox {
	border: 1px dotted #A10D59;
	padding: 10px;
}


/******************************/
/* REGISTRIERUNGSFORMULAR	  */
/******************************/

div#regli {
width: 450px;
float:left;
}

div#regre {
margin-left: 480px;
padding-top: 15px;
width: 250px;
}

fieldset {
	border: 1px solid #999;
	padding: 5px 15px;
}
legend {
	
	padding: 5px;
	text-transform:uppercase;
	color: #A10D59;
}

input[type=text] {
	
	border: none;
	padding: 0.2em;
	border-bottom: 1px dotted #777;
	background-color: #EEE;
}

input[type=text]:focus, input[type=text].errorfield:focus {
	background-color: #FFF;
}

	


input[type=text].errorfield {
	border-bottom: 1px dotted #CC0000 ;
	background-color: #FFCCCC;
}

textarea {
	border: none;
	border-bottom: 1px dotted #777;
	background-color: #EEE;
}

textarea:focus {
	background-color: #FFF;
		border: 1px dotted #777;


}

span.errorbg {
	background-color: #FFCCCC;

}

span.errordescr {
	color: #FF0000;
}

div.fieldbox {
	padding: 5px 0px;
}

div.fielddescr {
	width: 150px;
	margin-right: 10px;
	float:left;
}

div.fieldcontent {
	margin-left: 160px;
}

ul.errors {
	margin: 0px 0px;
	border: 1px solid #555;
	padding: 10px;	
	background-color:#FFCCCC;
}

ul.errors li {
	list-style-position:outside;
	color:#555;
	margin-left: 10px;
	padding: 2px;
}


/* table FEES START */

table#fees {
	font-size: 1em;
	padding:0;
	border: 0;
	margin-left: 10px;
}

table#fees tr th {
border-top: 1px dotted #999;
}

table#fees tr.topborder td {
border-top: 1px dotted #999;

}

table#fees tr th {
	padding: 5px 20px;
	font-weight:normal;
	text-transform:uppercase;
	color:#A10D59;
}

table#fees tr td {
	text-align:center;
	padding: 5px 20px;
	
	
}

/* table FEES END */