html, body { 
	width: 100%; 
	height: 100%; 
	margin: 0; 
	padding: 0;  
}
body { 
	font-family: "Trebuchet MS", Helvetica, sans-serif; 
	line-height: 18px; 
	font-size: 14px; 
	color: #000; 
	background-color: #fff; 
}

#container { 
	position: relative; 
	margin: 0 auto; 
	padding: 30px 0 0 0; 
	text-align: left; 
	width: 800px; 
	background: #fff; 
} 

#main {
	position: absolute;
	margin: 5px 0;
	padding: 0;
	width: 800px;
}
#main.background { 
	background: url(images/mainbg.gif) repeat-y; 
}

#logo {
	margin: 0; 
	padding: 10px 0;  
}
#logo.border {
	border-top: 1px solid #000;
}

/* Bild Intro */
#intro {
	margin: 10px 0 0 0; 
	padding: 0;
	opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}

/* Firmenname oben links */
#company {
	margin: 0;
	padding: 3px 0;
	width: 280px;
	font-size: 13px;
	color: #444464;
	float: left;
}

/* Sprachauswahl oben mitte */
#flags {
	margin: 5px 0 0 0; 
	padding: 0;
	width: 50px;
	height: 13px;
	text-align: right;
	float: right;
}

/* Streifen blau, grün im Header */
#headtxt {
	margin: 0; 
	padding: 0;  
	border-top: 1px solid #000;
}

/* Verlaufstreifen am Ende jeder Seite */
#bottomstripe {
	position: absolute;
	bottom: 30px;
	right: 0;
	width: 98px;
	height: 30px;
	background: url(images/verlaufstripe.gif) no-repeat;
}

/* Graue Box "Überschrift" */
.headline {
	margin: 5px 0; 
	padding: 0; 
	width: 520px;
	height: 103px;
	text-align: center;
	float: right;
	background: #ced0d2;
}
.headline h1 {
	margin: 0;
	padding: 0;
	font-size: 35px;
	line-height: 100px;
}
.headline h1.small {
	margin: 0;
	padding: 0;
	font-size: 28px;
	line-height: 100px;
}
.headline h1.small.doubleline {
	margin: 0;
	padding: 13px 0;
	font-size: 28px;
	line-height: 35px;
}

/* Aufzählung Home */
.homelist {
	margin: 0 0 6px 0; 
	padding: 15px 0; 
	width: 520px;
	text-align: center;
	float: right;
	background: #ced0d2;
	opacity: 0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}
.homelist h1 {
	margin: 0;
	padding: 0;
	font-size: 20px;
	line-height: 28px;
}
.homelist h1 a { 
	margin-left: -10px;
	padding: 0;
	display: block;
	color: #444464; 
	text-decoration: none;
}
.homelist h1 a:hover { 
	color: #000; 
	background: url(images/homelist.gif) left center no-repeat;
}


/* Navigation */
#navilist {
	margin: 0;
	padding: 0;
	width: 450px;
	float: left;
}

#navilist2 {
	margin: 0;
	padding: 0;
	width: 450px;
	float: center;
}

#navilist ul {
	margin: 0;
	padding: 0;
	float: right;
}
#navilist ul li {
	margin: 0; 
	padding: 0;
	float: left;
	display: block;
	cursor: pointer;
	list-style: none;
}
#navilist ul li a {
	margin: 0;
	padding: 3px 6px;
	display: block;
	cursor: pointer;
	list-style: none;
	font-size: 13px;
	text-transform: uppercase;
	text-decoration: none;
}
/* Subnavigation */
#navilist ul#nav ul {
	margin: 0;
	padding: 0;
	display: none;
	line-height: 100%;
}
#navilist ul#nav ul li {
	float: none;
}
#navilist ul#nav li:hover ul {
	background: transparent;
}
#navilist ul#nav li:hover ul a {
	margin: 0;
	padding: 5px 14px;
	background: #ced0d2;
	border-top: 1px solid;
}
#navilist ul#nav li:hover ul li a:hover {
	
}
#navilist ul#nav ul {
	position: absolute;
	z-index: 200;
}


/* Navigation "Wir über uns" */
#navilistBottom {
	margin: 0 ;
	padding: 0;
	float: right;
}
#navilistBottom ul {
	margin: 0;
	padding: 0;
}
#navilistBottom ul li {
	margin: 0; 
	padding: 0;
	float: left;
	display: block;
	list-style: none;
}
#navilistBottom ul li a {
	margin: 0;
	padding: 0 6px;
	display: block;
	cursor: pointer;
	list-style: none;
	font-size: 14px;
	text-decoration: none;
}
#navilistBottom ul li a:hover,
#navilistBottom ul li a:active,
#navilistBottom ul li a:focus {
	background: #ced0d2;
}
#navilistBottom ul li a.active {
	color: #000;
	background: #ced0d2;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
#navilistBottom ul li a.active:hover,
#navilistBottom ul li a.active:active,
#navilistBottom ul li a.active:focus {
	color: #000;
	background: #ced0d2;
	cursor: text;
}


/* Boxen */
#left {
	float: left;
}
#right {
	float: right;
}
.row {
	width: 800px;
	overflow:hidden;
}
.box520 {
	width: 520px;
}
.box520.txt {
	width: 490px;
}
.box280 {
	width: 280px;
}
.box280.txt {
	width: 250px;
}
.borderL {
	background: url(images/boxborder.gif) left repeat-y;
}
.borderR {
	background: url(images/boxborder.gif) right repeat-y;
}
.txt {
	 padding: 10px 15px;
}
.backgreen {
	background-color: #b1d8c1;
}
.green {
	color: #00a367;
}
/* "Kontakt" */
.kontaktxt {
	width: 240px;
	font-size: 13px;
}
.kontaktxt.left {
	float: left;
	text-align: right;
}
.kontaktxt.right {
	float: right;
}


/* SONSTIGES */
.clear { clear: both; width: 100%; margin: 0; padding: 0; font-size: 0px; line-height: 0px}

a { color: #444464; text-decoration: underline }
a:hover {color: #000 }
p {margin-top: 0px; margin-bottom: 12px }
.small {margin: 0; font-size: 10px; line-height: 14px}
h1 { font-family: "Trebuchet MS", Helvetica, sans-serif; font-weight: normal; font-size: 20px; }
h2 { font-family: "Trebuchet MS", Helvetica, sans-serif; font-weight: normal; color: #00a367; font-size: 14px;  margin: 6px 0 10px 0;  }
ul {margin-top: 0 }
li { margin-left: -24px; }
ul {  }
ul a {  }
ul a:hover { }
/* END SONSTIGES */