/* 
###############################################################################
KRANKIKOM GmbH - Schifferstr. 200 - 47059 Duisburg - http://www.krankikom.de
_____________________________________________________________________
STYLES for Afrikaverein.de / Ausgabe - Beejay 2006 -
##############################################################################
*/

@page { size: 5in 6in; margin-left: 3cm; margin-top: 3cm; }

/* main.css */

body				{
						text-align: center;
						margin: 5px auto;
						padding: 0;
						width: 968px;
						font-family: arial, helvetica, sans-serif;
						font-size: 12px;
						color: #330000;
						}
						
.clear			{
						clear: both;
						}

#global			{
						border: 2px solid #330000;
						width: 98%;
						}
						
#headleft		{
						display: none;
						}
						
#headleft ul	{
						padding: 0;
						margin: 10px 0 0 0;
						}
						
#headleft ul li {
					  padding: 0;
					  margin: 0 0 5px 5px;
					  list-style-type: none;
					  }
.headlogo		{
						text-align: center;
						}						  
					  
#headright	{
						display: none;
						}	
						
#headright form {
						bottom: 5px;
						color: #330000; 
						margin: 50px 15px 0 15px;
						font-weight: bold;
						float: right;
						}
						
#headright input {
						color: #330000;
						font-weight: normal;
						border: 1px solid #330000;
						padding: 2px 10px 2px 10px;
						margin: 0 0 0 15px;
						}
						
#headright .but	{
						border: none;
						margin: 0;
						padding: 0;
						font-weight: bold;
						}						 												
						
#one				{
						display: none;
						}	
#one img		{
						margin: 30px 5px 10px 5px;
						}																							
						
#two				{
						text-align: left;
						padding: 15px;
						}	

.boxnotes		{
						width: 327px;
						padding: 10px;
						border: 2px solid #330000;
						border-bottom: 3px solid #330000;
						float: left;
						margin: 0 10px 0 0;
						line-height: 16px;
						}
						
.boxclues		{
						width: 327px;
						padding: 10px;
						border: 2px solid #330000;
						border-bottom: 3px solid #330000;
						float: left;
						margin: 0 0 0 0;
						}	
						
.boxticker	{
						width: 327px;
						padding: 5px 10px 0 10px;
						border: 2px solid #330000;
						border-bottom: 3px solid #330000;
						float: left;
						margin: 15px 0 0 0;
						}
						
#footer			{
						display: none;
						}																										
						
#mainnav		{
						margin: 15px 0 0;
						padding: 0;
						border-bottom: 1px solid #330000;
						}
						
#membernav	{
						margin: 0;
						padding: 0;
						}	

						
/* 1. Ebene */
#mainnav ul	{
						background: #330000;
						margin: 0;
						padding: 1px 1px 1px 0; 
						}

#mainnav  ul li
						{
						margin: 0 0 1px 0;
						list-style-type: none;
						background: #FFCC66;
						}
						
#mainnav  ul a
						{
						padding: 4px;
						}						
						
/* 2. Ebene */						
#mainnav  ul ul li a {
					padding: 2px 0 2px 30px;
					background: #FED985;
					margin: 1px 0 0 0;
					}
					
#mainnav  ul ul  {
					padding: 0;
					margin: 0;
					}									
			
/* 3. Ebene */

#mainnav  ul ul ul li				
					{
					margin: 0 0 1px 0;
					list-style-type: square;
					}
					
#mainnav  ul ul ul li	 a {
					padding: 0 0 0 45px;
					background: #FBE7BB;
					margin: 1px 0 0 0;
					}							

/* ---------------------------------------------------------- */

/* 1. Ebene */
#membernav ul	{
						background: #FFCC66;
						margin: 0 0 0 0;
						padding: 1px 1px 3px 0; 
						}

#membernav  ul li
						{
						margin: 0 0 1px 0;
						list-style-type: none;
						background: #330000;
						}
						
#membernav  ul a
						{
						padding: 4px;
						}						
						
/* 2. Ebene */						
#membernav  ul ul li a {
					padding: 2px 0 2px 15px;
					}
					
#membernav  ul ul  {
					padding: 0;
					margin: 0;
					}									
			
/* 3. Ebene */

#membernav  ul ul ul li				
					{
					margin: 0 0 1px 0;
					}
					
#membernav  ul ul ul li	 a {
					padding: 0 0 0 25px;
					}								
				
/* Schriftdefinitionen */

#two	h1		{
						font-size: 16px;
						font-weight: bold;
						margin: 0;
						}	
						
#one	h2		{
						font-size: 12px;
						font-weight: bold;
						margin: 25px 0 5px 10px;
						padding: 0;
						}



#two	h2		{
						font-size: 12px;
						font-weight: bold;
						margin: 0 0 10px 0;
						text-decoration: underline;
						}	
						
												
						
