body {
padding: 20px 0px 0px 0px;
margin: 0px;
font-family: verdana, arial, helvetica;
text-align: center;
border: 0px;
background-image: url(images/background.gif);
background-repeat: repeat-x;
background-color: #dfe9f4;
overflow: -moz-scrollbars-vertical;
font-family: verdana, arial, helvetica;
}

img {
border: 0px;
}

#outer {
vertical-align: middle;
width: 869px;
margin: 0px auto;
text-align: left;
}



/* HEAD */
#head {
background-image: url(images/head.gif);
background-repeat: no-repeat;
width: 869px;
height: 174px;
}

#slogan {
position: absolute;
margin-top: 40px;
margin-left: 275px;
color: #3677b7;
font-size: 20px;
text-align: right;
}
#subslogan {
margin-top: -3px;
font-size: 12px;
}
#headIllu {
position: relative;
margin-top: 0px;
margin-right: 34px;
float: right;
}


/* NAVI */
#navi {
position:absolute;
padding: 104px 0px 0px 97px;
}

#navi a.aktiv {
color: white;
}

#navi a {
color: #555555;
font-size: 0.8em;
text-decoration: none;
}

#navi a:hover {
color: #fff;
}

#navi .start {
padding-right: 99px;
}

#navi .mottokisten {
padding-right: 78px;
}

#navi .huepfburgen {
padding-right: 83px;
}

#navi .bestellung {
padding-right: 74px;
}



/* CONTENT */
#content {
width: 800px;
background-color: #fff;
font-size: 12px;
color: #444444;
margin-left:35px;
margin-top: -26px;
line-height: 16px;
padding-bottom: 40px;
}

#headline{
padding-left: 20px;
margin-bottom: 20px;
}

#einspaltig {
width: 240px;
float: right;
padding-right: 20px;
}

#einspaltig_l {
width: 240px;
float: left;
padding-left: 20px;
}

#zweispaltig{
width: 500px;
padding-left: 20px;
margin: 0px;
float: left;
}

#zweispaltig_r{
width: 500px;
padding-right: 20px;
margin: 0px;
float: right;
}

#dreispaltig{
width: 760px;
padding-left: 20px;
margin: 0px;
float: none;
}

#halb_l {
width: 370px;
padding-left: 20px;
margin: 0px;
float: left;
}

#halb_r {
width: 370px;
padding-right: 20px;
margin: 0px;
float: right;
}

.linie {
width:760px;
height: 1px;
padding-left: 20px;
padding-top: 20px;
padding-bottom: 20px;
}

.liniezwei {
width:500px;
height: 1px;
padding-left: 20px;
padding-top: 20px;
padding-bottom: 20px;
}

.liniedrei {
width:370px;
height: 1px;
padding-left: 20px;
padding-top: 20px;
padding-bottom: 20px;
}


/* sonderfälle spalten und linien */
#kistensubnavi{
width: 190px;
padding-left: 20px;
margin: 0px;
float: left;
}
#kistensubnavi img{
margin-top: -30px;
margin-right: 5px;
padding: 0;
}
#kistencontent{
width: 570px;
padding-right: 20px;
margin: 0px;
float: right;
}
#kistencontent #headline {
margin-left: -20px;
}
#sonderspalten2 {
width: 570px;
margin-bottom: 20px;
float: none;
}
#sonderspalten1_l {
width: 310px;
margin: 0px;
float: left;
}
.linievier {
width:310px;
height: 1px;
padding-left: 0px;
padding-top: 20px;
padding-bottom: 20px;
}
#sonderspalten1_r {
width: 240px;
margin-right: 0px;
float: right;
}
.infotext {
font-size: 10px;
}
img.zubehoerbild { float: left; margin-right: 10px; }
#teaser_big {
	width: 800px;
	height: 218px;
	margin: 0px;
	margin-top: -44px;
	float: none;
	margin-bottom: 20px;
}
#teaser_text {
	position: absolute;
	width: 280px;
	margin-top: -165px;
	margin-left: 55px;
	/*margin-top: 55px;
	margin-left: 55px;*/
	font-size: 11px;
	color: #3677b7;
}
*+html #teaser_big {
	margin-top: -21px;
}
*+html #teaser_text {
	margin-top: 55px;
	margin-left: -745px;
}
* html #teaser_big {
	margin-top: 0px;
}
* html #teaser_text {
	margin-top: 55px;
	margin-left: -745px;
}
/* ende */


hr {
display: inline-block;
color: #c6d9eb;
width: 760px;
padding: 0px;
margin-left: 20px;
border: 1px solid #c6d9eb;
}

ul, li {
margin: 0px 0px 0px 10px;
padding: 0px;
}
ol {
margin: 0px 0px 0px 20px;
padding: 0px;
}

h1 {
font-size: 18px;
margin: 0px;
padding: 0px;
color: #444444;
font-weight: bold;
}
h1.startseite {
font-size: 18px;
margin: 0px;
margin-top: -5px;
padding: 0px;
color: #3677b7;
font-weight: normal;
}

#content a { color: #444444; text-decoration: underline; }
#content a:active { color: #444444; text-decoration: underline; }
#content a:visited { color: #444444; text-decoration: underline; }
#content a:hover { color: #444444; text-decoration: none; }

#content a.kiste { text-decoration: none; }
#content a.kiste:active { text-decoration: none; }
#content a.kiste:visited { text-decoration: none; }
#content a.kiste:hover { text-decoration: none; }

