* {padding: 0; margin: 0;}

body {
  	scrollbar-face-color: white;
	scrollbar-arrow-color: #c4d9d9;
	scrollbar-darkshadow-color: #c4d9d9;
	scrollbar-highlight-color: #c4d9d9;
	background: url(../img/bgbot.png) repeat-y center 100px #bfc5d0;
	font-family: Helvetica, sans-serif, Arial;
}




/* ------------------------------------------------------- */
/* --------------------- Grundaufbau --------------------- */

#top { width: 1020px; height: 135px; margin: 0 auto; background: url(../img/bgtop.png) no-repeat; }
#top img {float: right; margin: 43px 33px 0 0;}

#bot { width: 1000px; height: auto; margin: 0 auto; background: #ebeff1; overflow: hidden; }
#botleft { float: left; width: 445px; min-height: 400px; margin-left: 10px; }
#botright {	float: right; width: 535px; min-height: 400px; margin-right: 10px; }




/* --------------------------------------------------- */
/* --------------------- botleft --------------------- */

#nav {
	position: relative;
	top: 0;
	left: 0;
	width: 445px;
	height: 107px;
	background: url(../img/bgnav.gif) #e0e5e9 no-repeat;
}
	
#pic-botleft {
	position: relative;
	top: 10px;
	width: 434px;
	height: 375px;
}

#grey {
	position: relative;
	top: 20px;
	width: 434px;
	/* Hoehe im html-dokument definiert */
	background: #7f8ca2;	
}


/* --------------------- google maps */
.googleMaps {font: normal 10px/13px Helvetica, sans-serif, Arial; letter-spacing: 1px; width: 250px;}
.googleMaps a {color: #cc0000; text-decoration: none; margin-top: 5px;}




/* ---------------------------------------------------- */
/* --------------------- botright --------------------- */

#header {
	position: relative;
	width: inherit;
	height: 107px;
	background: #e0e5e9;
}

.h-pointer {
	background: url(../img/h1-pointer.gif) no-repeat; 
	position: absolute; 
	top: 70px; 
	left: 50px; 
	padding-left: 20px;
}

.language {
	position: absolute; 
	top: 21px; 
	right: 27px; 
}


/* --------------------- Content */

#cont {
	position: relative;
	top: 15px;
	width: 480px;
	height: auto;
	font: normal 11px/15px Helvetica, sans-serif, Arial;
	color: #000;
	letter-spacing: 1px;
	padding: 15px 0 0 50px;
}

h1 {font: bold 13px/15px Helvetica, sans-serif, Arial;}
h2 {font-size: 12px; color: #3d4147; font-weight: bold;}
h3 {font-size: 12px; color: #3d4147; font-weight: bold; margin-bottom: 10px;}

lang {font: bold 11px/13px Helvetica, sans-serif, Arial; color: #a6aebb; vertical-align: 2px; }

hr {border: 1px solid #e0e5e9; margin: 20px 0 20px 0;}

.prod, .asp, .pdf, .news {
	padding: 10px;
	margin-bottom: 25px;
	border-bottom: 1px solid #7f8ca2;
	border-top: 1px solid #7f8ca2;
}

.prod, .asp {width: 480px; background-color: #e0e5e9;}
.pdf {width: 460px; background-color: #d8dce3;}

.news {
	width: 200px; 
	height: 335px;
	float: left;
	background-color: #e0e5e9;
	border-bottom: 1px solid #7f8ca2;
	border-top: 1px solid #7f8ca2;	
}

.news:first-child {margin-right: 30px;}


.prod-txt {width: 300px;}
.prod-pic {width: 145px;}

.prod-pic img {border: 1px solid #7f8ca2;}

#sitemap {width: 190px; padding: 15px;}

.zitat {
	font-style: italic;
	font-size: 14px;
	line-height: 22px;
	background-color: #e0e5e9;
	padding: 12px;
	display: block;
}

.zitat #person {
	font-size: 10px;
	font-style: normal;
	font-variant: small-caps;
}

p.space {margin-bottom: 30px; clear: both;}


/* --------------------- Listenelemente */

#cont ul {
	margin-top: 15px; 
	margin-bottom: 15px;
}

#cont li {
	list-style-position: outside;
	margin: 0 0 3px 15px;
}




/* --------------------- Hyperlinks --------------------- */

.prod a {font-size: 9px; text-decoration: none; color: #cc0000;}
.prod a:hover {font-size: 9px; text-decoration: none; color: #7f8ca2;}

.asp a {font-size: 10px;}

#cont a {color: #cc0000; text-decoration: none;}

#sitemap a {
	display: block; 
	line-height: 15px; 
	color: #000; 
	background: url(../img/sitemap-pointer-a.gif) no-repeat 5px 0; 
	padding-left: 17px;
}

#sitemap a:hover {
	color: #7f8ca2; 
	background: url(../img/sitemap-pointer-b.gif) no-repeat 5px 0 #e0e5e9;
}

#sitemap a.group {background-image: none;}

a.download {
	background: url(../img/arrow-down.gif) no-repeat; 
	padding-left: 17px;
}

#header a {
	text-decoration:none;
}