/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  Import 																																																*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

@import url("forms.css");
@import url("structure.css");
@import url("global.css");

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  Farben 																																																*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*	Grau	(	10%	)									#D7D7D7
/*	Grau	(	20%	)									#B7B7B7
/*	Grau	(	30%	)									#9B9B9B
/*	Grau	(	50%	)									#707070		

/* Hintergrund										#E6E6E6



/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  Allgemeine Styles																																											*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

*
{
padding:0;
margin:0;
}

a, input { outline:none; }


h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin: 0; }

h1 {font-size: 15px; margin: 6px 0 2px 0;}

h2 {font-size: 15px; margin: 1px 0 12px 0; font-weight: normal;}

h3 {font-size: 12px; margin: 6px 0 6px 0;}

ul {list-style-type:none}

html {
font-family: Arial;
font-size: 8pt;
}

body
{
color: #000000;
background: #E6E6E6;
}

img
{
border: 0px solid #FFF;
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  Container																																															*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

#wrapper
{
position: relative;
top: 10px;
left: 50%;
width: 825px;
margin-left: -402px !important; 
margin-left: -402px;
border: 1px solid #FFF;
padding-bottom: 10px;
}

#container
{
position: relative;
width: 815px;
left: 5px;
top: 5px;
background: #FFF;
padding-bottom: 10px;
}
	
#header
{
position: relative;
top: 5px;
left: 30px;
width:750px;
height:140px;
background: url(../_images/bg_header.gif);
}	

#mainHead
{
background-image: url(../_images/bg_schelf.gif);
background-repeat: no-repeat;
}	

.part1
{
text-align: left;   
margin: 0 auto;    
width: 800px;
}

.navi
{
position: relative;
float: left; 
width: 210px;
margin: 0; 
padding: 0;
top: 20px;
left: 24px;
}

#naviEnd
{
position: relative;
width: 207px;
height: 1px;
top: -10px !important;
top: 0px;
}

.content
{
position: relative;
top: 10px;
margin-left: 290px;
margin-bottom: 25px;
padding: 0 1em;
width: 470px;
}

#footer 
{
position: relative;
left: 25px;
font-size: 9px;
width: 710px;
}


/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  Misc																																																	*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.spacer
{
display: block;
height: 7px;
font-size: 1px;
}

.line750
{
width: 750px;
height: 1px;
margin-left: 24px;
}

.anchor
{
position: relative;
top:12px;
}

.imgBorder
{
border: 1px solid #D7D7D7;
}

.imgDescription
{
position: relative;
top: -30px;
left: 360px;
width: 120px;
color: #646464;
}


.titlePoll
{
padding-right: 23px;
padding-bottom: 23px;
}

.titlePollBottom
{
padding-right: 23px;
}

.pollNumber 
{
position: relative;
top: 12px;
left: -15px;
z-index: 2;
}

/* Pagenavigation !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.pageNavigationTisch
{
position: relative;
left: 478px;
top: -62px;
width: 16px;
height: auto;
}

.pageNavigationWand
{
position: relative;
left: 478px;
top: -92px;
width: 16px;
height: auto;
}

.pageNavigationBildband
{
position: relative;
left: 478px;
top: -62px;
width: 16px;
height: auto;
}

/* Bestellung (shopping cart) !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

#shoppingCart
{
position: absolute;
left: 435px;
top: 0px;
width: 215px;
height: 100%; 
z-index: 100;
}

#shoppingCartBG
{
position: absolute;
left: 435px;
top: 0px;
width: 215px;
height: 100%; 
background-color: #D7D7D7;
z-index: 1;
}

.orderAmountContainer
{
padding-left: 10px;
display: block;
float: left;
width: 50px;
z-index: 100;
}

.orderDescriptionContainer
{
padding-top: 5px;
display: block;
float: left;
height: auto;

}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  Lightbox																																															*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/



.popHeader h1
{
padding-left: 25px;
padding-top: 3px;
}

.popHeader
{
position: absolute;
width: 650px;
height: 35px;
background: #D7D7D7;
}



.popContent
{
position: absolute;
top: 50px;
width: 600px;
height: 320px;
padding: 0px 25px 0px 25px;
background: #FFF;
}

.popLeftColumn
{
display: block; 
float: left;
width: 220px;
}

.popRightColumn
{
display: block; 
}

.closeButton
{
width: 24px;
height: 24px;
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  Links																																																	*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

a.default:link, a.default:visited, a.default:hover
{
color: #000;
font-weight: bold;
}

a.lbOn:link, a.lbOn:visited  
{
	display: block;
	background:  url(../_images/bt_navi_off.gif) no-repeat;
	text-align: left;
	padding-left: 22px;
	padding-top: 10px;
	height: 21px;
	width: 207px;
	text-decoration: none;
	z-index: 1;
	color: #6E6E6E;
	font-weight: bold;
}

a.lbOn:hover  
{
	background:  url(../_images/bt_navi_on.gif) no-repeat;
	text-decoration: none;
	z-index:2;
	color: #000;
}


a#orderID:link, a#orderID:visited  
{
	display: block;
	background:  url(../_images/bt_navi_off.gif) no-repeat;
	text-align: left;
	padding-left: 22px;
	padding-top: 10px;
	height: 21px;
	width: 207px;
	text-decoration: none;
	z-index: 1;
	color: #6E6E6E;
	font-weight: bold;
}

a#orderID:hover  
{
	background:  url(../_images/bt_navi_on.gif) no-repeat;
	text-decoration: none;
	z-index:2;
	color: #000;
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

a.buttonGrey:link, a.buttonGrey:visited 
{
	display: block;
	background:  url(../_images/bt_grey.gif) no-repeat;

	text-align: left;
	padding-left: 22px;
	padding-top: 2px;
	height: 20px;
	width: auto;
	text-decoration: none;
	z-index: 1;
	color: #000;
	font-weight: bold;
}

a.buttonGrey:hover  
{
	text-decoration: none;
	z-index:2;
	color: #000;
}


a.buttonRed:link, a.buttonRed:visited 
{
	display: block;
	background:  url(../_images/bt_red.gif) no-repeat;
	text-align: left;
	padding-left: 22px;
	padding-top: 1px;
	height: 17px;
	width: auto;
	text-decoration: none;
	z-index: 1;
	color: #000;
	font-weight: bold;
}

a.buttonRed:hover  
{
	text-decoration: none;
	z-index:2;
	color: #000;
}

/* Scrollnavi */
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/


