/* CSS Document */
html
{
	background: url(../pics/bg_body.png) repeat-x;
	background-color: white;
	margin: 0;
	padding: 0;
	
}

body
{
	margin: auto;
	padding: 0;
	height: 100%;
	position: relative;
	overflow-x:hidden;
}

a
{
	outline: 0; -moz-outline: 0;	
}

#navi
{
	position:absolute; top:-10px; left: 16px;
	height:30px;
	margin:0px; padding:0px;
}

ul
{
	margin:0px; padding:0px;
	height:30px;
	list-style-type:none;
}

li
{
	position:absolute;
	height:30px;
	width:166px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
}

#navi ul li a
{
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;	
}

li.order
{
	background: url(../pics/btn_order.png) top no-repeat;
	z-index: 10;
}

li.quality
{
	background: url(../pics/btn_quality.png) top no-repeat;
	left: 150px; z-index: 9;
}

li.rate
{
	background: url(../pics/btn_rate.png) top no-repeat;
	left: 300px; z-index: 8;
}

li.shopinfo
{
	background: url(../pics/btn_shopinfo.png) top no-repeat;
	left: 450px; z-index: 7;
}

#navi .act, #navi :hover
{
	background-position: 0px -30px;
}

#main
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	height: 655px;
	width: 996px;
	position: relative;
	background: url(../pics/bg_maindiv.jpg) top no-repeat;	
}

#animation
{
	height: 460px;
	width: 997px;
	position: absolute; left:2px; top: 22px;
}

#angebote
{
	position:absolute; top: 496px; left: 2px;
	width:482px;		
	height:157px;
	background: url(../pics/bg_angebote.jpg) center no-repeat;
}

#angebote a
{
	margin-top:7px;
	margin-left: 43px;
	display:block;
	width: 430px;
	height: 66px;
	z-index:5;
}

#qualitaet
{
	position:absolute; top: 496px;	left:512px;	
	width:482px;
	height:157px;
	background: url(../pics/bg_qualitaet.jpg) center no-repeat;	
	display:none;
}

#qualitaet a
{
	margin-top:38px;
	margin-left: 7px;
	display: block;
	width: 465px;
	height: 110px;
	z-index:5;
	display:none;
}

#clicknbuy
{
	position:absolute; top: 496px;	left:512px;	
	width:482px;
	height:157px;
	background: url(../pics/bg_clickandbuy.png) center no-repeat;	
}

#clicknbuy a
{
	margin-top:38px;
	margin-left: 7px;
	display: block;
	width: 465px;
	height: 110px;
	z-index:5;	
}

#bestellen
{
	position:absolute; top: 496px;	left:512px;	
	width:482px;
	height:157px;
	background: url(../pics/bg_order.jpg) center no-repeat;	
}

#bestellen a
{
	margin-top:38px;
	margin-left: 7px;
	display: block;
	width: 465px;
	height: 110px;
	z-index:5;
}

#kiel
{
	position:absolute; top: 496px;	left:2px;	
	width:482px;
	height:157px;
	background: url(../pics/bg_kiel.jpg) center no-repeat;	
}

#kiel a
{
	margin-top:38px;
	margin-left: 7px;
	display: block;
	width: 465px;
	height: 110px;
	z-index:5;	
}

#raisdorf
{
	position:absolute; top: 496px;	left:512px;	
	width:482px;
	height:157px;
	background: url(../pics/bg_raisdorf.jpg) center no-repeat;	
}

#raisdorf a
{
	margin-top:38px;
	margin-left: 7px;
	display: block;
	width: 465px;
	height: 110px;
	z-index:5;	
}

#logo
{
	background:url("../pics/logo.png") no-repeat scroll center center transparent;
	left:758px;
	position:absolute;
	top:-93px;
	width:225px;
	height:116px;
	z-index:1000000;
}

#logo a
{
	display:block;
	width:100%;
	height:100%;
}


/*	Qualitätsinhalte
----------------------------------------------------------------------- */

#link_quality
{
	position: absolute; top: 20px; left: -1px;
	height:460px;
	width: 996px;
	background: url(../pics/bg_quality.jpg) center no-repeat;
	font-family:arial;
}

.quality_h
{
	position: absolute; top: 40px; left: 40px;
	font-size: 19pt;
	font-weight:bold;
}

.span1_h
{
	position: absolute; top: 120px; left: 40px;
	font-size: 9pt;
	font-weight:bold;
	color:rgb(210,60,70);
	text-transform:uppercase;
}

.span1
{
	position: absolute; top: 145px; left: 40px;
	font-size: 9pt;
	font-weight:bold;
	width:320px;
}

.span2_h
{
	position: absolute; top: 210px; left: 40px;
	font-size: 9pt;
	font-weight:bold;
	color:rgb(210,60,70);
	text-transform:uppercase;
}

