* {
margin:0;
padding:0;
outline:none;
border:0;
}

body {
	margin: 0;
	padding: 0;
	background-color: #96bf0d;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size:12px;
	overflow-y:scroll;
	overflow-x:auto;
}
#content a {
	font-weight:bold;
	color: #2f450b;
	text-decoration: none;
}
::selection {
	background:#2f450b;
	color: #fff;
}
::-moz-selection{
	background: #2f450b;
	color: #fff;
}
a:active {outline:none;}
a img {
	outline:none;
	border: 0;
}
h1 {
	color:#474f00;
	font-weight: bold;
	height:auto;
}
#content a:hover {
	text-decoration: underline;
}
div#container {

	height: auto;
	width: 988px;
	margin: 44px auto;
}
/* ---- HEADER ---- */
	div#header {
		height: 170px;
		width: 988px;
		display:block;
		background: url(../img/click-x-header-morgen.jpg) no-repeat #829c0a;
		margin: 0 auto;
	}
		div#header.weg {background: url(../img/click-x-header-weg.jpg) no-repeat #829c0a;}
		div#header.tulpen {background: url(../img/click-x-header-tulpen.jpg) no-repeat #829c0a;}
		div#header.morgen {background: url(../img/click-x-header-morgen.jpg) no-repeat #829c0a;}
		div#header.orange {background: url(../img/click-x-header-orange.jpg) no-repeat #829c0a;}
		#header a#logo {
			display:inline-block;
			float:left;
			height:170px;
			margin:0 0 0 20px;
			text-indent: -9999em;
			width:419px;
			background: url(../img/click-x-logo.jpg) no-repeat #829c0a;
		}
		
		/* ---- NAVIGATION ---- */
		#header ul#navigation {
			list-style:none;
			margin: 0 auto;
			clear:both;
			height: 44px;
			width: 988px;
			background: url(../img/navi_bg.jpg) repeat-x #96bf0d;
		}
			#header ul#navigation li {
				display:inline;
				float:left;
			}
			#header ul#navigation li a {
				text-decoration:none;
				float:left;
				color: #2f450b;
				padding: 15px 0px;
				margin-left: 22px;
				text-align:center;
			}
			#header ul#navigation li a.home {width: 64px;}
			#header ul#navigation li a.wasistdas {width: 105px;}
			#header ul#navigation li a.musterseiten {width: 110px;}
			#header ul#navigation li a.ueberblick {width: 85px;}
			#header ul#navigation li a.preismodule {width: 107px;}
			#header ul#navigation li a.links {width: 60px;}
			#header ul#navigation li a.faq {width: 60px;}
			#header ul#navigation li a.kontakt {width: 80px;}
			#header ul#navigation li a.impressum {width: 96px;}
			
			
				#header ul#navigation li a:hover {
					color:#2f450b;
					font-weight: bold;
					background: url(../img/navi_bg_hover.jpg) repeat-x 0 0;
				}
				#header ul#navigation li a.current {
					border-top: 0.19em solid #96bf0d;
					padding-top:13px;
				}
/* ---- CONTENT ---- */
	#content {
		min-height: 567px;
		height: auto;
		margin: 60px auto 0 auto;
		background-color: #829c0a;
	}
		#content .top {
			height: 51px;
			width: 980px;
			margin: 0 auto;
			text-indent: 0em;
			background: url(../img/cont_top_start.jpg) repeat-x 0 0;
		}
		#content .top img {
			margin: 0 20px;
		}
/* STARTSEITE BOXES */
	#boxes {
		height: 342px;
		width: 908px;
		background: url(../img/boxes_bg.jpg) no-repeat 0 0;
		margin: 10px auto 0;
	}
	#boxes2 {
		height: 212px;
		width: 908px;
		margin: 10px auto 0;
	}
	#boxes .left img, .mid img {
		margin: 15px 25%;
	}
	#boxes .right img {
		margin: 11px 30%;
	}
	#boxes .left {
		margin-left: 7px;
		float:left;
		width: 296px;
		height: 342px;
	}
		#boxes2 .left2 {
			width: 908px;
			background: url(../img/modul_bg.jpg) repeat-x;
			height: 242px;
		}
		#boxes2 .left2 img {
		margin: 15px 30px;
	}
	#boxes p, #boxes2 p {
		line-height: 28px;
		font-size: 12px;
		padding: 10px 13px;
	}
	#boxes .mid {
		float:left;
		width: 296px;
		height: 342px;
	}
		#boxes .mid .musterseiten {
			width: 100%;
			height: 100px;
		}
			#boxes .mid .musterseiten .left {float:left; width: 62px;height: 100px;}
			#boxes .mid .musterseiten .mid {float:left; width: 90px;margin-left: 15px;height: 100px;}
			#boxes .mid .musterseiten .right {float:left; width: 57px; margin-left: 30px;height: 100px;}
	#boxes .right {
		float:right;
		width: 286px;
		height: 342px;
		margin-right: 7px;
	}
		#boxes .right ul {list-style:none;margin-left: -15px;}
		#boxes .right ul li {
			padding-top: 18px;
			font-size: 12px;
			padding: 15px 10px 0px 15px;
			}
			
			
/* ---- STARTSEITE MODULE UNTEN ---- */
	#module {
		clear:both;
		float:none;
		width: 980px;
		min-height: 231px;
		height: auto;
		position:relative;
		background: #fff;
		margin: 0px auto 0px;
	}
		#module h1.title {
			height: auto;
			width: 950px;
			float:left;
			padding: 10px 20px;
		}
		#module .left {
			clear:left;
			float:left;
			width: 425px;
			height: 143px;
			padding-top: 0px;
			margin-left: 30px;
			background: url(../img/mod_bg.jpg) repeat-x ;
		}
		#module .right {
			float:right;
			width: 455px;
			height: 143px;
			padding-top: 0px;
			margin-right: 30px;
			background: url(../img/mod_bg.jpg) repeat-x ;
		}
		#module span.title {
			font-size: 14px;
			font-weight: bold;
			color: #2f450b;
		}
		#module p {
			line-height: 23px;
			padding: 10px 5px 15px 15px;
			height: auto;
		}
		#module img {
			float: right;
			padding: 10px 20px;
			padding-bottom: 0px;
		}
		
		
/* ---- INHALT UNTERSEITEN ---- */
#inhalt {
	width: 960px;
	min-height: 500px;
	background: #fff;
	margin: 10px auto 0px;
	padding: 10px 10px;
}
	#inhalt h1.title {
		height: auto;
		width: 950px;
		float:left;
		padding: 0 0 10px 20px;
}
	#inhalt p{
		padding: 20px auto;
		clear:both;
		line-height: 24px;
		width: 85%;
		margin: 20px 20px;
	}
	#inhalt p.bilder {
		width: 100%;
	}
	#inhalt p.bilder a img {
		padding: 20px;
		background-color:#c1d970;
		border-bottom: 2px solid #5f8804;
	}
	#inhalt p.bilder a:hover img {
		padding: 20px;
		background-color:#d9e8a8;
		border-bottom: 2px solid #5f8804;
	}
	#inhalt ul {
		list-style:square;
		list-style-position: outside;
		margin-left: 30px;
		padding-left: 10px;
	}
dt {width:882px; border-bottom:1px solid #5f8804;color:#2f450b; padding:8px; font-weight:bold; margin: 15px 0 0px 30px; cursor:pointer; background:#b7d257}
dt:hover {background:#dae8aa}
dd {overflow:hidden; background:#fff; line-height: 18px;}
dd span {display:block; width:840px; border:1px dashed #96bf0d; border-top:none; padding:15px; margin: 0 45px;}