/*	
	*****************************************									
	*		  CSS			*   	
        *    ERSTELLT FÜR MEDIACLOU GmbH 	*	
		  
		  DATUM: 30.01.2007
		  AUFBAU: 	1. Allmgemeine Selektoren
		  				2. Header
						3. Breadcrumb + Headernavigation
						4. Spalten (3)
						5. Hauptmenü
						6. Untermenü
						7. Rechte Spalte
						8. Inhaltselemente
						9. Suche
						10. Sitemap
						11. Formulare
						12. Bilder linke Spalte
	*					*	
	*****************************************
*/

/*      
	*************************************************									
	*	A L L G E M E I N E  S E L E K T O R E N	   *   	 
	*		                                          *	
	*************************************************
*/


/* <![CDATA[ */ 

a img { border: none; }
	
body{ 
	padding: 0; margin: 0; font: 77% Verdana, Geneva, Arial, Helvetica, sans-serif; color: #333333; }

#pageContainer{ 
	border: solid 1px #ffffff; margin: 0; min-width: 70em; width: auto; }

* html #pageContainer {	/* \*/	word-wrap: break-word;	/* verhindert float-Probleme beim IE/Win siehe Referenz zu float */ }

h1{
	font-size: 1.5em; line-height: 1.5em; color: #333333; }
	
h1.hide {
	font-size: 1.5em; display: none; }

h2{
	font-size: 1.2em; font-weight: bold; color: #333333; }
	
abbr, acronym {
border-bottom : 1px dashed #ff8700; padding: 1px; cursor: help; }

#contentwrapper{
	margin: 10px 10px 0px 0px; } /* WRAPPER UM DEN INHALT, ABSTAND ZU DEN SEITEN */

#middle a{
	color: #333333; line-height: 1.5em; }

#middle a:hover{
	background-color: #FFECD5; line-height: 1.5em; }   
	
#footerlinie {border-bottom: 5px solid #ff8700; margin-bottom: 2em; }
*+html #footerlinie { margin-top: 0; }

#footer{
	margin:0; padding:0em 0em; visibility: hidden; }

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


/* ************* 
    H E A D E R  
   ************* */
#header { background-image: url(pix/header_anschluss.jpg); background-repeat: repeat; }
#header a { display: block; }

/* skipnav für Sreenreader und zum Tabben: Link zum Inhalt bzw. zur Navigation */
.skipnav {
   position:absolute;
	left: -1000px;
	top: -1000px;
	width:0;
	height:0;
	width: 50em; 
	overflow:hidden;
	display:inline;
}
.skipnav a:focus, .skipnav a:active {top: 0px; left: 0px; overflow:visible; background-color: #ff8700; }

/* ******************************************************** 
    B R E A D C R U M B + H E A D E R N A V I G A T I O N *
   ******************************************************/*

#headerbreadcrumb {
	height: 2em; padding-top: 1.5em; font-size: 97%; padding-left: 1.3em; white-space:nowrap; }

* html #headerbreadcrumb {
	padding: 1.5em 0 1em 1.3em; }

#headerbreadcrumb a { color: #333333; }

#headerbreadcrumb a:hover {background-color: #FFECD5; }
		
#headernav {
	width: 100%; height: 2em; background: #606060; border-bottom: 5px solid #ff8700; white-space:nowrap; }

#headernav ul {
	margin: 0; padding:0; }

#headernav a {
	text-decoration: none; color: #FFFFFF; font-weight: bold;}

#headernav a:hover, #headernav a:focus, #headernav a:active{
	text-decoration: underline; color: #333333; background-color: #FFECD5; }	
	
#headernav ul li {
	list-style: none; float: left; padding: 0.5em 0 0 1.3em; margin: 0 5em 0 0; font-size: 1em; }

* html #headernav ul li {
	padding: 0.5em 0 0.5em 1.3em; }

#headernav #aktiv a{
	text-decoration: underline; }


/* ***********
    3 Spalter
   *********** */

