/*
//
// >>> ALLGEMEIN
//
*/

* {
margin: 0;
padding: 0;
}

body {
background-image: url('images/sky.jpg');
background-repeat: repeat-x;
background-color: white;
}

h1 {
font-family: Arial;
font-size: 30px;
color:#FF5000;
text-align:center;
}

.h2a {
font-family: Arial;
font-size: 18px;
color:#FF5000;
text-align:center;
}



img {
border:none;
text-decoration: none;
}




#badge {
position:relative;
background-image: url('images/badge.png');
width:149px;
height:98px;
margin: -1390px 746px;
}

#preisbadge {
position:relative;
background-image: url('images/preisbadge4.png');
//background-image: url('images/nikolausbadge.png');
width:136px;
height:136px;
//margin: 0px -840px;
//top:-86px;
margin: 0px -850px;
top:-40px;
}


/*
//
// >>> LINIEN
//
*/


#hr_light {
position:relative;
margin-top:14px;
margin-left:auto;
margin-right:auto;
width:712px;
height:11px;
background-image: url('images/hr_light.png');
}

#hr_light2 {
position:relative;
margin-top:-10px;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
width:712px;
height:11px;
background-image: url('images/hr_light.png');
}


/*
//
// >>> VERSCHIEDENE KLASSEN
//
*/


.invisible {
visibility:hidden;
}


/*
//
// >>> SEITENAUFBAU
//
*/


#header {
position:relative;
background-image: url('images/header2.png');
background-repeat: no-repeat;
margin-top:20px;
margin-left:auto;
margin-right:auto;
width:691px;
height:184px;
}

#top {
position:relative;
background-image: url('images/topbg.png');
background-repeat: no-repeat;
margin-top:10px;
margin-left:auto;
margin-right:auto;
width:776px;
height:53px;
}

#center {
position:relative;
background-image: url('images/centerbg.png');
background-repeat: repeat-y;
margin-left:auto;
margin-right:auto;
width:776px;
height:auto;
}

#bottom {
position:relative;
background-image: url('images/bottombg.png');
background-repeat: no-repeat;
margin-top:0px;
margin-left:auto;
margin-right:auto;
width:776px;
height:49px;
}

#footer {
position:relative;
margin-right:auto;
margin-left:auto;
width:600px;
}

#footer a {

}




/*
//
// >>> EINKAUFSWAGEN - THUMBNAILS, BUTTONS ETC
//
*/



#thumbnails {
position:relative;
margin-left:auto;
margin-right:auto;
text-align:center;
margin-top:-44px;
margin-left:-1px;
height:140px;
padding:2px 10px 2px 10px;
}

#cart_buttons {
position:relative;
margin-left:auto;
margin-right:auto;
text-align:center;
height:30px;
padding:2px 10px 2px 10px;
}

a.hinzufuegen0 {
display:block;
background: url("images/hinzufuegen2.png") 0px 0px no-repeat;
width:166px;
height:46px;
}

a.hinzufuegen1 {
display:block;
background: url("images/cart_change.png") 0px 0px no-repeat;
width:166px;
height:46px;
}

a.hinzufuegen2 {
display:block;
background: white 0px 0px no-repeat;
width:166px;
height:46px;
}


#bee {
background: url("images/hinzufuegen2.png") 0px 0px no-repeat;
}

#voodoo {
background: url("images/hinzufuegen2.png") 0px 0px no-repeat;
}

#panda {
background: url("images/hinzufuegen2.png") 0px 0px no-repeat;
}

a.hinzufuegen0:link {
background-position:0px 0px;
}

a.hinzufuegen0:hover {
background-position:0px -46px;
}

a.hinzufuegen0:active {
background-position:0px -46px;
}

#goto_cart {
position:absolute;
margin-top:-258px;
margin-left:784px;
}

a.goto {
display:block;
background: url("images/goto_cart_new.png") 0px 0px no-repeat;
width:100px;
height:100px;
}

a.goto:link {
background-position:0px 0px;
}

