/* 
design
 */

body {
	overflow:-moz-scrollbars-vertical;
	background:#fff;
	background-image:url(img/bg.jpg);
	background-repeat:repeat-x;
	text-align:center;
	margin:0;
	font-family: Arial,sans-serif;
	font-size:10pt;
	color:#353535;
	}
 
 #header {
	text-align:center;
	margin:0 auto;
	padding:0;
	width:700px;
	height:142px;
	border:1px solid black;
	border-bottom:0px;
	background-image:url(img/header.jpg); 
	background-repeat:no-repeat; 
	background-position:center center;
	}
	
#main {
	text-align:left;
	margin:0 auto;
	padding:0;
	width:700px;
	border:1px solid black;
	background-image:url(img/grawe.jpg); 
	background-repeat:no-repeat; 
	background-position:center center;
	background-attachment:fixed;
	}
  
#footer {
	text-align:center;
	margin:-25px auto;
	padding:0;
	width:700px;
	border:0;
	}
	
/* 
header
 */
	
ul#navigation {
	width:700px;
	margin:0; 
	padding:0;
	}

ul#navigation li {
	list-style:none;
	width:175px;
	float:left;
	margin:112px 0 0 0; 
	padding:0;
	}
	
ul#navigation div {
	clear:left;
	}
	
/* 
produkte
 */

 ul#produkte {
	margin:0 auto;
	padding:0;
	width:655px;
    text-align: center;
	}

ul#produkte1  {
	margin:0 auto;
	padding:0;
	width:430px;
	text-align: center;
	}

ul#produkte li, ul#produkte1  li {
	list-style:none;
	display:block;
	width:205px;
	float:left;
	padding:0;
	}
	
ul#produkte div, ul#produkte1 div {
	clear:left;
	}
	
ul#produkte img, ul#produkte1 img {
	border:1px solid black;
	}
	
/* 
anfrage
 */
	
ul#anfrage {
	width:550px;
	margin:0 auto; 
	padding:0;
	}

ul#anfrage li {
	list-style:none;
	width:180px;
	float:left;
	margin:0 0 0 0; 
	padding:0;
	}
	
ul#anfrage div {
	clear:both;
	}
	
.imganfrage {
	margin:50px 0 0 100px;
	border:1px solid black;
	}

.field {
	border:1px solid black;
	background-color:#d6d6d6;
	color:#333;
	}
	
/*
links
*/

ul#navigation a {
	text-decoration:none;
	font-size:12pt;
	height:25px;
	display:block;
	padding:5px 0 0 0;
	font-weight:bold;
	}

ul#navigation a:link, ul#navigation a:visited, ul#navigation a:active {
	color:#fff; 
	background-color:#000;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
	}

ul#navigation a:hover, ul#navigation a:focus {
	color:#fff;
	background-color: #000;
	filter:alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
	}
	
a, a:link, a:active {
	color:#353535;
	text-decoration:underline;
	}

a:visited {
	color:#353535;
	}

a:hover, a:focus {
	text-decoration:none;
	}

a.aimpressum, .aimpressum:link, .aimpressum:active {
	color:#666666;
	text-decoration:none;
	}

a.aimpressum:visited {
	color:#666666;
	}

a.aimpressum:hover, .aimpressum:focus {
	color:#666666;
	text-decoration:underline;
	}

a.abild, a.bild:hover, a.bild:focus, a.bild:visited, a.bild:active {
	color:#fff;
	text-decoration:none;
	}

/*
standard
*/

p {
	margin:0;
	padding:0;
	}

h3 {
	margin:0;
	padding:0;
	font-size:12pt;
	font-weight:bold;
	text-align:left;
	}
	
h2 {
	margin:0;
	padding:0;
	font-size:10pt;
	font-weight:bold;
	text-align:center;
	}

/*
extras
*/

.borderleft {
	border-left:1px solid white;
	}

.noborder {
	border:0px;
	}
	
.yesborder {
	border:1px solid black;
	}

.text {
	margin:0 10px 0 10px;
	}
	
.nopadding {
	padding:0;
	margin:0;
}

.valignbottom {
	vertical-align:bottom;
	}
	
.marginleft20 {
	margin-left:20px;
	}

.marginleft40 {
	margin-left:40px;
	}

.marginleft60 {
	margin-left:60px;
	}
	
.marginleft80 {
	margin-left:80px;
	}
	
.floatleft {
	float:left;
	}
	
.floatright {
	float:right;
	}
	
.clearl {
	clear:left;
	}
	
.clearr {
	clear:right;
	}
	
.clearb {
	clear:both;
	}
	
.banner {
	margin:0 0 0 20px;
	padding:0;
	}
	
.maropo_klein {
	position:relative;
	top:25px;
	border:0;
	padding:0;
	margin:0;
	}