/* vor */
a.forward:link, a.forward:visited 
{
	background:  url(../_images/bt_forward.gif) no-repeat;
	text-align: left;
	padding-left: 22px;
	padding-right: 22px;
	padding-top: 1px;
	height: 20px;
	width: auto;
	text-decoration: none;
	z-index: 1;
	color: #B2B2B2;
	font-weight: bold;
}

a.forward:hover  
{
	text-decoration: none;
	z-index:2;

}

/* zurück */
a.backward:link, a.backward:visited 
{
	background:  url(../_images/bt_backward.gif) no-repeat;
	text-align: left;
	padding-left: 22px;
	padding-right: 22px;
	padding-top: 1px;
	height: 20px;
	width: auto;
	text-decoration: none;
	z-index: 1;
	color: #B2B2B2;
	font-weight: bold;
}

a.backward:hover  
{
	text-decoration: none;
	z-index:2;
}

/* home */
a.home:link, a.home:visited 
{
	background:  url(../_images/bt_home.gif) no-repeat;
	text-align: left;
	padding-left: 22px;
	padding-right: 22px;
	padding-top: 1px;
	height: 20px;
	width: auto;
	text-decoration: none;
	z-index: 1;
	color: #B2B2B2;
	font-weight: bold;
}

a.home:hover  
{
	text-decoration: none;
	z-index:2;
}

/* bestellen */
a.order:link, a.order:visited 
{
	background:  url(../_images/bt_order.gif) no-repeat;
	text-align: left;
	padding-left: 22px;
	padding-right: 22px;
	padding-top: 1px;
	height: 20px;
	width: auto;
	text-decoration: none;
	z-index: 1;
	color: #000;
	font-weight: bold;
}

a.order:hover  
{
	text-decoration: none;
	z-index:2;

}

/* abstimmen */
a.vote:link, a.vote:visited 
{
	background:  url(../_images/bt_vote.gif) no-repeat;
	text-align: left;
	padding-left: 22px;
	padding-right: 22px;
	padding-top: 1px;
	height: 20px;
	width: auto;
	text-decoration: none;
	z-index: 1;
	color: #000;
	font-weight: bold;
}

a.vote:hover  
{
	text-decoration: none;
	z-index:2;
}

/* PDF */
a.pdf:link, a.pdf:visited 
{
	display: block;
	background:  url(../_images/bt_pdf.gif) no-repeat;
	text-align: left;
	padding-left: 22px;
	padding-right: 22px;
	padding-top: 1px;
	height: 20px;
	width: auto;
	text-decoration: none;
	z-index: 1;
	color: #000;
	font-weight: bold;
}

a.pdf:hover  
{
	text-decoration: none;
	z-index:2;
}


/* Newsletter abbestellen */

a.pageNavigationButtonHome:link, a.pageNavigationButtonHome:visited, a.pageNavigationButtonHome:hover 
{
	display: block;
	margin-bottom: 7px !important;
	margin-bottom: 10px;
}

a.pageNavigationButton:link, a.pageNavigationButton:visited, a.pageNavigationButton:hover 
{
	display: block;
	margin-bottom: 0px !important;
	margin-bottom: 3px;
}



/* Newsletter abbestellen */

a.bigRed:link, a.bigRed:visited 
{
	display: block;
	background:  url(../_images/bt_big_red.gif) no-repeat;
	text-align: left;
	padding-left: 17px;

	padding-top: 7px;
	height: 34px;
	width: 194px;
	text-decoration: none;
	z-index: 1;
	color: #FFF;
	font-weight: bold;
}

a.bigRed:hover  
{
	text-decoration: none;
	z-index:2;
}

a.smallRed:link, a.smallRed:visited 
{
	display: block;
	background:  url(../_images/bt_big_small.gif) no-repeat;
	text-align: left;

	text-align: center;
	padding-top: 7px;
	height: 34px;
	width: 92px;
	text-decoration: none;
	z-index: 1;
	color: #FFF;
	font-weight: bold;
}

a.smallRed:hover  
{
	text-decoration: none;
	z-index:2;
}


/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  Forms																																															*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

input.text
{width:225px; line-height: 16px; height: 16px; font-size:11px; border:1px solid #CCCCCC; vertical-align: middle;}

#checkerBox
{
position: relative;
left: 0px;

width: 232px;
}

.checkInput
{
width: 15px;
margin-right: 10px;
}


/* Bestellung */

.orderDefault, .orderDefaultPLZ, .orderDefaultOrt, .orderAmount
{
width:225px; 
line-height: 16px; 
height: 16px; 
font-size: 11px; 
border: 1px solid #CCCCCC; 
vertical-align: middle;
margin-bottom: 8px;
}

.orderDefaultPLZ
{
width: 50px;
}

.orderDefaultOrt
{
width: 170px;
}

.orderAmount
{
width: 20px;
text-align: right;
}

.labelBlack
{
margin-left: 20px;
}

.labelRed
{
margin-left: 20px;
color: #AC1315;
}
