@charset "UTF-8";
/* CSS Document */

/*

	-------------------------------------------------- 	
	-------------------------------------------------- 

		Firmenbroschüre
		Author: nemeier.de
	
	-------------------------------------------------- 
	-------------------------------------------------- 	
	
	  	Stylsheet
		Vers. 14/10/2010
	
	-------------------------------------------------- 
	-------------------------------------------------- 
 	
 		
 		Farben:
 		
 		Grau:			#777777
 		dkl. Grau:		#999999
 		
 	--------------------------------------------------
 	-------------------------------------------------- 
 	
*/



/*
_____________________________________________________________________________________ RASTER
*/



html,body {
	margin:0;
	padding:0
}

body {
	
	text-align:center
}
		
		


div#header h1{ 
	margin:0;
}

div#header {
	width:705px;
	height:335px;
	margin: 0 0 0 255px;
	padding: 65px 0 0 50px;
	
}


div#footer p{
	margin:0;
	padding:5px 10px
}


div#container{
	text-align:left;
	width:1010px;
	margin:0 auto
}

div#wrapper{
	float:left;
	width:100%;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-y;
}

div#content{
	margin: 0 302px 100px 255px;
	padding:0 55px 0 50px;
}

div#links{ 
	float:left;
	width:255px;
	margin-left:-1010px;
	padding-top:50px;
	}

div#rechts{
	float:left;
	margin-top:400px;
	width:302px;
	margin-left:-302px;
	

}

div#footer{
	clear:left;
	width:100%;
	color: #FFF;
	padding:25px 0 25px 0;
	text-align:right;
}

div#navigation {
	margin-top:25px;
	
}

div#slideshow{
	margin-bottom:59px;
	
}

/*
_____________________________________________________________________________________ NAVIGATION
*/

div#navigation ul {
	margin:0;
	padding:0;
}

div#navigation ul li {
	margin:0 0 7px 0;
	padding:0;
	list-style:none;
	height:42px;
	width:255px;
}



a#menu-infos{
		display: block;
		width: 255px;	
		height: 42px;
		background-image:url(../images/navi/navi_info.gif);
		background-repeat: no-repeat;
		text-indent:-9000px;
		}
		
a#menu-infos:hover {
		background-image: url(../images/navi/navi_info_on.gif);
		background-repeat: no-repeat;
		text-indent:-9000px;
		}
		
strong#menu-infos {
		display: block;
		width: 255px;	
		height: 40px;
		background-image: url(../images/navi/navi_info_on.gif);
		background-repeat: no-repeat;
		text-indent:-9000px;
		}
		
a#menu-erfolg{
		display: block;
		width: 255px;	
		height: 42px;
		background-image:url(../images/navi/navi_erfolg.gif);
		background-repeat: no-repeat;
		text-indent:-9000px;
		}
		
a#menu-erfolg:hover {
		background-image: url(../images/navi/navi_erfolg_on.gif);
		background-repeat: no-repeat;
		text-indent:-9000px;
		}
		
strong#menu-erfolg {
		display: block;
		width: 255px;	
		height: 40px;
		background-image: url(../images/navi/navi_erfolg_on.gif);
		background-repeat: no-repeat;
		text-indent:-9000px;
		}
		

a#menu-kontakt{
		display: block;
		width: 255px;	
		height: 42px;
		background-image:url(../images/navi/navi_kontakt.gif);
		background-repeat: no-repeat;
		text-indent:-9000px;
		}
		
a#menu-kontakt:hover {
		background-image: url(../images/navi/navi_kontakt_on.gif);
		background-repeat: no-repeat;
		text-indent:-9000px;
		}
		
strong#menu-kontakt {
		display: block;
		width: 255px;	
		height: 40px;
		background-image: url(../images/navi/navi_kontakt_on.gif);
		background-repeat: no-repeat;
		text-indent:-9000px;
		}			




