/* CSS Document */

/* Alle Abstaende auf Null setzen ------------------------------------------- */

 * {
		margin: 0;
		padding: 0;
		}

body {
		font-family:"Lucida Grande",Arial,Helvetica, sans-serif;
		text-align: center;
	background:#ffffff;
		}
	

/* Global-Container --------------------------------------------------------- */

#global {
		position:relative;
		text-align:left;
		margin:10px auto 0 auto;
		width: 760px; 
		
		} 
		#globalu {
		position:relative;
		text-align:left;
		margin:0 auto 0 auto;
		width: 760px; 
		
		} 
		
/* Menu oben ---------------------------------------------------------------- */

#header {
		width:760px;
		border-style: solid;border-color: #ff9900;border-width: 0px 0px 1px 0px;
		background:#ffffff;
		}
	
	#content {
		width:740px;
		height:auto;
		padding:10px;
		background-color: #ffffff;
	overflow:visible;
		}
		
	#screenshot {
	border-style: solid;border-color: #333333;border-width: 1px 1px 1px 1px;
		}
			
	
		#logo a:hover {
				background:none;
				}

#submenu {
		position:relative;
		right:0px;
		top:1px;
		text-align:right;
		margin:0 0 15px 0;
		
		}		
		
		#submenu ul, #submenu li {
				display:inline;
				text-align:right;
				}	
		
		#submenu li {
				color:#ccc;	
				font-size:11px;
				}

		#submenu a {
				text-decoration:none;
				padding:2px;
				}	

/* Content-Container -------------------------------------------------------- */

#contentEins {
background-color: #ffffff;
		width:380px;
		margin-top: 20px; 
		float:left;
		}
		
		#contentTextEins {
background-color: #ffffff;
		width:360px;
		
		float:left;
		}
		
		#contentEins p {
				margin-right:20px;
				}

#contentZwei {		
		width:360px;
		float:right;
		background-color: #ffffff;
		}


#map {position:relative;
		text-align:left;
		margin:0px auto 0 auto;
		width: 760px; 
		
}		
/* Piecito ------------------------------------------------------------------ */

#footer {
		clear:both;
		border-top:1px solid #ccc;
		}
				
		div#footer p {
			text-align: left;
			font-size: 11px;
			line-height: 14px;
			color: #999;
			padding: 0 0 4px 0;
			}	
			
			div #footer p a {
					color:#666;
					text-decoration:none;		
					}
					
			div#footer p a:hover {
					background:#fff;
					color:#62b900;
					text-decoration:underline;
					}			
				
		
					
/* Links -------------------------------------------------------------------- */

a:link, a:visited {
		color:#333;
		text-decoration:underline;
		}

a:hover {
		color:#fff;
		background-color:#ff9900;
		text-decoration:none;
		}			

/* Ueberschriften ----------------------------------------------------------- */

h1 {
		text-align:left;
		font-family: Lucida, "Lucida Sans Unicode", Lucida, sans-serif;		
		font-weight:lighter;
		color:#333;
		margin:20px 0 40px 0;
		font-size:40px;
		line-height:40px;
		letter-spacing:-1px;
		}
		
		#deutsch h1 {
				
				}	

		#english h1 {
				text-indent: -5000px; height: 95px;
				background: url(/media/site/head.gif) no-repeat 0 0;
				}	
		
		#ctct h1 {
				text-indent: -5000px; height: 46px;
				background: url(/media/site/message.gif) no-repeat 0 0;
				}	
		
		#ktkt h1 {
				text-indent: -5000px; height: 37px;
				background: url(/media/site/schreiben.gif) no-repeat 0 0;
				}		
		

h2 {
		font-size:16px;
		font-weight:lighter;
		padding:5px 0;
		text-align:left;
		line-height:16px;
		color:#ff9900;
		margin:0 0 5px 0;
		border-bottom:1px solid #333333;
		}
		
		#contentZwei h2 {
				padding:5px 0 5px 0px;
				}

/* Text-Definitionen allgemein ---------------------------------------------- */

p, address, ul, li, label, blockquote, h2, textarea, input  {
		font-family:"Lucida Grande",Arial, Geneva, Helvetica, sans-serif;
		}

