/*  =========================================================
unternehmenshomepage.de - Stylesheet
Datei: default.css
Media: screen, projection 

Datum: 7. Maerz 2009
Autor: Reinhold Gross 
Mail:  kontakt@unternehmenshomepage.de
Web:   http://www.unternehmenshomepage.de
                                   
1. Allgemeine Selektoren 
   - Block-Elemente
   - Inline-Elemente
   - Allgemeine Klassen
   - Non-Layout IDs  
                              
2. Layoutbereiche 
   - Wrapper 
   - Kopfbereich   
   - Navibereich   
   - Textbereich   
   - Fussbereich   

3. Spezielle Seiten 
   - Kontaktformular 

========================================================== */

/* ===============================

   =1. Allgemeine Selektoren

=============================== */

* { /* Kalibirierung von Abst�?nden */
  padding: 0; 
  margin: 0; 
}

html { /* In Firefox Rollbalken erzwingen */
  height: 101%; 
}

body { 
  color: #002f67;
  background-color: #fff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
}
img {
	border: 1px solid #ccc;
	padding: 2px;
}

/* ===============================
   =Block-Elemente 
=============================== */

h1 { 
 
  font-size: 1.7em; 
  color: #fff;
  font-weight: normal;
  padding-left: 45px;
  padding-top: 30px;
  font-family: Arial, Helvetica, sans-serif;
 
}

h2 {
	width: 910px;
	display: block;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 9px;
	padding-bottom: 9px;
  	font-size: 1em;
  	color: #002f67;
  	font-weight: normal;
  	background-color: #eee;
  	float: left;
	border: 1px solid #ccc;
}
h3 {
	width:65px;
	display: block;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 9px;
	padding-bottom: 9px;
  	font-size: 1em;
  	color: #002f67;
  	font-weight: normal;
  	background-color: #eee;
  	
	border: 1px solid #ccc;
	
}
 h4 {
	width:265px;
	display: block;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 9px;
	padding-bottom: 9px;
  	font-size: 1em;
  	color: #002f67;
  	font-weight: normal;
  	background-color: #eee;
  	
	border: 1px solid #ccc;
	
}
ul, 
ol {
  margin-top: 0 ;
  margin-right: 0 ;
  margin-bottom: 0em ;
  margin-left: 0; 
}

address {
  text-align: left;
  font-size: 11px;
  font-style: normal;
    padding-left: 15px;
  padding-top: 10px;
  
}

/* ===============================
   =Inline-Elemente 
=============================== */

a { 
 
}

a:link { 
  
}

a:visited { 
 
}

a:focus { 
  
}

a:active { 
 
  
}

a.skiplink { 
  display: none; 
}

/* ===============================
   =Classes allgemeiner Art 
=============================== */



/* ========================================

  =2. LAYOUTBEREICHE

========================================= */ 

#container {
	 width: 980px;
	margin: 0px auto;
	}
#haupt {
	width: 980px;
	float: left;
	}


/* ===============================
   =KOPFBEREICH
=============================== */

#header {
	width: 980px;
	height: 170px;
	float: left;
	}
	#logobereich {
		width: 980px;
		height: 144px;
		float: left;
		background: transparent url(uploads/images/verlauf.jpg) no-repeat;
	}
	
	#logobereich ul {
		
		padding-left: 700px;
		padding-top: 5px;
		font-weight: normal;
	}
	
	#logobereich ul li {
		display: inline;
		padding-left: 20px;
		}
		#logobereich ul li a {
			font-size: 0.8em;
			color: #fff;
			text-decoration: none;
		}
		#logobereich ul li a:hover {
			text-decoration: underline;
		}
    
/* ===============================
   =NAVIBEREICH
=============================== */

#nav {
  width: 980px;
  float: left;
  }

	  #nav ul {   
    	width: 980px;
		float: left;
		 background-color: #192666;	
		 border-top: 1px solid #fff;	
	  }

    #nav ul li {
    	display: inline;
		float: left;
		
			    }
	
	#nav ul li a {
		display: block;
	  background-color: #192666;
	  color: #fff;
	  font-size: 0.85em;
	  text-decoration: none;
	  padding-top: 5px;
	  padding-left: 20px;
	  padding-right: 20px;
	  padding-bottom: 5px;
	  
	  border-right: 1px solid #fff;
	}
	#nav ul li a:hover {
		background-color: #255387;
	}
        #nav ul li.menuactive a.menuactive {
               background-color: #255387;
       }