a.goto:hover {
background-position: 0px -100px;
}

a.goto:active {
background-position: 0px -100px;
}


/*
//
// >>> CONTENT
//
*/




#content {
position:relative;
width:712px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
}

#innertext {
width:460px;
margin-left:auto;
margin-right:auto;
font-size:12px;
}

#listframe {
position:relative;
width:460px;
border:1px solid #EFEFEF;
margin-left:auto;
margin-right:auto;
}

.line {
color:#FCFCFC;
}


/*
//
// >>> BUTTONS
//
*/



#button_order {
margin-left:142px;
margin-top:-24px;
margin-bottom:16px;
width:113px;
height:40x;
}

a.order {
display:block;
background: url('images/button_order.png') 0px 0px no-repeat;
width:113px;
height:40px;
}

a.order:link {
background-position: 0px 0px;
}


a.order:hover {
background-position: 0px -39px;
}

a.order:active {
background-position: 0px -39px;
}



#button_next {
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:-14px;
margin-bottom:16px;
width:400px;
height:40px;
}

a.next {
display:block;
background: url('images/button_next.png') 0px 0px no-repeat;
width:200px;
height:40px;
}

a.next:link {
background-position: 0px 0px;
}


a.next:hover {
background-position: 0px -40px;
}

a.next:active {
background-position: 0px -40px;
}


#button_confirm {
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:-14px;
margin-bottom:16px;
width:228px;
height:40x;
}

a.confirm {
display:block;
background: url('images/button_confirm.png') 0px 0px no-repeat;
width:228px;
height:40px;
}

a.confirm:link {
background-position: 0px 0px;
}


a.confirm:hover {
background-position: 0px -40px;
}

a.confirm:active {
background-position: 0px -40px;
}


#spacer {
height:358px;
}

#button_send {
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:-386px;
width:122px;
height:40px;
}

a.send {
display:block;
background: url('images/button_send.png') 0px 0px no-repeat;
width:122px;
height:40px;
}

a.send:link {
background-position: 0px 0px;
}


a.send:hover {
background-position: 0px -40px;
}

a.send:active {
background-position: 0px -40px;
}




/*
//
// >>> CONTENT
//
*/





#content2 {
position:relative;
width:712px;
margin-top:-46px;
margin-left:auto;
margin-right:auto;
}


#text {
position:relative;
width:702px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
font-family: Arial;
font-size: 15px;
line-height: 150%;
text-align: justify;
}

#contactframe {
position:relative;
margin-right:auto;
margin-left:auto;
margin-top:px;
width:461px;
height:410px;
background-image: url('images/contact_bg.png');
}



#form_frame {
position:relative;
width:568px;
height:416px;
background-image: url('images/form_bg_gesamt_neu.png');
background-repeat: no-repeat;
margin-left:auto;
margin-right:auto;
}

#secondframe {
position:absolute;
}


/*
//
// >>> FORMULARE
//
*/



#form_frame input {
font-size: 16px;
//border:1px solid black;
border:none;
background: url('images/form_bg_white.png');
}

#form_frame .error {
border:1px solid red;
font-size: 16px;
color: black;
font-family:Arial;
font-weight:normal;
}



#input_vorname_field {width:150px; z-index: 1;}
#input_geschlecht_field1 {z-index: 3;}
#input_geschlecht_field2 {margin-left:16px; z-index: 4;}
#input_name_field {width:150px; z-index: 2;}
#input_alter_field {width:60px; z-index: 5;}
#input_street_field {width:172px; z-index: 6;}
#input_hausnummer_field {width:40px; z-index: 7;}
#input_plz_field {width:52px; z-index: 8;}
#input_ort_field {width:170px; z-index: 9;}
#input_land_select {z-index: 10;}
#input_email_field {width:180px; z-index: 11;}
#input_zahlungsweise1 {z-index: 12;}
#input_zahlungsweise2 {margin:0px 30px; z-index: 13;}