#two	h5		{
						font-size: 10px;
						font-weight: bold;
						margin: 0;
						}	
						
#two .date	{
				font-size: 12px;
				font-weight: bold;
				}	
				
/* Linkdefinitionen */				

#two a:link,
#two a:visited {
				font-weight: bold;
				color: #330000;
				text-decoration: none;
				border-bottom: 1px solid #330000;
				}
#two a:hover {
				border-top: 1px solid #330000;
				border-bottom: 2px solid #330000;
				text-decoration: none;
				background: #FFCC66;
				}	

#two a.more:link,
#two a.more:visited {
				font-size: 10px;
				font-weight: bold;
				color: #330000;
				text-decoration: underline;
				}
#two a.more:hover {
				font-size: 10px;
				font-weight: bold;
				color: #330000;
				border-top: 1px solid #330000;
				border-bottom: 1px solid #330000;
				text-decoration: none;
				background: #FFCC66;
				}					
				
#headleft a:link,
#headleft a:visited	{
						color: #FFCC66;
						font-weight: bold;
						margin: 0 0 0 5px;
						text-decoration: none;
						}	

#headleft a:hover	{
						text-decoration: underline;
						}	

#mainnav a:link,
#mainnav a:visited		{
						text-decoration: none;
						color: #330000;
						display: block;
						}
						
#mainnav a:hover {
									text-decoration: none;
									background: #330000;
									color: #FFCC66;
									display: block;
									}
									
#membernav a:link,
#membernav a:visited		{
						text-decoration: none;
						color: #FFCC66;
						display: block;
						}
						
#membernav a:hover {
									text-decoration: none;
									background: #FFCC66;
									color: #330000;
									display: block;
									}
									
#footer a:link,
#footer a:visited		{
						text-decoration: none;
						color: #330000;
						border-bottom: 1px solid #330000;
						}
						
#footer a:hover {
									text-decoration: none;
									color: #330000;
									border-top: 1px solid #330000;
									border-bottom: 2px solid #330000;
									}									
																			
									
									
/* Formular */

#two form				{
								padding: 0;
								margin: 0;
								width: 550px;
								}		

#two fieldset		{
								border: 1px solid #330000;
								padding: 10px;
								margin: 0;
								}	
								
#two fieldset legend			{
								color: #330000;
								font-size: 10px;
								font-weight: bold;
								} 								
							
							
.butt						{
								width: auto;
								font-size: 10px;
								border: 1px solid #330000;
								background: #FFCC66;
								color: #000;
								margin: 0 0 0 200px;
								}
															
								
#two .fieldtextxl {
									width: 150px;
									float: left;
									}
									
#two .important		{
									color: #330000;
									font-weight: bold;
									text-align: center;
									padding: 2px 5px 2px 5px;
									font-size: 12px;
									}
	
	#two select			{
									background: #FFCC66;
									color: #330000;
									}
	
									
#two .inputs			{
									font-weight: bold;
									font-size: 12px;
									color: #330000;
									border: 1px solid #330000;
									background: #FBE7BB;
									}
									
#two .importantf	{
									background: #FFCC66;
									}
									
#two input:{background-color:#fff;}
	#two input:hover {background-color:#FFCC66; border: 1px solid #000; } /* funktioniert nur im Moz */
	#two input:focus{background-color:#FFCC66; border: 1px solid #000;}  /* funktioniert nur im Moz */
	
	#two select:{background-color:#fff;}
	#two select:hover {background-color:#FFCC66; border: 1px solid #000; } /* funktioniert nur im Moz */
	#two select:focus{background-color:#FFCC66; border: 1px solid #000;}  /* funktioniert nur im Moz */
	
	#two textarea:{background-color:#fff;}
	#two textarea:hover {background-color:#FFCC66; border: 1px solid #000; } /* funktioniert nur im Moz */
	#two textarea:focus{background-color:#FFCC66; border: 1px solid #000;}  /* funktioniert nur im Moz */																							
	
	
	iframe	{
					border: none;
					}
					
/* Ueberschreiben der EDITOR Classen */

.box_sx{
		width: 30%;
		border: 2px solid #330000;
		border-bottom: 3px solid  #330000;
		padding: 5px;
		margin: 0 15px 0 0;
		}


.box_s{
		width: 40%;
		border: 2px solid #330000;
		border-bottom: 3px solid  #330000;
		padding: 5px;
		margin: 0 15px 0 0;
		}

		
.box_m{
		width: 50%;
		border: 2px solid #330000;
		border-bottom: 3px solid  #330000;
		padding: 5px;
		}
		
.box_xl{
		width: 95%;
		border: 2px solid #330000;
		border-bottom: 3px solid  #330000;
		padding: 5px;
		}