@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:left;
	color:#003698;
	height:100%;	
}

p{
	font-size: 12px;
	margin: 5px 0;
}

h1{
	font-size: 15px;
	font-weight:normal;
	margin: 10px 0;
}

h2{
	font-size: 13px;
	font-weight:bold;
	margin: 10px 0;
}

a:hover {
	color:#FF7204
}

img{
	border:none;
}

#page_margins {
	margin:20px;
	width:990px;	
}


#page_header {
	height:80px;
	display:none
}

#logo{
}

#headline{
}

#infos{
}

#page_body{
	margin:10px 0 0 0;
	height:auto;
}
 
#suche{
	display:none
}

.suchtext{
	display:none
}
.suchschlitz{
	display:none
}

#nav{
	display:none
}

.poeple{
	display:none;
}

#page_content{
	width:515px;
	margin:0 0 0 15px;
}

.white_box{
	background:url(../img/dots_tile.gif) repeat-y;
	width:755px;
}

.white_box h1{
	background:none #003698;
	width:731px;
	text-transform: uppercase;
	padding:2px 10px;
	margin: 0 0 10px 0;
	color:#FFFFFF;
}

.white_box p{
	width:725px;
	padding:5px 10px;
	margin: 0 0 2px 0;
	font-size:10px;
}

.blue_box{
	width:520px;
	height:340px;
	background:url(../img/blue_box.gif) no-repeat;
	color:#FFF;
	padding:20px;
}

.white_box_bottom{
	background:url(../img/dots_tile_h.gif) repeat-x;
	width:751px;
	height:5px;
}

.blue_box a{
	color:#FFF;
	text-decoration:none;
}

.clear{
	clear:both;
	width: 0px;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	margin:0;
}

/* <------------------------------ products */

.products{
	margin:0 0 10px 0 !important;
	margin:0 0 5px 0;
	padding:0;
	background:url(../img/prudukte_bg.gif) no-repeat;
	height: 125px;
}

.productsImage{
	float:left;
	margin:12px 10px 12px 15px !important;
	margin:6px 5px 6px 8px;
	width: 100px;
	height: 100px;
	text-align:center;
}

.productsTeaser{
	float:left;
	margin:0 10px 0 0 !important;
	margin:0 5px 0 0;
	width: 100px;
	height: 100px;
	width:435px;
}

.productsTeaser h1{
	font-size: 16px;
}


.productsTeaser p{

}

.productsDetails{
	float:left;
	width:195px;
	margin:4px 0px;
}

.productsPrize{
	font-weight: bold;
	color:#FFFFFF;
	background:url(../img/prudukte_bg_preis.gif) no-repeat;
	width:215px;
	height:70px;
	margin:5px 0px;
}

.productsPrize p{
	margin:3px 0px;
	padding:6px 8px 0px 12px; 
}

.orangeButton{
	font-weight: bold;
	color:#FFFFFF;
	background:url(../img/btn.gif) no-repeat 0px 0px;
	width:215px;
	height:35px;
	margin:2px 0px;
	display:none;
}

.orangeButton:hover{
	background:url(../img/btn.gif) no-repeat 0px -35px;
	cursor:pointer;
}

.orangeButton a{
	display:block;
	font-size: 16px;
	font-weight: bold;
	text-decoration:none;
	color:#FFFFFF;
	padding:6px 10px;
}
.orangeButton a:hover{
	color:#FF6600;
}


/* <------------------------------ product */
.product, .basketList{
	background: none;
}

.productTop, .basketListTop{
	background: none;
}


.productImages{
	float:left;
	margin:0 0 0 8px;
	text-align:center;
	width: 150px;
}

.productImages ul{
	margin:0;
	padding:0;
	display:block;
	height: 300px;
	width: 150px;
}

.productImages li{
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:center;
	width: 150px;
	
}

.productImage li.inactive{
	display:none;
}

.productImage li.active{
	display:block;
	width: 150px;
}

.productImageNav{
	margin:0 auto;
	text-align:center;
}

.productImageNav a{
	float:left;
	width: 24px;
	height: 18px;
	margin: 5px 5px 5px 0;
	padding:6px 3px;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	background:#ffffff;
}

.productImageNav a.inactive{
	background:url(../img/bg_thumb.png) no-repeat;
	color:#003698;
}

.productImageNav a.inactive:hover{
	background:url(../img/bg_thumb.png) no-repeat 0 -30px;
	color:#ffffff;
}

.productImageNav a.active{
	background:url(../img/bg_thumb.png) no-repeat -30px -30px;
	color:#ffffff;
}


.productDescription{
	float:left;
	margin:0 5px 0 5px;
	width:580px;
}

.productDescription h1{
	font-size:16px;
} 

.productDetails{
	margin:10px 5px 0 5px;
	width: 300px;
	float:left;
}

.productDetails ul{
	padding:0;	
}

.productDetails li{
	margin:0 5px 0 15px;
	list-style-type:circle;
	list-style-position:outside;
}

.productRight{
	margin:0 15px 0 0;
	float:right;
	width:175px;
}

.productPrice{
	display:block;
	background:url(../img/bg_verlauf_middle.gif) no-repeat;
	color:#FFFFFF;
	margin:0;
	padding:0;
	text-align:left;
}

.productPriceTop{
	background-image:url(../img/bg_verlauf_top.png) !important;
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='../root/img/bg_verlauf_top.png');
	height:9px;
	margin:0;
	padding:0;
	font-size:0px;
	line-height:1px;
}