#vorname_field {margin: 47px -32px;}
#geschlecht_field {margin: -69px 147px;}
#name_field {margin:106px -12px;}
#alter_field {margin:-129px 178px;}
#street_field {margin: 168px -18px;}
#hausnummer_field {margin: -192px 140px;}
#plz_field {margin:230px -1px;}
#ort_field {margin:-253px 83px;}
#land_select {margin: 243px -5px;}
#email_field {margin: -182px -10px;}
#zahlungsweise1 {margin: 138px 286px;}
#zahlungsweise2 {margin: -160px 362px;}







#contactframe input {
position:relative;
font-size: 16px;
//border:1px solid black;
border:none;
background: url('images/form_bg_white.png');
}


#frame_1 {margin-left:-24px;}
#frame_betreff {margin-left:-12px; margin-top:-4px;}
#frame_message {margin-left:-74px;}

#contact_name {margin: 48px 0px; width:150px;}
#contact_email {margin: 00px -16px; width:210px;}
#contact_betreff {margin: -4px 0px; width:390px;}
#contact_message {margin: 46px 0px; width:390px; height:160px;}









/*
//
// >>> IMAGES ETC
//
*/



#cart_image {
position:absolute;
margin: -34px 10px;
background-image: url('images/cart_image100.png'); 
background-repeat: no-repeat;
width:100px;
height:100px;
}


#lastpicture {
background-image: url('images/lastpicture.png');
width:428px;
height:289px;
margin-left:auto;
margin-right:auto;
margin-bottom:30px;
}




#statusbar {
position:relative;
background-image: url('images/status_cart.png');
width:514px;
height:29px;
margin-left:auto;
margin-right:auto;
}

#statusbar2 {
position:relative;
background-image: url('images/status_adress.png');
width:514px;
height:29px;
margin-left:auto;
margin-right:auto;
}

#statusbar3 {
position:relative;
background-image: url('images/status_confirm.png');
width:514px;
height:29px;
margin-left:auto;
margin-right:auto;
}




/*
//
// >>> THREADLESS CART CSS
//
*/



.grey {
color:#777777;
}


#shell{
	overflow:hidden;
	display: block;
	position: relative;
	width: 600px;
	text-align: left;
}
#cartshell{
	overflow:hidden;
	margin-left:0px;
	width: 984px;
	margin-bottom:20px;
}


#cart_right_top{
	height:100px;
}


.bg_black{background-color:#000;}
.bg_darkblue{background-color:#1b325f;}
.bg_lightblue{background-color:#e9f2f9;}
.bg_orange{background-color:#f26c4f;}
.bg_lightgreen{background-color:#eff6e6;}
.bg_lightpink{background-color:#feeff6;}
.sp_10{height:10px;overflow:hidden;}

#cartlogo{float:left;width:220px;}

.row_blue td{background-color:#e9f2f9;} 

.cart_alerts li{font-size:14px; margin-left:20px;padding-left:10px;margin-top:5px;}
.cart_alerts{margin:0px;padding:0px;}

.step_image{height:75px;text-align:center;float:left;margin-top:10px;}
.step_image div{width:80px;margin:0 10px 5px 10px;text-align:center;color:#666666;}
.cart_right{padding:15px 20px 15px 20px;border:1px solid #666666;clear:both;}

.cart_step_header{}

.cart_step_button{font-size:30px;}
.cart_header_1{font-size:30px;color:#1b325f;}
.cart_header_2{font-size:20px;color:#3a8ede;}
.cart_header_faq{font-size:18px;}

.cart_notice_block{background-color:#666666;color:#fff;padding:10px;}
.cart_notice_block_highlight{background-color:#feeff6;color:#eb1f7a;padding:10px;}

.cart_headers td{font-size:11px;}
.cart_review_order{border-bottom:1px dotted #666666;margin-bottom:10px;padding-bottom:10px;}
.cart_image{background-color:#fff;width:105px;padding:5px;border:1px solid #ddd;}


.error {
 color: #eb1f7a;
 font-weight: bold;
}
.error input, .error select {
 background-color: #feeff6;
}

.countryDropDown {
	width:255px;
}