@charset "iso-8859-1";
/* CSS Document */

/* Elements */

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333300;
	font-size:12px;
	margin:0 auto;
	padding:0;
}
* {
	margin:0;
	padding:0;
}
html {
	overflow: -moz-scrollbars-vertical; /* Scrollbar Fix */	
}

/* Float Clearing */
.clear { clear:both;	}
		
.clearfix {	display:inline-block;	}
		
.clearfix:after {	content: "."; display: block; height: 0; clear: both; visibility: hidden;	}
		

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Clearen per Overflow */
.floatbox { overflow: hidden; }
/* .floatbox-Anpassung für IE */
* html .floatbox {width:100%;}	

/* Wrapper */
div#wrap {
	width:960px;
	margin:0px auto;
	padding:0 10px;
	background: url(images/schatten.jpg) repeat-y;
}
div#top {
	width:960px;
	height:10px;
	margin:5px auto 0px;
	background: url(images/schatten_o.jpg) repeat-x;
}
/* Header */
div#header {
	height: 195px;
}
div#image {
	width:730px;
	float:left;
}
div#logo {
	width:230px;
	height: 195px;
	float:right;
	background: url(images/top_gradient.jpg) repeat-x;
}
/* Menu */

div#navi {
	height:25px;
	margin: 0;
	list-style: none;
	background: url(images/navi_gradient.jpg) repeat-x;
	border-top:solid 1px;
	border-top-color:#FFF;
}
div#navi li {
	display: inline;
}

div#navi li.right {
	display: inline;
	float:right;
}

div#navi a {
	display: block;
	float: left;
	height: 20px;
	padding: 4px 10px 0px 10px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #D6D6CC;
}
div#navi a:hover {
	background: url(images/navi_gradient_roll.jpg) repeat-x;
}
div#subnavi {
	height: 20px;
	background:#666644;
}
div#subnavi li {
	display: inline;
}
div#subnavi a {
	display: block;
	float: left;
	height: 18px;
	padding: 2px 10px 0px 10px;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #D6D6CC;
}
div#subnavi a:hover {
	background:#999977;
}
/* Content */
div#content {
	background:#ffffff;
	clear:both;
}
div#page {
	float:left;
	width:700px;
	padding: 20px 20px 20px 10px;
	min-height:675px;	
}
div#page p {
	margin: 0 0 0 140px;
}

div#page a {
	color:#333300;
}
div#page a:hover {
	text-decoration: none;
}
div#page h1 {
	font-size:15px;
}
div#page h2 {
	font-size:13px;
	margin: 0 0 0 140px;
}
div#sidebar h3 {
	font-size:14px;
	margin-bottom:10px;
}
div#page hr {
	border: 0px; /* Firefox und Opera */
	border-top: solid 1px #333300;
	border-bottom: solid 1px #FFFFFF; /* IE */
	margin-bottom:30px;
}

/* Sidebar */
div#sidebarcontainer {
	width:200px;
	float:right;
	margin-right:30px;
	
}
div.sidebar {
	
	width:200px;
	margin: 10px 10px 0px 0px;
	background:#E1E1D9;
	font-weight: bold;
	padding: 10px 10px 10px 10px;
}
div.sidebar a {
	color:#333300;
}
div.sidebar a:hover {
	text-decoration: none;
}
/* Footer */

div#footer {
	clear:both;
	background:#333300;
	color:#FFF;
	text-align:center;
	font-weight:normal;
	height:30px;
	vertical-align:middle;
	padding-top:4px;
}
div#footer a {
	color:#fff;
}
div#footer a:hover {
	text-decoration: none;
}
div#bottom {
	width:960px;
	height:10px;
	margin:0px auto 10px;
	background: url(images/schatten_unten.jpg) repeat-x;
}


/* Form */

div#contactform  {
	width:430px;
	margin: 0 0 0 140px;
	padding: 5px;
}
div#felder, div.felder  {
	width:430px;
	margin: 0 0 0 140px;
	padding: 5px;
}


label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 80px;
	/*padding-top: 5px;*/
}

div.error {
	line-height:160%;
	border:1px dashed #333300;
	margin:5px 0 5px 0;
	padding: 0 5px 0 5px;
	}
.marginbottom {
	margin-bottom:10px !important;
}

/* diverses */
a.start_download {
	font-weight:bold;
	font-size:15px;
	}
	
ul.text {	
	margin:0 0 0 160px;
	}
ul.text_nobullets {
	list-style:none;
	margin:0 0 0 140px;
}
	
ul.text li, ul.text_nobullets li {
	padding:3px 0 3px 0;
	}
	
/* ---- Shop Basket ----*/
.shop_basket td {
	padding:3px 0 3px 0;
	}	
	
	.shop_item {
		margin: 0 0 30px 0;
	}
	
	.shop_item .left {
		float:left;
		width:130px;
		margin:0 0 0 20px;
	}
	
	.shop_item .center {	
		margin:0 0 0 160px;
	}
	
	div#page .shop_item h2 {
		margin-left:0;
		
	}
	
	div#page .shop_item h3 {
		font-size:12px;
		font-weight:normal;
		margin:5px 0 10px 0;	
	}
	
	div#page .shop_item p {
		margin:5px 0 5px 0;		
	}
	
	div#page .shop_item .attribute {
		margin:5px 0 5px 0;
		display:block;
	}
	
	div#page .shop_item .att_tag {
		float:left;
		width:60px;
	}
	
	div#page .shop_item .att_text {
		margin:0 0 0 70px;
		display:block;
		min-height:12px;			
	}