#outerContainer {
margin-left: 16em;
margin-right: 18em; }
	
#innerContainer {
border: none;
width: 100%;
z-index: 1;
}

#left, #middle, #right, #SOWrap{ 
	overflow: visible; position: relative; }

#SOWrap { 
	float: left; margin: 0 -1px 0 0; width: 100%; z-index: 3; }

#middle { 
	float: right; margin:0; padding: 0 1em; width: 94%; z-index: 5; line-height: 1.5em;  }

#left {	
	float: left; margin: 0 1px 0 -16.5em; width: 16.5em; z-index: 4; }

#left a {
	text-decoration: none; color: #333333; }

/* ******************* 
    H A U P T M E N U 
   ******************* */
	
#hauptnavigation{
	font-size: 1em; margin-left: 0.3em; height: auto; }

#hauptnavigation ul { 
	list-style-type:none; line-height: 200%; padding: 0; margin: 0; font-size:1em; font-weight:bold; }
	
#hauptnavigation li a {
    display:block; padding-left:0.8em; border-bottom: 3px; border-left: 5px solid #ff8700; margin: 3px; }

* html #hauptnavigation li a {
    height:1.5em; }

#hauptnavigation li a:link, #hauptnavigation li a:visited {
    color: #ffffff; background-color: #606060; text-decoration: none; }

#hauptnavigation li a:hover,  #hauptnavigation li a:focus, #hauptnavigation li a:active {
    color:#333333; background-color:#ff8700; text-decoration: none; }

#hauptnavigation #aktiv a {
	text-decoration: underline; border-left: 5px solid #FFB766;}

/* ************
    Untermenue
   ************ */
	
#hauptnavigation #untermenue {
	margin: 0 0.2em 0 0.8em; font-weight: normal; line-height: 2em; }

#hauptnavigation #untermenue a:link, #hauptnavigation #untermenue a:visited {
	color:#333333; margin: 0 1px 0 0; padding: 0 0 0 1.4em; background-color: #FFB766; font-weight: bold; border-bottom: 1px solid #606060; border-left: none; text-decoration: none; }

#hauptnavigation #untermenue a:hover, #hauptnavigation #untermenue a:focus, #hauptnavigation #untermenue a:active {
	background-color: #FFECD5; font-weight: bold; padding: 0 0 0 1em; border-left: 5px solid #606060; }
	
#hauptnavigation #untermenue #aktiv_untermenue a {
	text-decoration: underline; margin: 0 1px 0 0; padding: 0 0 0 1em; background-color: #FFECD5; border-left: 5px solid #606060; }
	
#hauptnavigation #untermenue #aktiv_untermenue a:hover {
	padding: 0 0 0 1em;}
	
/* ************************ 
    R E C H T E  S E I T E
   ************************ */
	
#right h1{
	height: auto; color: #333333;  padding: 0 2em; overflow: hidden; margin-left: -5px; }

#right{
	float: right; width: 18em; margin: 0 -18em 0 1px; z-index: 2; border-top: 5px solid #FF8700; }

* html #right{
	margin: 0 -19em 0 0.5em; }

#right a {
	color: #333333; font-weight: bold; }

#right a:hover {
	background-color: #FFB766; }
	
#headerrechts, #inhaltrechts {
	background-color: #FFECD5; height: auto; padding: 0.3em 0.6em 1em 0.6em; overflow: hidden; }

#headerrechts{  
	font-weight: bold; font-size: 90%; } 

#inhaltrechts img { vertical-align: middle; margin-bottom: 14px; text-decoration: none; } 
	
#abstand{
	height: 60px; width: auto; }
	
* html #abstand{
	height: 26px; width: auto; }

/*	**************
    T A B E L L E
	************** */

