* {
	padding:0;
	margin:0;
	}

html {
	height:100%;
	}

body {
	/* background in head.php definieren */
	font-family:tahoma, sans-serif;
	font-size:12px;
	height:100%;
	background:#098cc4;
	line-height:150%;
	}
	
a{
	color:#F47622;
	}

	
#page {
	height:auto !important;
	height:100%;
	margin:0 auto;
	min-height:100%;
	position:relative;
	width:942px;
	background:url(../img/img/wrapper.jpg) repeat-y;
	}
	
#header	{
	float:left;
	width:942px;
	background:url(../img/img/header.jpg) no-repeat;
	height:160px;
	display:inline;
	}
	
h1.logo a {
	background:url(../img/img/logo.jpg) no-repeat;
	display:block;
	height:96px;
	width:419px;
	margin:0px 0 0 260px;
	float:left;
	display:inline;
	}
	
h1.logo a span {
	display:none;
	}
	
#headerbild	{
	margin:40px 0 0 20px;
	float:left;
	width:500px;
	height:153px;
	overflow:hidden;
	display:inline;
	}
	
#content	{
	padding:0;
	width:834px;
	margin:10px 0 0 54px;
	float:left;
	display:inline;
	}
	
#ghost {
	width:834px;
	height:65px;
}	

.breadcrumb a, .breadcrumb .path{
	font-weight:bold;
	color:#F47622;
	text-decoration:none;
	}
	
.headline h2	{
	color:#098cc4;
	font-size:18px;
	margin:20px 0 20px 0; 
	}	
.headline.upload {
	margin:20px 0; 
}
.headline.upload h2	{
	color:#098cc4;
	font-size:14px;
	margin:20px 0 0 0; 
	}	
	
.mitbuch h2	{
	padding:0 0 0 40px;
	background:url(../img/img/buch.jpg) no-repeat;
	line-height:28px;
	}
	
ul#startseite-leistungen	{
	width:834px;
	float:left;
	list-style:none;
	margin:25px 0;
	display:inline;
	}	
	
ul#startseite-leistungen li	{
	float:left;
	display:inline;
	}	
	
ul#startseite-leistungen li a	{
	width:156px;
	float:left;
	text-align:center;
	height:41px;
	display:block;
	padding:155px 0 0 0;
	font-weight:bold;
	text-decoration:none;
	margin:0 10px 0 0;
	color:#000;
	display:inline;
	}	
	
ul#startseite-leistungen li a.montage	{
	background:url(../img/img/montageanleitungen.jpg?1) right top no-repeat;
	}	
	
ul#startseite-leistungen li a:hover.montage	{
	background:url(../img/img/montageanleitungen.jpg?1) left top no-repeat;
	}
	
ul#startseite-leistungen li a.schreibtisch	{
	background:url(../img/img/schreibtischunterlagen.jpg?1) right top no-repeat;
	}	
	
ul#startseite-leistungen li a:hover.schreibtisch	{
	background:url(../img/img/schreibtischunterlagen.jpg?1) left top no-repeat;
	}
	
ul#startseite-leistungen li a.briefbogen	{
	background:url(../img/img/briefbogen.jpg?1) right top no-repeat;
	}	
	
ul#startseite-leistungen li a:hover.briefbogen	{
	background:url(../img/img/briefbogen.jpg?1) left top no-repeat;
	}
	
ul#startseite-leistungen li a.notizblocks	{
	background:url(../img/img/notizblocks.jpg?1) right top no-repeat;
	}
		
ul#startseite-leistungen li a:hover.notizblocks	{
	background:url(../img/img/notizblocks.jpg?1) left top no-repeat;
	}
	
ul#startseite-leistungen li a.collegeblocks	{
	background:url(../img/img/collegeblock.png?1) right top no-repeat;
	}
		
ul#startseite-leistungen li a:hover.collegeblocks	{
	background:url(../img/img/collegeblock.png?1) left top no-repeat;
	}
	
.text {
	font-family:tahoma,sans-serif;
	font-size:12px;
	line-height:150%;
}
	
ul#produkte	{
	width:834px;
	float:left;
	list-style:none;
	display:inline;	
	}		
	
ul#produkte li	{
	float:left;
	display:inline;	
	}	
	
ul#produkte li a	{
	width:174px;
	float:left;
	text-align:center;
	height:108px;
	padding:40px 0 0 0;
	display:block;
	font-weight:bold;
	font-size:22px;
	line-height:28px;
	text-decoration:none;
	margin:25px 33px 0 0;
	color:#fff;
	background:url(../img/img/produkte.jpg) right top no-repeat;
	}		
	
