/*ür die Website TSC-Esslingen
Datei:  bildschirm.css
Datum:  5. August 2008
Autor:  Oliver Wild auf der Basis von Peter Müller`s Little Boxes
Getestet für Firefox 3.0, Opera 9.51, IE 6, IE 7
Aufbau  1. Kalibrierung und allgemeine Styles 
        2. Styles für Layoutbereiche    
        3. Sonstige Styles 
========================================================== */

/* ====================================== 
   1. Kalibrierung und allgemeine Styles 
   ====================================== */

/* Kalibrierung der wichtigsten Abstände */
*  { padding: 0; margin: 0; } 
p { margin: 1em 0 0.3em 0} 
h1 { margin: 0 0 0.3em 0}  
/*h2, h3 { margin: 2em 0 0.3em 0}  */
ul ul { margin-bottom: 0; } 
/*
li { margin-left: 2em; margin-top:0.5em} 
li li { margin-left: 3em; } 
*/
/* Allgemeine Selektoren */

html { height: 101%; } /* erzwingt Scrollbar im Firefox */
body { 
   background-color: #0b507f; 
   font-family : Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
   font-size: 13px;
   line-height:1.3em;
}
h1 { font-size: 150%;} 
h2 { font-size: 120%; }
h3 { font-size: 100%; font-weight: bold; }

/*
td {padding:5px;vertical-align:top}
td p{ margin: 0} 
*/
address {
   text-align: center;  
   font-size: 80%;      
   font-style: normal;  
   letter-spacing: 2px; 
   line-height: 1.5em;  
}
/* Hyperlinks */

a { text-decoration: none; outline: none;} 
a:link { color: black; } 
/*a:visited { color: silver; }*/
a:hover, 
a:focus {color: black; }
a:active { color: black; }


/* Allgemeine Klassen und IDs */

.skiplink { 
   position: absolute; 
   left: -3000px; 
   top: -2000px; 
   width: 0px; 
   height: 0px; 
   overflow: hidden; 
   display: inline; 
}

#centerContentWrapper img {
   padding:		1px; 
   border:		1px solid #ccc;
/*
   margin-bottom:	10px;
*/
}
/*
#centerContentWrapper a img {
	border: 0;
	margin: 0;
	padding: 0;
}
*/

.bildlinks {
   float:left; 
   padding: 1px; 
   border: 1px solid #ccc; 
   margin: 5px 5px 5px 0;
}

.rechts {float:right;
		  text-align:right;
		  margin-right:20px}

.info {	width:280px;
		  margin:0 0 10px 0;
		  border:1px dotted #003366;
		  background: #E1ECF0;
		  padding:5px;
		}	  
		
.infoline {	width:280px;
		  border-bottom:1px dotted #003366;
		  background: #EEF5F9 url(bilder/ok.gif) 3px 3px no-repeat;
		  list-style-type: none;
		  margin-left: 0;
		  padding-left: 18px;	
		  font-weight: bold;	  
		}			
		  
.blau {color:#003366;}		  

.weiss {background:#ffffff;padding:0}		

.datum {color:#003366;border-bottom: 1px dotted silver;padding:0;margin:0;font-size:0.9em;}

.newshead {color:black;font-weight:bold;padding:0;margin:0}

.newsbody {color:black;padding:0;margin:0;font-size:0.9em;}


/* ==================================== 
   2. Styles für die  Layoutbereiche 
   ==================================== */


/* ----------- Inhaltsbereich -----------*/

/* Inhaltsbereich mit Textbereich und rechter Navigation */
#inhalt {float:right;width:595px;padding:0 0 0 15px;margin-bottom:10px;border-left: 1px dotted #003366;} 

/* Inhaltsbereich mit Textbereich ohne rechte Navigation */
#content {float:right;width:575px;padding:0 0 0 15px;margin:25px 25px 10px 0;border-left: 1px dotted #003366;} 

#infobox {float:right;
		  width:250px;
		  margin:0 0 10px 15px;
		  padding:5px;font-weight: bold;}	
		  
#infobox li
		 {	
		  background: #EEF5F9 url(/fileadmin/template/tsc-template/images/ok.gif) 3px 3px no-repeat;
		  list-style-type: none;
		  margin-left: 0;
		  padding-left: 18px;	
  		  border-bottom:1px dotted #003366;
		}	

#centerContentWrapperInfoboxBild li
		 {	width:280px;
		  border-bottom:1px dotted #003366;
		  background: #EEF5F9 url(/fileadmin/template/tsc-template/images/ok.gif) 3px 3px no-repeat;
		  list-style-type: none;
		  margin-left: 0;
		  padding-left: 18px;	
		  font-weight: bold;	  
		} 


/* ----------- Textbereich -----------*/

#textbereich {float:left;width:390px;border-right: 1px dotted #003366;}
#textbereich { padding: 25px 10px 15px 0px; }
   #textbereich a:hover,
   #textbereich a:focus { border-bottom: 1px solid #003366; }

   

/* ----------- Fussbereich -----------*/

#fussbereich {clear:both;width:100%;color:white}

#fussbereich {
   font-size:1.5em;
   background: #ffffff url(/fileadmin/template/tsc-template/images/fussgrafik.jpg) bottom center no-repeat;
   height:30px;
   margin-bottom:0px;
   padding:0px;
   color:white;
}

#fussbereich p{background-color:#333;padding:10px 30px;margin:0 18px 0 400px;}


/* ==================================== 
   3. Sonstige Styles 
   ==================================== */

/* Das Kontaktformular */
form {
   background-color: #fff;
/*   width: 450px;*/ /* Breite des Formulars */ 
   padding: 0; 
   /*border: 1px solid #8c8c8c;*/
}

label { cursor: pointer; }

textarea { height: 7em; }

input#absender:focus, textarea:focus {   background-color: #d9d9d9; }

/* ======================================= 
   E N D E   D E S   S T Y L E S H E E T S 
   ======================================= */