@font-face { font-family: 'Ubuntu'; src: url('../fonts/Ubuntu-Regular.ttf') format('truetype');  } 
@font-face { font-family: 'Ubuntu'; src: url('../fonts/Ubuntu-Italic.ttf') format('truetype'); font-style: italic; } 
@font-face { font-family: 'Ubuntu'; src: url('../fonts/Ubuntu-Bold.ttf') format('truetype'); font-weight: bold; } 

html { margin:0; padding:0; width:100%; height:100%; font-family: 'Ubuntu', sans-serif;  }
body { margin:0; padding:0; width:100%; height:100%; background: #2e4d6e; text-align:center; font-size:100.1%; color:#fff; }

ul { margin:0; }
a { text-decoration:none; }
.clear { clear:both; }
img { border:none; }

#wrap { width:64em; height:auto; margin:auto; }

#header, #header-start, #contentWrap, #footer { width:63.5em; border:1px solid #fff; }
#header { height:19.13em; background:url(../img/header-2.jpg) no-repeat; margin-bottom:1em; }
#ue, #navigation { float:left; }
#ue { width:36.4em; margin-top:15.4em; text-align:left; }
#ue h1 { padding-left:.5em; color:#172637; }
#header-start #navigation { margin-left: 36.4em; }
#header-start { height:19.13em; background:url(../img/header.png) no-repeat;  margin-bottom:1em; }
	#navigation { width:7.75em; height:19.13em; background:#fff; text-align:left; }
		ul#menu { list-style-type:none; padding-top:3em; }
		ul#menu li a{ text-transform:uppercase; color: #2e4d6e; width:6.6em; padding:.5em; padding-left:1em; display:block; font-size: 95%;}
		ul#menu li a:hover, #index #startLink a, #uns #unsLink a, #produkte #prodLink a, #service #serLink a, #impressum #impLink a { background:#fee4b3; }
			
#contentWrap { height:auto; background: url(../img/weiss.png) no-repeat bottom left #172637; margin-bottom: 1em; text-align:left; letter-spacing:.05em;}
	.txt a, .txt-full a, .txt-box a, #startbox a { color:#fca702; }
	.txt a:hover, .txt-full a:hover, .txt-box a:hover, .sub:hover, #startbox a:hover { text-decoration:underline; }
	.h1 a.sub { color:#fff; text-transform:uppercase; }
	.weiss { width:63.5em; height:0.94em; background:url(../img/weiss.png) left no-repeat;}
	
	#index #contentWrap { height:auto; background: url(../img/startbild.jpg) no-repeat top left #172637; margin-bottom: 1em; text-align:left; letter-spacing:.05em;}
	#startbox { width:63.5em; height:100%; background:url(../img/abdeckwelle.png) no-repeat bottom right; }
		#startbox h1 { padding-top:4.5em; padding-left:1em; color:#172637; }
		#startbox h2 { color:#fca702; font-weight:normal; font-size:110%; }
		#startbox p, #startbox h2, #startbox ul { width:30em; padding-left:2em; padding-top:2em; line-height:1.5em; }
		#startbox ul { margin-left:3em; margin-top:-1em;}
		#startbox ul li { margin-bottom:.5em; }
		
	.h1 { width:63.5em; margin:2em; }
	.h1 h1 { text-transform:uppercase; font-weight:normal; font-size:110%;}
	
	.txt { width:32em; margin:2em;  }
	.txt-full { margin:2em; }
	.txt h2, .txt-full h2, .txt-box h2 { color:#fca702; font-weight:normal; font-size:110%; }
	.txt h2:before, .txt-full h2:before, .txt-box h2:before { content:url(../img/h2.png); }
	.txt p, .txt-full p, .txt-box p { line-height:1.5em; margin-bottom:1.5em; }
	#contentWrap ul { margin-left:3em; margin-top:-1em;}
	#contentWrap ul li { margin-bottom:.5em; }
	
	.cnt-box { width:60em; margin:1em 2em; border-top:1px solid #fff; }
		.txt-box, .prod { float:left; }
		.txt-box { width:32em; margin-right:2em; }
			.txt-box h2 { margin-top:1em;}
		.prod { width:7.5em; background:#fca702; margin:1em .5em; }
			.prod p { font-size:70%; margin:.5em; }
		
#footer { background:#fff; color:#2e4d6e; text-align:center; margin:auto; padding-bottom: 1em;}
	#footer ul li { background:url(../img/kreis.png) no-repeat 0em .8em; float:left; padding:.5em .3em .5em 1em;  font-size:84%;  list-style-type:none; }
	#footer ul li a { color:#2e4d6e;}