a#menu-impressum{
		display: block;
		width: 255px;	
		height: 42px;
		background-image:url(../images/navi/navi_impressum.gif);
		background-repeat: no-repeat;
		text-indent:-9000px;
		}
		
a#menu-impressum:hover {
		background-image: url(../images/navi/navi_impressum_on.gif);
		background-repeat: no-repeat;
		text-indent:-9000px;
		}
		
strong#menu-impressum {
		display: block;
		width: 255px;	
		height: 40px;
		background-image: url(../images/navi/navi_impressum_on.gif);
		background-repeat: no-repeat;
		text-indent:-9000px;
		}	
		
		
		
		
a#menu-prinzip{
		display: block;
		width: 255px;	
		height: 42px;
		background-image:url(../images/navi/navi_prinzip.gif);
		background-repeat: no-repeat;
		text-indent:-9000px;
		}
		
a#menu-prinzip:hover {
		background-image: url(../images/navi/navi_prinzip_on.gif);
		background-repeat: no-repeat;
		text-indent:-9000px;
		}
		
strong#menu-prinzip {
		display: block;
		width: 255px;	
		height: 40px;
		background-image: url(../images/navi/navi_prinzip_on.gif);
		background-repeat: no-repeat;
		text-indent:-9000px;
		}	



	
a#menu-referenz{
		display: block;
		width: 255px;	
		height: 42px;
		background-image:url(../images/navi/navi_referenz.gif);
		background-repeat: no-repeat;
		text-indent:-9000px;
		}
		
a#menu-referenz:hover {
		background-image: url(../images/navi/navi_referenz_on.gif);
		background-repeat: no-repeat;
		text-indent:-9000px;
		}
		
strong#menu-referenz {
		display: block;
		width: 255px;	
		height: 40px;
		background-image: url(../images/navi/navi_referenz_on.gif);
		background-repeat: no-repeat;
		text-indent:-9000px;
		}	




a#menu-leistung{
		display: block;
		width: 255px;	
		height: 42px;
		background-image:url(../images/navi/navi_leistung.gif);
		background-repeat: no-repeat;
		text-indent:-9000px;
		}
		
a#menu-leistung:hover {
		background-image: url(../images/navi/navi_leistung_on.gif);
		background-repeat: no-repeat;
		text-indent:-9000px;
		}
		
strong#menu-leistung {
		display: block;
		width: 255px;	
		height: 40px;
		background-image: url(../images/navi/navi_leistung_on.gif);
		background-repeat: no-repeat;
		text-indent:-9000px;
		}	


/*
_____________________________________________________________________________________ BOX
*/

.box{
	padding:20px 0 20px 20px;
	
}

ol {
	padding:0 25px 0 15px;
}

ol li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	list-style-type:upper-roman;	
	color:#009ee0;
	padding-left:20px;
	margin-bottom:7px;
	line-height:20px;
}

ol li span {
	color:#000;
	font-weight:normal;	
}


/*
_____________________________________________________________________________________ SLIDESHOW
*/

#slideshow {  height: 196px; width: 145px; margin-left:45px;  }
#slideshow img { height: 196px; }


/*
_____________________________________________________________________________________ TEXT
*/

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:25px;
	margin:0;
	padding:0;
}

.adresse {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	margin:0 0 10px 0;
	padding:0;
	
}

.vanadium-advice{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:25px;
	margin:0 0 0 10px;
	padding:0;
	color:#F00;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:25px;
	margin:0;
	padding:0;
}

h1 {
	margin:0;
	padding:0;
}

a {
	font-family:Arial, Helvetica, sans-serif;
	color:#009ee0;
	text-decoration:none;
	font-size:12px;
	line-height:14px;
	margin:0 0 10px 0;
	padding:0;
}

a:hover {
	color:#069;
}

/*
_____________________________________________________________________________________ FORMATIERUNG
*/

.headline {
	margin: 50px 0 25px 0;
	
}

/*
_____________________________________________________________________________________ FORMULAR
*/

.input{
	border: solid 2px #009ee0;
	padding:5px;
	margin:0;
}