body 
{
	font-family:arial;
	font-size:11px;
	background: #FAFAFA;
} 





#kopf 
{
	position: absolute;
	width: 762px;
	height: 80px;
	left: 20%;
	top: 0;
	background: #330099 url(../Images/header.PNG)  no-repeat top center;
	z-index:2;
	border-top: 2px solid #330099;
	border-right: 2px solid #330099;
	border-left: 2px solid #330099;
}


#menue 
{
	position: absolute;
	width: 762px;
	height: 70px;
	left: 20%;
	top: 80px;
	background: #B2CCE5;
	text-align: left;
	z-index:3;
	border-right: 2px solid #330099;
	border-left: 2px solid #330099;
	border-top: 2px solid #330099;
	
}


#leftNav 
	{
	position: absolute;
	width: 140px;
	height: 620px;
	max-height:620px;
	min-height:620px;
	top: 150px;
	bottom: 0%;
	left: 20%;
	text-align:right;	 
	background: #CCE5FF url(../Images/logos.PNG)  no-repeat bottom center;
	z-index:2;
	padding-right: 10px;
	border-bottom: 2px solid #330099;
	border-left: 2px solid #330099;
	}
	
#conqoben
	{
	position: absolute;
	width: 762px;
	height: 150px;
	max-height:150px;
	min-height:150x;
	top: 80px;
	bottom: 0%;
	left: 20%;
	text-align:center;
	 background: #B2CCE5;
	z-index:2;
	border-top: 2px solid #330099;
	border-left: 2px solid #330099;
	border-right: 2px solid #330099;
	}
	
#conqobenf1
	{
	position: absolute;
	width: 762px;
	height: 75px;
	max-height:75px;
	min-height:75x;
	top: 80px;
	bottom: 0%;
	left: 20%;
	text-align:center;
	 background: #B2CCE5;
	z-index:2;
	border-top: 2px solid #330099;
	border-left: 2px solid #330099;
	border-right: 2px solid #330099;
	}
	
#conqobenf2
	{
	position: absolute;
	width: 762px;
	height: 75px;
	max-height:75px;
	min-height:75x;
	top: 155px;
	bottom: 0%;
	left: 20%;
	text-align:center;
	 background: #AA3333;
	z-index:2;
	border-left: 2px solid #330099;
	border-right: 2px solid #330099;
	}


	
#conq
	{
	position: absolute;
	width: 620px;
	height: 400px;
	max-height:400px;
	min-height:400px;
	top: 230px;
	bottom: 0%;
	left: 20%;
	text-align:center;
	padding-left: 72px;
	padding-right: 70px;
	 background: #FFFFFF;
	z-index:2;
	font-size:13px;
	
	border-left: 2px solid #330099;
	border-right: 2px solid #330099;
	}
	
#conqunten
	{
	position: absolute;
	width: 762px;
	height: 150px;
	max-height:150px;
	min-height:150x;
	top: 620px;
	bottom: 0%;
	left: 20%;
	text-align:center;
	 background: #B2CCE5;
	z-index:2;
	border-bottom: 2px solid #330099;
	border-left: 2px solid #330099;
	border-right: 2px solid #330099;
	}
	
#conquntenf1
	{
	position: absolute;
	width: 762px;
	height: 75px;
	max-height:75px;
	min-height:75x;
	top: 620px;
	bottom: 0%;
	left: 20%;
	text-align:center;
	 background: #AA3333;
	z-index:2;
	border-left: 2px solid #330099;
	border-right: 2px solid #330099;
	}
	
#conquntenf2
	{
	position: absolute;
	width: 762px;
	height: 75px;
	max-height:75px;
	min-height:75x;
	top: 695px;
	bottom: 0%;
	left: 20%;
	text-align:center;
	 background: #B2CCE5;
	z-index:2;
	border-bottom: 2px solid #330099;
	border-left: 2px solid #330099;
	border-right: 2px solid #330099;
	}
	




#contentArea 
{
	position: absolute;
	width: 550px;
	top:0;
	left: 150px;
	font-size:13px;
	line-height: 1.5em;  /* zeilenabstand*/
	z-index:1;
	height: 620px;
	max-height:620px;
	min-height:620px;
	overflow: scroll;
	padding-top: 00px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 00px;
	border-bottom: 2px solid #330099;
	border-right: 2px solid #330099;
	border-left: 2px solid #330099;
	border-top: 2px solid #330099; 
	background-color: none;
	background-color: #ffffff;
}

#contentArea ul li ol
{

text-align: left;

}

