/****************************************************************************
Neues Layout - Dev Version
****************************************************************************/
body {
background:#fff;
vertical-align:top;
text-align:center;
}

form {
margin:0;
padding:0;
}

div.page {
width:862px;
margin:0 auto;
}

div.header {
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
padding:4px;
float:left;
width:100%;
}

div.header div {
border:1px solid #fff;
float:left;
width:170px;
height:110px;
font-size:9pt;
font-weight:bold;
vertical-align:middle;
text-align:center;
color:#fff;
}

a.nav, a.nav:link, a.nav:visited, a.nav:hover {
font-size:9pt;
font-weight:bold;
text-align:center;
text-decoration:none;
color:#fff;
display:block;
width:168px;
height:108px;
}

span.navtext {
position:relative;
top:46px;
}

div.logo {
background-color:#fff;
}

div.lernmodule {
height:110px;
background: url(../images/lernmodule.gif) no-repeat #369;
}

div.teilnahmeinfos {
height:110px;
background: url(../images/teilnahmeinfos.gif) no-repeat #0c0;
}

div.nutzungsbedingungen {
height:110px;
background: url(../images/nutzungsbedingungen.gif) no-repeat #999;
}

div.registrierung {
height:110px;
background: url(../images/registrierung.gif) no-repeat #c00;
}

span.headermenu {
padding:8px 0 0 0;
margin:0;
display:block;
width:100%;
}

div.header div.login {
border:0px;
margin:4px 0;
padding:0 10px;
display:block;
width:162px;
height:auto;
font-size:9pt;
font-weight:bold;
text-align:left;
color:#fff;
}

div.header div.credits, div.header div.info {
border: 0px;
margin:4px 0;
padding:0 10px;
display:block;
width:162px;
height:auto;
font-size:8pt;
text-align:left;
color:#fff;
}

div.login a.menu, div.login a.menu:link, div.login a.menu:visited, div.login a.menu:hover {
font-size:8pt;
text-align:center;
text-decoration:none;
color:#fff;
}

div.credits a.menu, div.credits a.menu:link, div.credits a.menu:visited, div.credits a.menu:hover {
font-size:8pt;
text-align:center;
text-decoration:none;
color:#fff;
}

div.info a.menu, div.info a.menu:link, div.info a.menu:visited, div.info a.menu:hover {
font-size:8pt;
text-align:center;
text-decoration:none;
color:#fff;
}

input#txt_username {
width:90px;
margin:2px 0;
font-size:8pt;
border:1px solid #000;
}

input#txt_password {
width:90px;
margin:2px 0;
font-size:8pt;
border:1px solid #000;
}

input#btn_login {
width:22px;
height:18px;
margin:0 2px;
vertical-align:text-bottom;
}

div.content {
clear:both;
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
padding:4px;
float:left;
display:block;
width:100%;
}

div.menu {
border:0px solid #000;
float:left;
width:168px;
font-size:9pt;
vertical-align:top;
text-align:left;
overflow:hidden;
}

ul {

}

ul li {

}

ul.modulemenu {
font-size:10pt;
margin:0;
padding:0;
border:0px dashed #f00;
list-style:none;
width:168px;
}

ul.modulemenu li 
{
list-style:none;
margin:0;
padding:0;
border-bottom:1px solid #000;
}

ul.modulemenu a, ul.modulemenu a:link, ul.modulemenu a:visited, ul.modulemenu a:hover {
text-align:right;
display:block;
padding:2px 0;
margin:0;
color:#999;
font-weight:bold;
text-decoration:none;
width:100%;
voice-family: "\"}\"";
voice-family: inherit;
width:168px;
}

.dummy {
margin:0;
}

div.quick {
border-bottom:1px solid #999;
margin-left:172px;
display:block;
height:14px;
font-size:8pt;
vertical-align:top;
color:#999;
}

p.navquick {
border:0px solid #f00;
padding:0;
margin:0;
float:right;
text-align:right;
font-size:8pt;
}

p.ariadnequick {
border:0px solid #f00;
padding:0;
margin:0;
float:left;
text-align:right;
font-size:8pt;
}

div.module {
border:0px solid #000;
margin-left:172px;
display:block;
text-align:left;
font-size:9pt;
vertical-align:top;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:16pt;
font-weight:bold;
font-style:normal;
color:#000;
margin:4px 0;
padding:0px;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14pt;
font-weight:bold;
font-style:normal;
color:#000;
margin:3px 0;
padding:0px;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
font-weight:bold;
font-style:normal;
color:#000;
margin:2px 0;
padding:0px;
}

div.title {
margin:4px 4px;
border:1px solid #999;
padding:4px;
display:block;
background:#eee;
font-weight:bold;
}

table.kontenstand {
margin: 0 4px;
padding:0px;
width:650px;
border:1px solid #999;
border-collapse:collapse;
}

table.kontenstand td {
padding:4px;
border:1px solid #999;
border-collapse:collapse;
}

div.footer {
clear:both;
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
padding:4px;
float:left;
display:block;
width:100%;
}

p.navfooter {
padding:0;
margin:0;
display:block;
text-align:right;
font-size:8pt;
}

div.footer a, div.footer a:link, div.footer a:visited, div.footer a:focus, div.footer a:hover, div.footer a:active  {
color:#999;
text-decoration:none;
}

div.quick a, div.quick a:link, div.quick a:visited, div.quick a:focus, div.quick a:hover, div.quicka:active  {
color:#999;
text-decoration:none;
}