ul#produkte li a:hover	{
	background:url(../img/img/produkte.jpg) left top no-repeat;
	color:#fff;
	}
	
.amount {
	float:left;
}
	
form.menge, .variants.select {
	margin:20px 0;
	float:left;
	width:600px;
	}	

.variants.select label.pantone {
	width:170px;
	}
.variants.select input.pantone {
	margin:6px 0 0 0;
	}
.variants.select label {
 	font-weight:bold;
	float:left;
	margin:5px 10px 5px 0;
}

form.menge label, .amount label {
	font-weight:bold;
	width:70px;
	float:left;
	margin:5px 0;
	}

	
form.menge select, .variants.select select {
	float:left;
	margin:5px 0;
	}	
	
.amount input {
	float:left;
	margin:6px 0;
	}

/*	
a.orderandprice	{
	float:right;
	height:202px;
	width:232px;
	background:url(../img/img/orderandprice.jpg) no-repeat;
	font-size:38px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	padding:100px 0 0 0;
	text-align:center;
	}
*/

.oandp {
	position:relative;
	height:302px;
	width:232px;
	float:right;
	background:url(../img/img/orderandprice.jpg) no-repeat;
}

.oandp input.orderandprice	{
	position:absolute;
	border:none;
	height:302px;
	width:232px;
	cursor:pointer;
	background:0;
	z-index:999;
	top:0;
	left:0;
	}

.oandp span.price {
	width:232px;
	display:block;
	position:absolute;
	top:85px;
	font-size:32px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	padding:0;
	text-align:center;
	cursor:pointer;
	z-index:0;
	line-height:150%;
}
	
#footer {
	width:100%;
	height:54px;	
	margin:-54px auto 0;
	position:relative;
	}	
	
#footerinnen {
	width:822px;
	height:26px;	
	margin:0 auto;
	background:url(../img/img/footer-bg.jpg);
	padding:28px 0 0 120px;
	}

	
dl.box {
float:right;
margin:0;
padding:0;
position:absolute;
right:100px;
top:170px;
}

	
.clear	{
	clear:both;
	}
.clearleft	{
	clear:left;
	}

.login {
	float:right;
	width:205px;
	border:3px solid #F0F0F0;
	padding:5px;
	position:absolute;
	right:90px;
	top:160px;
}
	
.login label {
	width:60px;
}
.login label.loggt {
	width:150px;
}

.login a {
	width:88px;
}

.login label, .login input, .login a , .login span {
	float:left;
}

.middle{
	padding:0 0 0 135px;
}

/* Detailansicht */
#variant_selector {
	float:left;
}
#md_variant_box {
	float:left;
	margin:2px 0 0 10px;
}

div .select.varianten {
	float:left;
	margin:0 20px 0 0;
}

strong.variant_select_auflage {
	float:left;
	width:130px;
	margin:0 10px 0 0;
}
strong.variant_select_auflage_college {
	float:left;
	width:60px;
	margin:0 10px 0 0;
}
strong.variant_select_standard{
	float:left;
	width:80px;
	margin:0 10px 0 0;
}
strong.variant_select_schutzleiste {
	float:left;
	width:120px;
	margin:0 10px 0 0;
}
strong.variant_select_deckblatt_boden {
	float:left;
	width:180px;
	margin:0 10px 0 0;
}
#variant_selector select.md_select_variant_auflage {
	float:left;
	width:130px;
	margin:0 10px 0 0;
}
#variant_selector select.md_select_variant_auflage_college {
	float:left;
	width:60px;
	margin:0 10px 0 0;
}
#variant_selector select.md_select_variant_standard {
	float:left;
	width:80px;
	margin:0 10px 0 0;
}
#variant_selector select.md_select_variant_schutzleiste {
	float:left;
	width:120px;
	margin:0 10px 0 0;
}
#variant_selector select.md_select_variant_deckblatt_boden {
	float:left;
	width:180px;
	margin:0 10px 0 0;
}
#variant_selector select.md_select_variant_abheftlochung, strong.variant_select_abheftlochung {
	float:left;
	width:100px;
	margin:0 10px 0 0;
}
#variant_selector select.md_select_variant_lang, strong.variant_select_lang {
	float:left;
	width:110px;
	margin:0 10px 0 0;
}

.print_basket {
	float:left;
	margin:3px 0 0 10px;
	font-weight:bold;
}
#body .print_basket a {
	color:#fc6634;
	font-size:12px;
	text-decoration:underline;
}
#body .print_basket a:hover {
	color:#555555;
}