.productPrice h1{
	font-size:25px;	
	width: 150px;
	margin:10px 0 0px 15px !important;
	margin:5px 0 0px 8px;
	height:20px;
	font-weight:bold
}

.productPrice p{
	width: 150px;
	margin:8px 0 10px 15px !important;
	margin:4px 0 5px 8px 
}

.productFeature{
	margin:20px 0;
}

.productFeature label{
	display:block;
	margin:5px 0 0 15px!important;
	margin:3px 0 0 8px;
	font-size:13px;
}

.productFeature input{
	margin:0;
	padding:0;
}

.updateFeatures{
	margin:10px 0 10px 15px!important;
	margin:5px 0 5px 8px;
}

.updateFeatures a{
	text-decoration:none;
}

.productPriceBottom{
	background-image: none;

}

.productButton{
	font-weight: bold;
	color:#FFFFFF;
	background:url(../img/btn_175.gif) no-repeat 0px 0px;
	width:175px;
	height:35px;
	margin:10px 0px;
}

.productButton:hover{
	background:url(../img/btn_175.gif) no-repeat 0px -35px;
	cursor:pointer;
}

.productButton a{
	display:block;
	font-size: 16px;
	font-weight: bold;
	text-decoration:none;
	color:#FFFFFF;
	padding:6px 10px 6px 15px !important;
	padding:3px 5px 3px 8px;
}
.productButton a:hover{
	color:#FF6600;
}

.productAmounts{
	width: 150px;
	height:24px;
	margin:5px 10px 0 15px;
}

.productAmountsChecked{
	width: 55px;
	height:24px;
	background:url(../img/checkbox_checked.gif) no-repeat;
	display:block;
	float:left;
	padding:7px 0 0 20px;
}

.productAmountsEmpty{
	width: 55px;
	height:24px;
	background:url(../img/checkbox_empty.gif) no-repeat;
	display:block;
	float:left;
	padding:7px 0 0 20px;
}

.productBottom, .basketListBottom {
	height:11px;
	background: none;
}

#adminHeader{
	background:#ff6600;
	text-align:center;
}
#adminHeader h1{
	font-size: 25px;
	color:#FFFFFF;
	font-weight:bold;
}

.featureName{
	float:left;
	width:150px;

}
.featureDescription{
	float:left;
	width:300px;
}

.featurePrice{
	float:left;
	width:50px;

}

.basket_head{
	margin:0 0 20px 0;
}

.basketItem{
	width:500px;
}

.basketLine{
	margin:0 0 2px 0px;
	border-top:solid 1px #003698;
}


.basketItemDelete{
	float:left;
	width:0;
	margin:0 0 0 0px;
}

.basketItemDetails{
	float:left;
	margin:0 0 0 0px;
}

.basketItemName{
	float:left;
	margin:0 0 0 0px;
	width:120px;
}

.basketItemDescription{
	float:left;
	margin:0 0 0 0px;
	width:280px;
}

.basketItemPrice{
	float:left;
	margin:0 0 0 10px;
	width:80px;
	text-align:right;
}

.blue_box_560{
	background-image:url(../img/blue_560.gif);
	width:560px;
	margin: 20px 0;
	color:#FFFFFF;
}

.box_560{
	width:560px;
	margin: 20px 0;
}
.boxTop_560{
	background-image:url(../img/boxTop_560.png) !important;
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='../root/img/boxTop_560.png');
	height:9px;
	margin:0;
	padding:0;
	font-size:0px;
	line-height:1px;
}

.boxMiddle_560{
	margin:20px;	
	width:560px;
}

.boxBottom_560{
	background-image:url(../img/boxBottom_560.png) !important;
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='../root/img/boxBottom_560.png');
	height:9px;
	margin:0;
	padding:0;
	font-size:0px;
	line-height:1px;
}

.formDescription{
	float:left;
	width:140px;
	margin:7px 0 0 0px;
}
.formField{
	float:left;
	width:370px;
	margin:5px 0 0 10px;
}

.formField input[type="text"]{
	border:solid 1px #CC6600;
	font-size:12px;
	padding:2px 5px;
}

*+html .formField input[type="text"]{
	padding:0;
	margin:0;
}

* html .formField input[type="text"]{
	padding:0;
	margin:0;
}

.voll{
	float:left;
	width:358px;
}

.halb{
	float:left;
	width:170px
}
.halb_rechts{
	float:right;
	width:170px
}

.viertel{
	float:left;
	width:75px
}
.dreiviertel{
	float:right;
	width:265px
}

#fehlermeldung{
	color:#FF6600;
	font-size:12px;
	font-weight:bold;
	display:none;
}

/* Zusammenfassung */

#zusammenfassung h2{
	float:left;
	width:400px;
	margin-left: 0;
}

#zusammenfassung p{
	margin-left: 0
}

#zusammenfassung .name{
	float:left;
	margin:2px 0 0 0; 
	width:150px;
}

#zusammenfassung .description{
	float:left;
	margin:2px 0 0 10px !important;	
	margin:2px 0 0 5px;
}

#zusammenfassung .price{
	float:right;
	margin:2px 25px 0 10px !important;
	margin:2px 12px 0 5px;
	width:100px;
	text-align:right;
}

#zusammenfassung .change{
	float:right;
	margin:2px 0 0 10px !important;
	margin:2px 0 0 5px;
	width:100px;
	text-align:right;
}

#zusammenfassung .line{
	float:left;
	margin:0 20px 2px 0;	
	border-top:solid 1px #003698;
	width:500px;
}

#zusammenfassung .btn_small{
	margin-top:10px;
}
