/*	
	*****************************************									
	*		CSS										*   	
    *    	ERSTELLT FÜR MEDIACLOU GmbH 	*	
		  
		  DATUM: November 2007
		  AUFBAU: 1. Allgemeine Selektoren, Inhaltselemente
		  	  2. Container obere  und untere Reihe 
			  3. Container Logo 
			  4. Container Bild
			  5. Container Navigation
			  6. Container Text										
	
	Der Hinweis zu runden Ecken mit CSS stammt von 
	Stu Nicholls, http://www.cssplay.co.uk
	*****************************************
*/
/* ******************* 
    A L L G E M E I N  
   **************** */

/* <![CDATA[ */ 

html {margin: 0; padding: 0;}
a img { border: none; }

body{ font: 12px Verdana, Arial, sans-serif; color: #333; /*background-color: #DCDCDC;*/ background-color: #333333; margin: 0; padding: 0; line-height: 200%;}
 
* html body { text-align: center; }

#pageContainer{ 
	 width: 100%; margin: 0; /*text-align: left;*/ /*background-color: #DCDCDC;*/ background-color: #333333; }

* html #pageContainer {	/* \*/	word-wrap: break-word;	
	margin-top: -8px; padding: 0; /* verhindert float-Probleme beim IE/Win siehe Referenz zu float */}

#centerpage { width: 850px;  height: 100%; background-color: #fff; text-align: left; margin-left: auto; margin-right: auto; border: 1px solid #A9A9A9; }

h1 {
	font: 20px Verdana, Arial, sans-serif; margin: 1em 0 0.7em 0; padding: 0; font-weight: normal; color: #696969; }

h2 {
	font: 16px Verdana, Arial, sans-serif; color: #696969; padding: 1em 0 0 0; }	
	
ul, li {margin:0; padding: 0; }


#fusszeile {
	margin: 15px 10px 4px 224px; padding:0; }
	
#impressum a { float: right;font: 11px Verdana, Arial, sans-serif; color: #333; text-decoration: underline; margin: 10px 13px 0 0; }

.cleaner{
	clear:both; height:1px; font-size:1px; border:0px none; margin:0; padding:0; background:transparent; }


/* ************************************* 
    Container obere  und untere Reihe  *
   *********************************** */
	
#intro { width: 848px; margin: 10px 0 0 0; padding: 0; }	
*+html #intro { width: 850px; margin: 10px 0 0 0; padding: 0; }		
* html #intro { width: 862px; }
#main { width: 850px; margin: 10px 0 0 0; padding: 0; }
* html #main { width: 862px; margin-top: -25px; }

/* ****************** 
    Container logo  *
   **************** */
#logo { float: left; width: 190px; padding: 10px 5px 0 5px; margin: 0 10px; background-color: #fff; /*border: 1px solid #d7d7d7;*/ clear: left; }
* html #logo { height: 218px; }

/* ****************** 
    Container bild  *
   **************** */
#bild { margin: 0; padding: 0; border: 0px solid #d7d7d7; padding: 0 10px; float: left; }
* html #bild {margin-left: 55px; }
#buttons {float: right; margin: 16px 1px 0 0;}
*+ html #buttons {float: right; margin: 16px 3px 0 0;}
* html #buttons { margin: 16px 3px 0 4px;}
#telefon {border: 1px solid #8187b9; height: 14px; padding: 10px; font-size: 16px; font-weight: bold; color: #8187b9; letter-spacing: 0.5px; margin: 0px 10px 4px 0; }
*+ html #telefon, *+ html #kontakt a {width: 230px; font-weight: normal; letter-spacing: 0.5px; }
#kontakt a { background-color: #FA8800; border: 1px solid #8187b9; height: 14px; display: block; padding: 10px; font-size: 16px; font-weight: bold; color: #fff; letter-spacing: 0.5px; margin: 0px 10px 0 0; text-decoration: none; clear: both;  }
#kontakt a:hover { border: 1px solid #8187b9; background-color: #fff; color: #8187b9; }

/* ************************ 
    Container Navigation  *
   ********************** */
#navi{ float: left; width: 200px; margin: 0 10px; padding: 0; }		
#navi #ecken_navi { margin: 0; padding: 0; }

/* runde Ecken */

#navi .noben { display:block; font-size:1px;}
#navi .nunten { display:block; font-size:1px; margin-top: 1px; }
#navi .nb1, #navi .nb2, #navi .nb3, #navi .nb4 {display:block; overflow:hidden;}
#navi .nb1, #navi .nb2, #navi .nb3 {height:1px;}
#navi .nb2, #navi .nb3, #navi .nb4 {background: #FA8800; border-left:1px solid #FA8800; border-right:1px solid #FA8800;}
#navi .nb1 {margin:0 5px; background: #FA8800;}
#navi .nb2 {margin:0 3px; border-width:0 2px;}
#navi .nb3 {margin:0 2px;}
#navi .nb4 {height:2px; margin:0 1px;}

#navi ul { background-color: #FA8800; }
#navi li { list-style-type: none; }	 
* html #navi li { height: 14px; } 
#navi a, #navi:visited {
	font: 12px verdana, arial, sans serif; list-style-type: none; line-height: 20px; display:block; color: #fff; padding: 5px 5px 4px 20px; background-color: #FA8800; text-decoration:none; border-top: 1px solid white; }

#navi a:hover { color: #fff; background-image: url(images/bullet_blau.jpg); background-position: 6px 12px; background-repeat: no-repeat; text-decoration: none;}
*+ html #navi a:hover {background-position: 6px 15px; }

#navi #aktiv a {background-image: url(images/bullet_blau.jpg); background-position: 6px 12px; background-repeat: no-repeat; }
*+ html #navi #aktiv a {background-position: 6px 15px; }
#navi #aktiv a:hover {background-image: url(images/bullet_blau.jpg); background-position: 6px 12px; background-repeat: no-repeat; }
*+ html #navi #aktiv a:hover {background-position: 6px 15px; }

/* Untermenue */

#navi #untermenue {    
	margin: 0; padding: 0; list-style-type: none; text-decoration: none; }   