.feldadm1 {
  float: left;
  width: 150px;
  text-align: left;
  padding-top: 3px;

}


.feldadm2 {
  float: left;
  width: 200px;
  text-align: left;
  padding-top: 3px;
 padding-left: 10px;
}


.rules
{

	text-align: left;
margin: 0px;
padding-top: 0px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 0px;
}

.rules li
{
text-align: left;
margin-left: 30px;
padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.faq
{

	border-color: #B2CCE5;
	border-width: 6px;
	border-style:solid;
margin: 0px;
padding-top: 0px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 0px;
}

.faq li
{
text-align: left;
margin-left: 30px;
padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.reg li
{
text-align: left;
margin-left: 30px;
padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}


p, table, tr, th, td, form, ul, li, ol
{
	font-size: 100%;
	font-weight:normal;
	line-height: 1.5em;
	
}

.aPad{margin-bottom:-5px;}

.rules
{

	text-align: left;
margin: 0px;
padding-top: 0px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 0px;
}

.rules li
{
text-align: left;
margin-left: 30px;
padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}


fieldset
{
text-align: left;
	border-color: #B2CCE5;
	border-width: 6px;
	border-style:solid;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-top: 6px;
	line-height:25px;
	
}



table.border
{
border: #666666; 

}

tr.z1
{
background: #B2CCE5;
color:#000000;
font-variant: small-caps;
font-size:14px;
letter-spacing: 2px;
}

td.bold
{
font-weight: bold;
}

tr.z2
{
background: #CCE5FF;
font-size:12px;
letter-spacing: 1px;
color:#000000;
}

td.z2
{
font-weight: bold;
}

tr.z3
{
color:#000000;
background: #E4E3E3;
}

tr.zergeb
{
background: #FFFFFF;
color:#000000;
}

tr.button
{
background: #E4E3E3;
}

label 
{
font-weight: bold;
color:#330099;
padding-right: 20px;
}

.formular
{
text-align: center;

}


.reihe {
  clear: both;
  padding: 2px 0px;
}

.label {
  float: left;
  width: 100px;
  text-align: right;
  padding-top: 3px;
  padding-right: 20px;
  font-size:12px;font-weight:bold;color:#330099;
}



.feld {
  float: left;
  width: 310px;
  text-align: left;
} 

.feldradio {
  float: left;
  width: 310px;
  text-align: left;
 padding-left: 110px;
}

.feldradio2 {
  float: left;
  width: 310px;
  text-align: left;
  padding-left: 150px;
}

.feldchat {
  float: left;
  width: 310px;
  text-align: left;
  padding-top: 3px;
} 
.feldchat2 {
  float: left;
  width: 350px;
  text-align: left;
  padding-top: 3px;
} 

.label2 {
  float: left;
  width: 100px;
  text-align: right;
  padding-right: 20px;
  font-size:12px;font-weight:bold;color:#330099;
}

.label3 {
  float: left;
  width: 250px;
  text-align: right;
  padding-right: 20px;
  font-size:12px;font-weight:bold;color:#330099;
}

.buttonfeld{
  float: left;
  width: 250px;
  text-align: center;
 
}


.feldconq {
  float: left;
  width: 100px;
  text-align: left;
  padding-left: 300px;
  padding-top: 3px;
}

.buttonconq{
  float: left;
  width: 620px;
  text-align: center;
  padding-left: 80px;
 
}


.feld3 {
  float: left;
  width: 210px;
  text-align: left;
} 
.feld4 {
 position:absolute;
  width: 200px;

   }


.but1 {
  float: left;
  width: 200px;
  text-align: right;
  padding-top: 3px;
  padding-right: 20px;

}

.but2 {
  float: left;
  width: 200px;
    padding-top: 3px;
  text-align: left;
} 


.defbreite {
  width: 300px;
}

.defbreite2 {
  width: 200px;
}

.feldreg1 {
  float: left;
  width: 125px;
  text-align: left;
  padding-top: 3px;
}



.feldreg2 {
  float: left;
  width: 200px;
  text-align: left;
  padding-top: 3px;
  padding-left: 10px;
}

.feldregright {
  float: left;
  width: 200px;
  text-align: right;
  padding-top: 3px;
  padding-left: 10px;
}


.defbreitereg {
  width: 125px;
}



.feldreg2a {
  float: left;
  width: 100px;
  text-align: left;
  padding-top: 3px;
  padding-left: 10px;
}


.labelreg {
  float: left;
  width: 100px;
  text-align: right;
  padding-top: 3px;
  padding-right: 10px;
  font-size:12px;font-weight:bold;color:#330099;
}

.headerText {font-size:16px;font-weight:bold;}
h1 {font-size:17px;font-weight:bold;color:#330099;text-align:left;}
h2 {font-size:14px;font-weight:bold;color:black;text-align:left;}
h3 {font-size:12px;font-weight:bold;color:#330099;}
h4 {font-size:12px;font-weight:normal;color:#9999FF;text-align:center;}
.uber { background-color:#330099; color:#FFFFFF; border:2px solid #330099; font-family:arial; font-size:12pt; font-weight:bold }
#login {float:right;margin-right:5px;margin-top:5px;color:#333366;font-size:11px;font-family:arial;}
#tabs {float:right;white-space: nowrap}
#contentArea td.desc {font-size:13px;font-weight:bold;color:#330099;}
#contentArea td.info {font-size:13px;color:#330099;}




.rot { color:#ff0000;font-weight:bold;}
.rotkl { color:#ff0000;}
.hgruen { color:#339933;font-weight:bold;}
.gruen { color:#339933;}
.hblau { color:#330099;font-weight:bold;}
.blau { color:#330099;}
.orange { color:#920D20;}
.grau{ color:#666666;}
.news {border-color: #8B0000; text-align: center;}
.hlila{ color:#ccccff;font-weight:bold;}
.conqroth { color:#AA3333;font-weight:bold;}

.frage{border-color: #df6900; text-align: center;}

#navcontainer
{
margin: 10px 0 0 10px;
padding: 0;
height: 20px;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#navcontainer ul li a
{
background: #ffffff;
width: 90px;
height: 18px;
border-top: 1px solid #330099;
border-left: 1px solid #330099;
border-bottom: 1px solid #330099;
border-right: 1px solid #330099;
border-collapse:collapse;
padding: 0;
margin: 0 0 10px 0;
color: #330099;
text-decoration: none;
display: block;
text-align: center;
font-size: 14px;
font-weight: normal;
font: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}


#navcontainer p
{
background: #B2CCE5;
width: 240px;
height: 18px;
border-top: none;
border-left: none;
border-bottom: none;
border-right: none;
padding: 0;
margin: 0 0 10px 0;
color: #f5d7b4;
text-decoration: none;
display: block;
text-align: center;
}


#navcontainer ul li a:hover
{
color: #FFFFFF;
background: #330099;
}



#navcontainer li#active a
{
background: #330099;
border: 1px solid #330099;
color: #FFFFFF;
}


#navcontainer li#small a
{
background: #B2CCE5;
border: none;
color:#330099;
width: 80px;
text-align: left;
font-size: 11px;
}

#navcontainer li#smallb a
{
background: #B2CCE5;
border: none;
color: #330099;
width: 150px;
text-align: left;
font-size: 11px;
}

#navcontainer li#small a:hover
{
background: #B2CCE5;
border: none;
color:#330099;
width: 80px;
text-align: left;
font-weight: bold;
font-size: 11px;
}

#navcontainer li#smallb a:hover
{
background: #B2CCE5;
border: none;
color: #330099;
width: 150px;
text-align: left;
font-weight: bold;
font-size: 11px;
}





#navcontainer li#theraac a
{
width: 140px;
background: #330099;
border: 1px solid #330099;
color: #FFFFFF;
}

#navcontainer li#thera a
{
width: 140px;
}

#navcontainer li#oben1 p
{
width: 562px;
}

#navcontainer li#oben2 p
{
width: 330px;
}

#navcontainer li#oben3 p
{
width: 140px;
}


	
	
a:link,a:visited {color:#B200CC;;font-weight:bold;height:17px;font-size:13px;font-family:arial;text-decoration: none;}
a:active { color:#000000;text-decoration: none; }
a:hover { color:#330099;text-decoration: none;}

input.button { background-color:#D5D5D5; color:#330099;  font-family:arial; font-size:10pt; }
input.button:hover {background-color:#330099; color:#FFFFFF;  }

input.buttonfehl { background-color:#D5D5D5; color:#AA3333;  font-family:arial; font-size:10pt; }
input.buttonfehl:hover {background-color:#AA3333; color:#FFFFFF;  }


input.button2 { background-color:#FFFFFF; color:#330099; border:2px solid #330099; font-family:arial; font-size:10pt; font-weight:bold; }
input.button2:hover {background-color:#ba55d3; color:#FFFFFF; border:2px solid #FFFFFF;}