table {
	background: #FFECD5; border-spacing: 0.3em; border:2px solid #606060; padding: 0.3em; }
	
td { border:thin solid #FF8700; padding: 0.3em; }	
th { background: #FF8700; padding: 2px;}	

/* *********** 
    S U C H E 
   *********** */
#suche label {/*margin-left: -500px; */}

#suche input, #suche select {
	margin-left: 0px; width: 10em; border: 2px solid #606060; }

#suche input {
	width: 10em;}

#suche select{
	width: 16em;}

#suche .submit{
	width: 5em; margin-top: 5px; margin-left: 114px; margin-bottom: 10px; }
	
* html #suche .submit {margin-left: 115px; } 

hr{  
	border: 2px solid #606060;  background-color: #ffffff; }
	
.functions{
	margin-top: 20px; }

.functions a{
	color: #606060; font-size: 90%; }

.functions a:hover{
	background-color: #FFECD5; }

.functions img{
	border: 0px; margin-right: 3px; text-decoration: none; }

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


/* *********** 
    S I T E M A P 
   *********** */

.sitemap{
   font-size:1em;
   font-weight:normal;
   line-height:1.5em; 
	text-decoration: none; 
	background-color: #FFFFFF;
	color:#333333;
	list-style-type: none;
}

.sitemap_level2{
   font-size:1em;
   font-weight:normal;
   line-height:1.5em;
	text-decoration: none; 
	background-color: #FFFFFF;
	padding: 0px 10px; 
	color:#333333;
	list-style-type: none;
}

.sitemap a:link {
    font-size:1em;
    font-weight:normal;
	text-decoration: underline; 
	background-color: #FFFFFF;
	color:#333333;
}
.sitemap a:visited {
    font-size:1em;
    font-weight:normal;
	text-decoration: underline; 
	background-color: #FFFFFF;
	color:#333333;
}
.sitemap a:hover {
    font-size:1em;
    font-weight:normal;
	text-decoration: underline; 
	background-color: #FFECD5;
	color:#FFFFFF;
}
.sitemap a:active {
    font-size:1em;
    font-weight:normal;
	text-decoration: underline; 
	background-color: #FFECD5;
	color:#333333;
}

#subheader{height: 3.9em}

#navioben{
	color: #ffffff;  padding-left: 0px; height: 2.4em; margin-top: 15px; white-space: nowrap; }
* html #navioben{
	margin-top: 16px; }
#metanav{display: none}

* html #artikel {margin-left: 100px}

/* *********** */
/*  Formulare  */
/* *********** */

.form1{ 
	height: auto; width: 40em;  }
.patenform{
	width: 40em; }	
	
#label, #labelv, #labelp {
	height: auto; width: 7.8em; text-align: left; float: left; line-height: 180% }
* html .anrede {margin-left: 0px}

#labelv{ 
	line-height: 120%; }
 #labelp{
 	width:11em; }
#text, #textv, #textbemerkung {
	height: auto; width: 24.3em; float: left; }
* html #text, * html #textv{
	width: 24em; }	
#textv{
	font-weight: normal; }
#textbemerkung{
	width: 17.6em; }	
* html #textbemerkung{
	width: 15.5em; }	

#bemerkung{ 
	height: auto; width: 30em; }

.unfloat{
	float: none; }

.pflicht{
	font-size: 90%; padding-left: 100px; }

.daten{
	font-size: 90%; }

.reset, .submit, .submitbest{ 
	 color: white; font-weight: bold; border-left-width:2px; border-top-width: 2px; border-bottom-width: 3px;  border-right-width: 3px; border-color: #606060 #333333 #333333 #606060; background-color: #ff8700; }
.submit{
	margin-right: 5px; }
.submitbest{
	margin-left: 0px;}

#labelm{float: left; width: 8em}
#textm{float: left}
textarea { font-family: verdana; border: 1px solid #333333; font-size: 14px;}
select {border: 1px solid #333333}
input {border: 1px solid #333333; }
* html .email{margin-left: -3px}

/* ]]> */

#kontakt table{
  border: none;
  background: #fff;
}
#kontakt tr{
  border: none;
  background: #fff;
}
#kontakt td{
  border: none;
  background: #fff;
}