/* ===============================
   =Suche 
=============================== */
   #nav ul li.suche {
   	color: #fff;
	font-size: 0.85em;
	padding-top: 5px;
	padding-left: 20px;
       	}
#cntnt01moduleform_1 {
width: 200px;
height: 20px;
float: left;

}
#cntnt01moduleform_1 label {
width: 50px;

float: left;
padding-right: 5px;
}

#cntnt01moduleform_1 input.senden_btn {
width: 20px;
float: left;
}

#cntnt01searchinput {
width: 100px;
float: left;

margin-right: 10px;


}

/* ===============================
   =TEXTBEREICH 
=============================== */
 #content {
 	width: 950px;
	float: left;
	margin-top: 30px;
	padding-left: 15px;
        margin-bottom: 20px;
	
 }
 	#jahrgang {
 		width: 910px;
		padding: 20px;
		border: 1px solid #ccc;
		margin-bottom: 30px;
               	}
	#jahrgang ul {
		width: 910px;
		list-style-type: none;
		margin-bottom: 7px;
		}
		
	#jahrgang ul li {
		margin-right: 40px;
		display: inline;
	}
	
	#jahrgang ul li a {
	padding: 3px 5px;
		font-size: 0.8em;
		color: #002f67;
		text-decoration: none;	
	}
	
	#jahrgang ul li a:hover {
		background-color: #255387;
		padding: 3px 5px;
		color: #fff;
	}
	#jahrgang ul li.hier a {
		background-color: #255387;
		padding: 3px 5px;
		color: #fff;
	}
         #jahrgang ul li a.menuactive {
		background-color: #255387;
		padding: 3px 5px;
		color: #fff;
	}

#content p {	
		
		font-size: 0.85em;
		padding-right: 100px;
		padding-top: 10px;
		color: #002f67;
	}
/*=========================
Fotos
==========================*/

#fotos {
	width: 950px;
	background-color: #fff;
	padding-left: 10px;
	
	
	}
	dl {
		width: 224px;
		float: left;
		padding-right: 10px;
		padding-bottom: 25px;
		padding-top: 25px;
		}
		dd {
			font-size: 1em;
			padding-top: 5px;
			padding-left: 5px;
		}
		dd a {
			color: #002f67;
			text-decoration: none;
		}
		dd a:hover {
			text-decoration: underline;
		}
		
		#fotos p {
			width: 224px;
			float: left;
			font-size: 1em;
			color: #002f67;
			padding: 5px;
		}
		#fotos p a {
			color: #002f67;
			text-decoration: none;
		}
		
		#fotos p a:hover {
			text-decoration: underline;
		}

   
/* ===============================
   =FUSSBEREICH 
=============================== */

#footer {
  clear: both;
  width: 980px;
  height: 26px;
  background-color: #192666;

  
 
  
}
	#footer p {
		 
		 font-size: 0.7em;
		 margin-left: 0;
		 margin-right: 0px;
		 color: #fff;
		 padding-top: 6px;
		 padding-left: 350px;
		}
	#footer a {
		color: #fff;
		text-decoration: none;		
	}
	#footer a:hover {
		text-decoration: underline;
	}



/* ===============================
   Kontaktformular 
=============================== */

/* Kontaktformular */

fieldset {
	width: 600px;
	border: none;
}

input, textarea {
	width: 400px;
	margin-bottom: 1em;
	float: left;
	border: 1px solid #A59CA5;
	color: #2a2a2a;
}

label {
	width: 100px;
	float: left;
	
}

.senden {
	width: 104px;
	height: 17px;
	float: left;
	margin-top: 10px;
}

.send {
	width: 123px;
	height: 17px;
	float: left;
	margin-top: 10px;
}


.envoyer {
	width: 110px;
	height: 17px;
	float: left;
	margin-top: 10px;
}


.checkbox {
	border: none;
	width: 20px;
	float: left;
}

.zusendung {
	width: 500px;
	float: left;
	padding-top: 3px;
	padding-left: 5px;
}

dfn {display: none;}