.span2
{
	position: absolute; top: 235px; left: 40px;
	font-size: 9pt;
	font-weight:bold;
	width:320px;
}

.span3
{
	position: absolute; top: 145px; left: 400px;
	font-size: 9pt;
	font-weight:bold;
	width:320px;
}


/*	Shopauswahl
----------------------------------------------------------------------- */

#link_filialen
{
	height:482px;
	width: 996px;
	background: url(../pics/bg_liefergebiete.jpg) center no-repeat;		
}

#link_filialen .a_raisdorf
{
	position:absolute; top: 178px; left: 113px;
	display: block;
	width: 110px;
	height: 70px;
	z-index:5;	
}

#link_filialen .a_kiel
{
	position:absolute; top: 190px; left: 232px;
	display: block;
	width: 92px;
	height: 57px;
	z-index:5;	
}

/*	Impressum
----------------------------------------------------------------------- */

#link_impressum
{
	width:800px;	
	position: absolute; top: 20px;
	padding-left:20px;
	padding-top:10px;
	font-size:9pt;
	font-family:Arial;
	overflow-y:auto;
	overflow-x:hidden;	
}

.distant
{
	font-weight:bold;
	display: inline-block;
	width:100px;	
}

.distant_open
{
	font-weight:bold;
	display: inline-block;
	width: 60px;	
}

.open_distant
{
	margin-left: 60px;
	display: inline-block;
}

.distant_open_kiel
{
	font-weight:bold;
	display: inline-block;
	width: 35px;	
}

.open_distant_kiel
{
	margin-left: 35px;
	display: inline-block;
}

#labelFGN
{
	background: url(../pics/frischergehtsnet-trans.png) center no-repeat;	
    position: absolute;
    top: 50px;
    left: 680px;
	width:100px;
	height:100px;
}
/*	Bewertungsformular
----------------------------------------------------------------------- */

#link_rate
{
	position: absolute; top: 20px;
	padding-left:20px;
	padding-top:10px;
	font-weight: bold;
	font-size:9pt;
	font-family:Arial;
	overflow-y:auto;
	overflow-x:hidden;
}

#anfrage
{
	padding: 15px;
}

.form td
{
	width:250px;
}

.rate td
{
	height:25px;
	padding-left: 20px;
}

.form textarea 
{
	width:310px;
	height:48px;
	border: 1px solid #ccc;
}

label
{
	display: inline-block;
	width: 155px;
}

input.text
{ 
	width:135px;
	border: 1px solid #ccc;
}

.top
{
	position: absolute; top:160px; left: 167px;
	background: url(../pics/top2.png) center no-repeat;	
	width: 40px;
	height: 40px;	
}

.neutral
{
	position: absolute; top:160px; left: 267px;
	background: url(../pics/neutral2.png) center no-repeat;
	width: 40px;
	height: 40px;
}

.flop
{
	position: absolute; top:160px; left: 367px;
	background: url(../pics/flop2.png) center no-repeat;
	width: 40px;
	height: 40px;	
}

.top2
{
	position: absolute; top:160px; left: 639px;
	background: url(../pics/top2.png) center no-repeat;	
	width: 40px;
	height: 40px;	
}

.neutral2
{
	position: absolute; top:160px; left: 739px;
	background: url(../pics/neutral2.png) center no-repeat;
	width: 40px;
	height: 40px;
}

.flop2
{
	position: absolute; top:160px; left: 839px;
	background: url(../pics/flop2.png) center no-repeat;
	width: 40px;
	height: 40px;	
}

td.radio
{
	padding:0px;
	overflow:hidden;
	height:10px;
}

td.radio div
{
	width:80px;
	float:left;
	margin-left:20px;
	height:10px;
	padding-bottom: 5px;
}			
td.radio div input
{
	display:inline;
	width:100%; 
	height: 10px;
}			
td.head
{
	background-color:#d4d3cf;
	font-weight: bold;
	height: 40px;
}

#submit	
{
	float:left;
	background: url(../pics/btn_send.png);
	color:#fff;
	font-weight:bold;
	border:none; 
	height: 46px;
	width:140px;
	text-transform:uppercase;
	margin-top:30px;
	cursor:pointer;
}

.smilies
{
	background: url(../pics/smileycollection.jpg) no-repeat;
	height:40px;
	margin-left:5px;
}
		
div.fehler			{ background-color:#FFDFE0; color:red; font-weight:bold; width:518px; padding:5px; padding-left:20px; margin-top:20px;
							  border: 1px solid red; }
div.success			{ background-color:#C6FDC7; color:green; font-weight:bold; width:518px; padding:5px; padding-left:20px; margin-top:20px;
							  border: 1px solid green; }		
div.serverfehler 	{ background-color:#F8FEA9; color:orange; font-weight:bold; width:518px; padding:5px; padding-left:20px; margin-top:20px;
							  border: 1px solid orange; }
							  
input.pflicht, textarea.pflicht { border: 1px solid red; }