p, address,ul, label, blockquote { 
		text-align:left;
		color:#444; 
		font-size:12px;
		line-height:19px;
		font-style:normal;
		border-style:none;
		margin:5px 0 13px 0;
		}
		
address {
		line-height:18px;
		color:#666;
		margin:0 0 15px 0;
		font-style:normal;
		}	
		
		address strong {
				font-weight:normal;
				color:#62b900;
				}
		
				
		#danke p {
				margin-top:40px;
				font-weight:bold;
				color:#fff;
				background:#62b900;
				text-align:center;
				padding:50px;
				border:1px solid #d5d5d5;
				}
				
				#danke p a {
						color:#fff;
						}	
								
						#danke p a:hover {
								background:#fff;
								color:#62b900;
								text-decoration:none;
								}		
		
blockquote	{
		color: #fff;
		margin-left:20px;
		padding:0;
		}
				
		blockquote p {
				margin:0 !important;
				padding:3px 0;
				font-size:12px;
				line-height:18px;
				color:#666;
				}
						
				blockquote p span {
						display:block;
						text-align:right;
						font-style:italic;
						margin:0 20px 3px 0;
						font-size:10px;
						}

li,ul {
		list-style:none;
		color:#999;
		}
		
/* Formular ----------------------------------------------------------------- */
	
form {
		margin-bottom:20px;
		}		
		
		form br {
				clear:none;
				}
		
		#Name, #Email {
				width:350px;
				background:#fff;
				color:#666;
				}
input {
		background:#e6e6e6;
		color:#444;
		}				
	
textarea, input {
		font-weight:normal;
		font-size: 12px;
		border:2px solid #ccc;
		padding:3px;
		margin-bottom:7px;
		}
		
textarea {
		width:350px;
		height:200px;
		margin-bottom:20px;
		background:#fff;
		color:#444;
		}
		
		.ok {
			background:#62b900;
			color:#fff;
			font-weight:bold;
			padding:4px;
			}

.button_right{
	font-weight:normal;
	font-size: 14px;
	float:right;
	color:#000;
	width:240px;
	}
.button_mark_correct{
	font-weight:normal;
	font-size: 14px;
	float:right;
	color:#009900;
	width:240px;
	}
.button_mark_incorrect{
	font-weight:normal;
		font-size: 14px;
	float:right;
	color:#cc0000;
	width:240px;
	}

						
						
						
						
/* Allgemein ---------------------------------------------------------------- */		
			
hr, br {
		visibility:hidden;
		clear:both;
		height:1px;
		line-height:1px;
		display:block;
		border:none;
		}
		
		
img {
		border:0;
		}


/* Arbeit ------------------------------------------------------------------- */



div.prtfl {
		width:360px;
		padding:6px 0 10px 0;
		}
	
	
		div.prtfl a img {
			border:1px solid #ccc;
			background:#e6e6e6;
			padding:4px;
			}
				
		div.prtfl a:hover img {
			border:1px solid #999;
			}
		
		div.prtfl p {
			padding-left:1px;
			margin:5px 0 2px 1px;	
			font-size:11px;
			line-height:16px;	
			color:#666;
			}
		
.lt {
		float:left;
		padding-right:10px;
		clear:both;
		}		

.rt {
		float: right;
		}		
		
						
/* Fehler ------------------------------------------------------------------- */						
						
#ktkt .ok .en, #ktkt .ok .nt {
		display:none;
		}	
		
p.err {
		padding:0;
		margin:8px 0 4px 0;
		}

#ktkt p.err {
		text-indent: -5000px; height: 20px;
		background: url(/media/site/err-de.gif) no-repeat 0 0;
		}

#ctct .ok .dt, #ctct .ok .nt {
		display:none;
		}	

#ctct p.err {
		text-indent: -5000px; height: 20px;
		background: url(/media/site/err-en.gif) no-repeat 0 0;
		}
		
/* Mehr --------------------------------------------------------------------- */			
/*				
				
		p#more {
				float:left;
				font:normal 11px/16px "Lucida Grande", Arial;
				color:#666;
				}
				
				p#more a {
						color:#666;
						}
						
				p#more a:hover {
						color:#333;
						background:none;
						text-decoration:underline;
						}
						
*/		
		
/* End of CSS */