#navi #untermenue ul{ 
	list-style-type: none; text-decoration: none; padding: 0; }
#navi #untermenue li { background-image: none; }	
#navi #untermenue a {
	font: 12px verdana, arial, sans serif; line-height: 12px; display:block; color: #fff; padding: 6px 5px 6px 40px; background-image: none; }
*+ html #navi #untermenue a {padding:  1px 0 1px 40px; }
#navi #untermenue a:hover { background-image: url(images/bullet_blau.jpg); background-position: 27px 9px; background-repeat: no-repeat; }
*+ html #navi #untermenue a:hover { background-position: 27px 11px; }
#navi #untermenue_aktiv a { font: 12px verdana, arial, sans serif; line-height: 12px; background-image: url(images/bullet_blau.jpg); background-position: 27px 9px; padding: 6px 5px 6px 40px; background-repeat: no-repeat;}
*+ html #navi #untermenue_aktiv a { background-position: 27px 11px; padding:  1px 0 1px 40px; }

#navi #untermenue_aktiv a:hover { background-image: url(images/bullet_blau.jpg); background-position: 27px 9px; background-repeat: no-repeat;}
*+ html #navi #untermenue_aktiv a:hover { background-position: 27px 11px; }

#navi #logo a {background-color: none; }

/* ********** Kurse  **************** */
   
#kurse { width: 200px; }
#kurse #kurse_text { background: #ff8000; color: #fff; font-size: 9px; font-weight: bold; border: 0 solid #ff8000; padding: 5px 5px 5px 22px; margin: 1px 0 1px 0;}
#kurse #kurse_text p {padding: 6px 0 0 0; margin: 0; }
#kurse .koben, #kurse .kunten { display:block; font-size:1px;}
#kurse .kb1, #navi .kb2, #navi .kb3, #navi .kb4 {display:block; background: #ff8000; overflow:hidden;}
#kurse .kb1, #navi .kb2, #navi .kb3 {height:1px;}
#kurse .kb2, #navi .kb3, #navi .kb4 {background: #ff8000; border-left:1px solid #ff8000; border-right:1px solid #ff8000;}
#kurse .kb1 {margin:0 5px; background: #ff8000;}
#kurse .kb2 {margin:0 3px; border-width:0 2px;}
#kurse .kb3 {margin:0 2px;}
#kurse .kb4 {height:2px; margin:0 1px;}
#kurse table {background: #fff; border-color: #ff8000; color: #ff8000; margin: ; width: auto; }
#kurse table td {border: 1px solid #ff8000; padding: 5px;}
#kurse table td img {margin: 0; padding: 0;}
* html #kurse table td {font-size: 9px; font-weight: bold;}

/* *************** 
    Container text  *
   **************** */
#inhalt{
	width: 620px; margin: 0 10px 0 220px; padding: 0;}			
* html #inhalt { margin: 0; padding: 0;}
#inhalt #ecken {background: #fff; margin: 0 2px;}

/* runde Ecken */

#inhalt .xoben, #inhalt .xunten {display:block; font-size:1px;}
#inhalt .xb1, #inhalt .xb2, #inhalt .xb3, #inhalt .xb4 {display:block; overflow:hidden;}
#inhalt .xb1, #inhalt .xb2, #inhalt .xb3 {height:1px;}
#inhalt .xb2, #inhalt .xb3, #inhalt .xb4 {background: #fff; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7;}
#inhalt .xb1 {margin:0 5px; background: #d7d7d7;}
#inhalt .xb2 {margin:0 3px; border-width:0 2px;}
#inhalt .xb3 {margin:0 2px;}
#inhalt .xb4 {height:2px; margin:0 1px;}

#text { display:block; background: #fff; border: 0 solid #d7d7d7; border-width:0 1px; padding: 1px 12px; margin: 0; }	
*+ html #text {padding: 10px 12px; }
* html #text { text-align: left; }
#text p {margin: 0 0 0 2px; padding: 0; line-height: auto; }
#text a {font: 12px Verdana, Arial, sans-serif; color: #333; }
#text ul { margin: 10px 10px; padding: 0 10px; line-height: 16px; list-style-type: disk;}

#text .csc-textpic {margin: 0; padding: 0; }
.csc-textpic-imagewrap dt img {border: 1px solid #333333; padding: 5px; }
.csc-textpic-imagewrap dd.csc-textpic-caption {font: italic 10px Verdana, Arial, sans-serif; color: #333;  }

/* *************** 
    Formular     *
   *************** */

form {margin: 0; padding: 0; }   

/* ]]> */