@charset "utf-8";

/*  =========================================================
	File: layout.css
	Date: 090921
========================================================== */

/* ==============================================
   I - General Reset
   ============================================== */
html { height: 101%;
}

* { padding: 0; margin: 0; }

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	}

ul, ol {
	list-style:none;	
	}

fieldset, img {
	border:0;
	}

caption, th {
	text-align:left;
	}

.clearing { clear: both; }
	
/* ==============================================
   II - Layout
   ============================================== */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	background:#ccc;
	font-size:small;
}

div#container {
	width:770px;	
	margin:10px auto;
	color:#000;
	background:#fff;
	text-align:left;
}

/* All Links */
a { outline:none; text-decoration:none; } 
a:link { color:#000; }
a:visited { color:#000; }
a:hover, a:focus { text-decoration:none; }
a:active { color:#000; }

/* ==============================================
   III - Content
   ============================================== */
   
#header {
	position:relative;  
	color:#000; 
	background:#fff;
	padding:10px 20px 10px 20px;
	border-bottom:1px solid #000;   
}

#logo {
	padding:10px 0;
}

#header h1 {
	position:absolute;
	top:10px; 
	right:10px; 
	font-size:110%;
	font-weight:bold;  
	padding:5px 0 5px 0; 
	margin-bottom:0; 
}
#header h1 span {
	color:#c33;  
}
   
/* Navi */
#navi_topleft { 
	float:left; 
	width:146px; 
	padding:20px 0; 
} 
	#navi_topleft ul { 
		width:126px; 
		border-top:1px solid #333;
	} 
	#navi_topleft li { 
		border-bottom:1px solid #333; 
		margin:0;
	}
	#navi_topleft a { 
		display:block;  
		text-decoration:none;
		color:#000; 
		background-color:#cfc;
		padding:4px; 
		border-left:3px solid #cfc; 
	}  
	#navi_topleft a:hover,
	#navi_topleft a:focus,
	#startseite #navi01 a, 
	#ts100 #navi02 a,
	#ts101 #navi03 a,
	#ts102 #navi04 a,
	#ts106 #navi05 a,
	#ts104 #navi06 a,
	#ts107 #navi07 a,
	#ts103 #navi08 a,
	#ts108 #navi09 a,
	#ts105 #navi10 a { 
		color:#000;
		background-color:#fff;
		font-weight:bolder;
		border-left-color:#c33;
		border-bottom:none; 
	}  
	#navi_topleft a:active { 
		color:#000; 
		background-color:#cdcdcd; 
	} 
	
#csx img {
	margin:110px 0 0 4px;
}

#csx a,
#csx a:hover,
#csx a:focus,
#csx a:active {
	color:#000; 
	background:#fff;
	padding:4px; 
	border:none; 
}

/* Main Content */
#main_content { 
	padding:23px 10px 20px 10px; 
	margin-left:146px; 
}

	#main_content h2 {
		font-size:130%;
	}
	
	#main_content h2,
	#main_content p {
		padding-left:8px;
		margin-bottom:1em;		
	}
	
	#main_content a { 
		text-decoration:underline; 
	}
	#main_content a:hover,
	#main_content a:focus { 
		text-decoration:none;
	}
   
.right_picture {
	float:right; 
	padding:5px; 
	margin-bottom:10px;
	margin-left:20px; 
}

#gallery {
	margin:20px 0 0 28px;
}

.profil {
	overflow:hidden;
	float:left;
	width:188px;	
}

.profil img { 
   padding:4px;
   border:1px solid #696; 
   border-right-color:#363; 
   border-bottom-color:#363; 
   margin-bottom:7px;  
}

.profil p { 
	margin-left:-4px;
}

/* for IE6 */
* html .profil { height: 1%; }   

.ts_profil { 
   overflow: hidden; 
   padding: 25px 10px 10px 0; 
   margin: 0 3px 3px 0; 
 }
 
/* for IE6 */
* html .ts_profil { height: 1%; } 
 
.ts_profil img { 
   float:left; 
   padding:4px;
   border:1px solid #696; 
   border-right-color:#363; 
   border-bottom-color:#363; 
   margin-right:15px; 
   margin-bottom:12px;  
}

.ts_profil h3 {
	font-size:120%;
	font-weight:bold;
	margin:0.5em 0 1em 0;
}

#info {
	clear:both;	
	padding:1px;
	border:1px solid #696; 	
}

#info p {
	margin-bottom:0;
}

.dscp {
	color:#000;
	background:#696;
	padding:6px 20px 7px 0;
}

#numbers {
	clear:both;	
	padding:1px;
	border:1px solid #c33; 	
}

#numbers p {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	background:#c33;
	font-size:200%;
	font-weight:bolder;
	text-align:center;
	letter-spacing:1px;
	padding:5px 10px 8px 20px;
	margin-bottom:0;
}

.hint {
	text-align:center;
	padding:5px 0 20px 0;
}    
   
/* ==============================================
   IX - Footer
   ============================================== */
#footer {
	clear:both;
	padding:20px 0;
	color:#000;
	background:#fff;
	font-size:80%;
	letter-spacing:2px;
	text-align:center;
	border-top:1px solid #000;
}

#footer li {
	display:inline;
	list-style-type:none;
	list-style-position:inside;
	margin:0;
}

#footer a {
	text-decoration:none;
}