/****************************************************************************
CSS für Layout der Site  CLASSIC_orange_gray
Gliederung hier gemäß Aufbau im HTML-Dokument
****************************************************************************/
/*<![CDATA[*/

/* Umfasst die ganze Site ausser die Navi unten
*/
body {
background: #ffffff;
vertical-align: top;
}

#headForm  { top:0;left:0; margin:4px; BORDER: 1px solid #003399;}
#datForm  { top:60;left:0; margin:4px; padding:0px; height:300px; overflow:auto; BORDER:black 0.2mm solid; POSITION:absolute; }
#errText {Background-Color:#FF8000; Color:#000000; Width:480px; Height:48px; }

#container {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
width:800px;
margin-bottom: 20px;
padding: 0px;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
vertical-align: top;
}

#container_fragen {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
width:710px;
margin: 0px;
padding: 0px;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
overflow:auto;
}

p.c3 {font-size:11px;}
p.c2 {font-style: italic;}
p.c1 {font-weight: bold;}
table.cmetable { border-collapse:collapse; margin:0px;}
table.cmetable td {padding:3px;font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:12px; border-collapse:collapse; border:1px solid #000000;}


        /* Kopf eingefasst
        */
        #header {
			width: 800px;
			margin:0px;
        	padding:0px;
			background:#ffffff;
			height: 116px;
			border-bottom: 1px solid #999999;
          }
		  
		  #header_fragen {
			width: 690px;
			margin:0px;
        	padding:0px;
			background:#ffffff;
			height: 100px;
			border-bottom: 1px solid #999999;
          }
                /* Kopf der Site
                */
                #logo {
			float: left;
			width: 389px;
			height: 100px;
	      		background: url(../images/logo.gif) no-repeat;
				}
				
				
				#profil_fragen {
				width: 201px;
				height: 100px;
				right: 0px;
	      			float: right;
				border-left: 1px solid #999999;
				background: url(../images/bg.jpg);
				text-align: left;
				margin: 0px;
				padding: 0px;
				}
				
				#profil_action {
				width: 190px;
	      		float: left;
				background: #ffffff;
				border: 1px solid #999999;
				padding: 2px;
				text-align: left;
				margin-left: 2px;
				margin-top: 2px;
				}
                          /* Die Inhalte (Content)
                        */
						
						#content {
							width: 800px;
							height:100%;
							background: transparent;
							margin: 0px;
        					padding: 0px;
						}
						
						 /* Menueleiste */
                        		
						
						#menu_test {
						float:left;
						padding : 0px; 
						margin: 0px; 
						font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
						font-size:x-small;
						color : #000000; 
						background: whitesmoke;
						} 
						
						 /* Navigation Themen
                        */
                        #themen {
						float:left;
						margin:0px;
						text-align:justify;
						
                        }
						
						/* Themen Haupttext */
						
						#themen_txt {
						position: relative;
						float:left;
						padding: 5px;
						width: 790px;
						margin: 0px;
						text-align:left;
						font-size: x-small;
                        }
						
						#themen_titel {
						float: left;
						width: 790px;
						height: 40px;
						padding: 0px;
						margin: 0px;
						background: lightsteelblue;
						border-left: 1px solid #999999;
						border-right: 1px solid #999999;
						border-top: 1px solid #999999;
                        }
						
						#titel {
						float: left;
						width: 100%;					
						padding: 0px;
						margin: 0px;
						background: #eeeeee;
						border-top: 1px solid #999999;
                        }

						#inhaltsverzeichnis {
						float: left;
						margin: 0px;
						padding: 0px;
						width: 790px;
						text-align: left;
						background: white;
						border: 1px solid #999999;
                        }
						
						#themen_content {
						font-size: x-small;
						float: left;
						width: 790px;
						padding: 0px;
						text-align:justify;
						border-left: 1px solid #999999;
						border-right: 1px solid #999999;
						border-bottom: 1px solid #999999;
                        }
						
						#fragennav {
						width: 690px;
						padding: 0px;
						border-top: 1px solid #999999;
						background: floralwhite;
                        }
						
                      #clearit {
                        	clear:both;;
                        }
                        
                        /* Füßkes
                        */
                        #footer {
                          width: 100%;                    
                      	  border-top: 10px solid #999999;
						  height:20px;
                          }

.aktFrage {
						float: left;
						text-align: left;
                       }

.responseLine {
						
						width: 690px;
						padding: 0px;
						text-align:center;
						font-family: Arial, Helvetica, sans-serif;
						font-size:	small;
						font-weight:	normal;
 						color:#150061; 
						background: lightsteelblue;
}

.answerTD	{	
	text-align:Left;
	vertical-align:	middle;
	font-size:	small;
	font-weight:	normal;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
 	color:#000000; 
	background:#cccccc;
	}	
.answerTDAlter	{	
	text-align:Left;
	vertical-align:	middle;
	font-size:	small;
	font-weight:	normal;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
 	color:#000000; 
	background: #ffffff;
	}	
.answerTDSelected	{	
	text-align:Left;
	vertical-align:	baseline;
	font-size:	small;
	font-weight:	normal;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
 	color:#000000; 
	background : lightsalmon;
	}	

.ListFragen	{	
	text-align:Left;
	vertical-align:	middle;
	font-size:	small;
	font-weight:	normal;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
 	color:#000000; 
	background:#FFFFFF;
	}	
.ListFragenbeantwortet	{	
	text-align:Left;
	vertical-align:	middle;
	font-size:	small;
	font-weight:	normal;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
 	color:#000000; 
	background:lightsalmon;
	}	
                    

/*]]>*/