#content a.bestellen { text-decoration: none; color: #fff; }
#content a.bestellen:active { text-decoration: none; color: #fff; }
#content a.bestellen:visited { text-decoration: none; color: #fff; }
#content a.bestellen:hover { text-decoration: none; color: #fff; }

#content .eingabe { border: solid 1px #444; margin-bottom: 4px; margin-right: 4px; background-color: #ffffff; color: #444444; }

#content table { border-spacing: 0; border-collapse: collapse; }
#content table td, th { padding: 5px 40px 5px 0px; border: none; vertical-align: top; }
#content input.eingabefeld, textarea { width: 300px; }
#content input.eingabefeld_k { width: 50px; }
#content table.auswahl { margin-left: 20px; margin-top: 10px; border-spacing: 0; border-collapse: collapse; width: 480px; }
#content table.zubehoer { margin-left: 0px; margin-top: 5px; border-spacing: 0; border-collapse: collapse; width: 450px; margin-bottom: 20px; }
#content td.ch { border: none; vertical-align: top; width: 30px; text-align: center; padding: 0px; }
#content td.desc { border: none; padding: 0px; padding-bottom: 5px; width: 450px; }
#content td.descBurg { border: none; width: 210px; padding: 0px; }
#content td.descSonst { border: none; padding: 5px; }
#content input.radioB { border: none; margin-top: 1px;}
#content input.anzahl { width: 15px; }
/*#content input, select, textarea { border: 1px solid #444444; }*/

#content table.windtabelle { border-spacing: 0; border-collapse: collapse; }
#content table.windtabelle td, th { padding: 5px; border: solid 1px #444444; }
#content tr.gruen { background-color: #b0ca33; }
#content tr.rot { background-color: #ff9900; }


#gruenerkasten { width: 10px; height: 10px; float: left; background-color: #b0ca33; margin-right: 5px; }
#roterkasten { width: 10px; height: 10px; float: left; background-color: #ff9900; margin-right: 5px; }
#gruenerkasten span { display: none; }
#roterkasten span { display: none; }

#content img.kleinesbild { float: left; margin-right: 20px; }

/* 1.SPALTE */
.spalteeins {
width: 240px;
float: left;
padding: 0px 20px 0px 20px;
background-color: white;
}

#pirat {
font-size: 12px;
background-image: url(images/piraten_kiste.gif);
width: 240px;
height: 111px;
}

.kisteinnen {
padding: 4px 0px 0px 9px;
}

.kistenbild {
padding-top:8px;
}

/* 2. SPALTE */
.spaltezwei {
width: 240px;
float: left;
padding: 0px 20px 0px 0px;
background-color: white;
}

#prinzessin {
font-size: 12px;
background-image: url(images/prinzessin-kiste.gif);
width: 240px;
height: 111px;
}

#ritter {
font-size: 12px;
background-image: url(images/ritter_kiste.gif);
width: 240px;
height: 111px;
}

#outdoor {
font-size: 12px;
background-image: url(images/outdoor_kiste.gif);
width: 240px;
height: 111px;
}

/* 3. SPALTE */
.spaltedrei {
width: 240px;
float: left;
padding: 0px 20px 0px 0px;
background-color: white;
}

#hexe {
font-size: 12px;
background-image: url(images/hexen_kiste.gif);
width: 240px;
height: 111px;
}

#maerchen {
font-size: 12px;
background-image: url(images/maerchen_kiste.gif);
width: 240px;
height: 111px;
}

#huepfburg {
font-size: 12px;
background-image: url(images/huepfburg_kiste.gif);
width: 240px;
height: 111px;
}

#huepfburg .kistenbild {
padding-top:8px;
padding-left:4px;
}


#prinzessin .kistenfigur {
padding-right: 15px;
}
#hexe .kistenfigur {
margin-right: -7px;
}
#pirat .kistenfigur {
padding-right: 8px;
}
#ritter .kistenfigur {
padding-right: 7px;
}
#maerchen .kistenfigur {
margin-right: -14px;
padding-top: 5px;
}
#outdoor .kistenfigur {
padding-right: 12px;
}
#huepfburg .kistenfigur {
margin-right: -9px;
padding-top: 35px;
}


#kistenseperator {
height: 15px;
}

#zentriert{
width: 800px;
text-align: center;
}

#zentriert a, a:link, a:visited, a:active{
color: #444444;
text-decoration: underline;
}

#zentriert a:hover{
text-decoration: none;
}

#button {
background: url(images/button.gif) no-repeat;
width: 152px;
height: 23px;
padding: 3px 0px 0px 12px;
margin-bottom: 7px;
}
#bestellbutton {
background: url(images/bestellbutton.gif) no-repeat;
width: 152px;
height: 23px;
padding: 3px 0px 0px 12px;
margin-bottom: 7px;
color: #fff;
}




/* FOOTER */
#footer {
background-image: url(images/footer_background.gif);
margin-left: 15px;
margin-bottom: 20px;
width: 840px;
height: 74px;
color: #fff;
font-size: 0.6em;
}

#footer .flinks{
margin-left: 40px;
padding-top: 26px;
float: left;
}
#footer .frechts{
padding-top: 26px;
margin-right: 40px;
float: right;
text-align: right;
}

#footer a, a:link, a:active, a:visited {
color: white;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}