/*	
	*****************************************									
	*		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: 11px Verdana, Arial, sans-serif; color: #333; background-color: #DCDCDC; margin: 0; padding: 0;}
 
* html body { text-align: center; }

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

* 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: 0; padding: 0; font-weight: normal; color: #696969; }

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


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

.cleaner{
	clear:both; height:1px; font-size:1px; border:0px none; margin:0; padding:0; background:transparent; }
        
/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link
a:active {
   text-decoration: underline;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
  /* background-color: inherit; */
   color: #000;
}

a:visited {
   text-decoration: underline;
   /* background-color: inherit; */
                   /* a different color can be used for visited links */
}


/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
  /* background-color: inherit;
   color: #385C72; */
}

input, textarea, select {
   text-align: left;
   font-family: Arial, Helvetica, Geneva, sans-serif;
   font-size: 11px;
   line-height: 1.2em;
   border: 1px solid #aaa;
   padding: 2px;
   width: 95%;
}

label {
    display: block;
    padding: 10px 3px 2px;

}

textarea {
 height: 6em;
 overflow: auto;
}

/* Button */
.submitbutton {
padding: 3px 0;
cursor: pointer;
color: #004A96;

}

.submitbutton2{
width: 140px;
text-align: center;
margin: 5px 0;
}


/* ************************************* 
    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; height: 208px; padding: 10px 5px 0 5px; margin: 0 10px; background-color: #fff; border: 1px solid #d7d7d7; clear: left; }	
* html #logo { height: 218px; }

/* ****************** 
    Container bild  *
   **************** */
#bild { width: 614px; height: 218px; margin: 0 11px 0 221px; padding: 0; border: 1px solid #d7d7d7; }		

/* ************************ 
    Container Navigation  *
   ********************** */
#navi{ float: left; width: 200px; margin: 0 10px; padding: 0; }		
* html #navi{ width: 190px;}	
#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: #8187b9; border-left:1px solid #8187b9; border-right:1px solid #8187b9;}
#navi .nb1 {margin:0 5px; background: #8187b9;}
#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: #8187b9; }	 
#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: 4px 5px 4px 20px; background-color: #8187b9; 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;}
 
#navi #aktiv a {background-image: url(images/bullet.jpg); background-position: 6px 12px; background-repeat: no-repeat; }
#navi #aktiv a:hover {background-image: url(images/bullet_blau.jpg); background-position: 6px 12px; background-repeat: no-repeat; }

/* 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; }

#navi #untermenue a:hover { background-image: url(images/bullet_blau.jpg); background-position: 27px 9px; background-repeat: no-repeat; }
#navi #untermenue_aktiv a { font: 12px verdana, arial, sans serif; line-height: 12px; background-image: url(images/bullet.jpg); background-position: 27px 9px; padding: 6px 5px 6px 40px; background-repeat: no-repeat;}
#navi #untermenue_aktiv a:hover { background-image: url(images/bullet_blau.jpg); background-position: 27px 9px; background-repeat: no-repeat;}

/* *************** 
    Container text  *
   **************** */
#inhalt{
	width: 620px; margin: 0 10px 0 220px; padding: 0;}			
* html #inhalt { width: 617px;}
#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: 10px 12px; margin: 0; }	
* html #text { text-align: left; }
#text p {margin: 10px 0 0 2px; padding: 0; line-height: 16px;}
#text a {font: 11px Verdana, Arial, sans-serif; color: #333; }
#text ul { margin: 10px 10px; padding: 0 10px; line-height: 16px; list-style-type: disk;}

/* ]]> */