body {
color:#333;
margin:0;
padding:0;
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
background:#71AEDB url(img/hg-body.jpg) repeat-y fixed center;
}

#container {
position:absolute;
left:50%;
margin-left:-450px;
width:900px;
background:#FFF url(img/hg.jpg) repeat-y fixed center;
z-index:0;
top:213px;
color:#333;
}

#header {
position:absolute;
left:50%;
margin-left:-450px;
top:0;
width:900px;
height:213px;
z-index:0;
background-image:url(img/blauereise.jpg);
}

#navBar {
float:left;
width:220px;
background:#fff url(img/box_links.jpg);
margin:0;
padding:0;
}

#headlines {
float:right;
width:45px;
background:#fff url(img/box_rechts.jpg);
padding:0;
}

#content {
float:left;
width:630px;
}

#siteInfo {
clear:both;
font-size:11px;
color:#333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:400;
width:900px;
height:58px;
background-image:url(img/footer.jpg);
z-index:1;
}

#home_bar {
position:absolute;
left:50%;
margin-left:-76px;
top:136px;
width:441px;
height:62px;
z-index:2;
}

#cat_bar {
position:absolute;
left:50%;
margin-left:-287px;
top:0;
width:456px;
height:30px;
z-index:2;
}

#steuer {
position:absolute;
left:50%;
margin-left:-510px;
background:#71AEDB url(img/steuer.jpg);
top:187px;
width:75px;
height:339px;
z-index:2;
}

#such_box {
position:absolute;
left:50%;
margin-left:-262px;
top:148px;
width:567px;
height:27px;
z-index:2;
}

#breadcrumbs {
position:absolute;
left:50%;
margin-left:-262px;
top:175px;
width:567px;
height:23px;
z-index:2;
}

#catalog {
position:absolute;
left:50%;
margin-left:-450px;
top:148px;
width:185px;
height:50px;
z-index:2;
}

#homepage {
position:absolute;
width:220px;
height:104px;
z-index:3;
}

#counter {
position:absolute;
margin-top:24px;
width:575px;
height:24px;
z-index:3;
padding-left:220px;
text-align:center;
}

#footer_hg {
position:absolute;
margin-top:62px;
margin-left:220px;
width:575px;
height:20px;
z-index:2;
}

#viper {
position:absolute;
margin-left:795px;
width:209px;
height:104px;
z-index:3;
}

#footer_links {
position:absolute;
margin-top:104px;
width:575px;
height:24px;
z-index:3;
margin-left:220px;
text-align:center;
}

#footer_banner {
position:absolute;
margin-top:128px;
width:900px;
height:111px;
z-index:2;
text-align:center;
}

/************* #headlines ***************/
.headline {
width:630px;
z-index:2;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
text-align:left;
background-image:url(img/headline.jpg);
line-height:59px;
margin:0;
padding:0;
}
.head {
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #000099;
}
.muschel {
background-image:url(img/muschel1.jpg);
width:115px;
height:89px;
}
.bottom {
width:630px;
font-size:10px;
background-image:url(img/bottom.jpg);
line-height:16px;
margin:0;
padding:0;
}
/************* #boxes ***************/
.box_links {
margin-right:0;
margin-left:0;
z-index:2;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:400;
}

.box_rechts {
margin-right:22px;
margin-left:12px;
z-index:2;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:400;
}

.trenner {
background-image:url(images/pixel_black.gif);
margin-top:2px;
margin-bottom:2px;
line-height:1px;
}

div.conditions {
background:#fff;
color:#333;
border:0;
height:200px;
overflow:auto;
margin:2px;
padding:2px;
}

div.widerrufsrecht {
background:#fff;
color:#333;
border:0;
height:100px;
overflow:auto;
margin:2px;
padding:2px;
}

.infobox_conditions {
background:#fff;
font:10px Verdana,Arial,sans-serif;
padding:0;
}

.infobox_conditions_contents {
background:#fff;
font:10px Verdana,Arial,sans-serif;
border:1px solid #ccc;
margin:2px;
padding:2px;
}

#inhalt {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background:#fff url(img/hg-inhalt.jpg);
margin:0;
padding:0;
}

.box1 {

padding:2px;
width:45%;
float:left;
vertical-align:top;
text-align:justify;
margin-left:18px;
}
.start {
width:350px;
float:left;
vertical-align:top;
margin:0;
z-index:5;
text-align:justify;
padding: 0 10px 0 20px;
}
.startAktuell {
margin:3px;
width:236px;
float:right;
vertical-align:top;
margin:2px;
}
.topAngebot{
font:12px Verdana,Arial,sans-serif;
background:#FFF url(aktuell/top-angebot.jpg);
vertical-align:top;
height:43px;
width:236px;
margin:0;
padding:0;
z-index:5;
}
.topDurmaz{
font:12px Verdana,Arial,sans-serif;
background:#FFF url(aktuell/top-durmaz.jpg);
vertical-align:top;
height:43px;
width:236px;
margin:0;
padding:0;
z-index:5;
}
.boxAktuell {
font:12px Verdana,Arial,sans-serif;
background:#FFF url(aktuell/hg.jpg) repeat-y;
vertical-align:top;
text-align:center;
z-index:5;
}
.topFooter {
background:#FFF url(aktuell/top-footer.jpg);
vertical-align:top;
height:33px;
width:236px;
z-index:5;
}
.box2 {
font:10px Verdana,Arial,sans-serif;
background:#fff;
padding-bottom:3px;
width:24%;
float:left;
vertical-align:top;
display:table;
text-align:center;
margin:2px;
}

.box3 {
font:10px Verdana,Arial,sans-serif;
background:#fff;
border-top:1px solid #D6D6D6;
border-right:1px solid #D6D6D6;
border-bottom:1px solid #D6D6D6;
border-left:1px solid #D6D6D6;
float:right;
width:31%;
vertical-align:top;
display:table;
margin:2px;
padding:3px;
}
.spalteIndex {
font:11px Arial,sans-serif;
background:#FFF url(img/spalteIndex.jpg);
font-weight:400;
width:165px;
float:left;
margin:0;
padding:0;
}

.preise {
background-color:#E6EAF0;
margin-left:40px;
width:550px; 
padding:5px; 
border:dotted #3366CC 1px
}
.preiseTitel {
font-size:14px;
background-color:#71AEDB;
margin-left:40px;
margin-bottom:5px;
font-weight:700;
width:550px; 
padding:5px; 
border:dotted #3366CC 1px
}
.preiseAnfang {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
background-image: url(bilder/preisetabelle_r2_c4.jpg);
background-repeat: no-repeat;
}
.tabelle {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
border:#ccc solid 1px;
background-color:#E6EAF0;
}
.tabelle th{
font-weight: normal;
font-size: 11px;
background-color: #71AEDB;
}
.spalte10 {
margin: 0 50px 10px 20px;
text-align:justify;
}
.spalte10:first-letter{
font-size:17px;
}
.spalte20 {
margin: 0 0 10px 50px;
text-align:justify;
}
.spalte20:first-letter{
font-size:17px;
}
.spalte75 {
font:12px Verdana,Arial,sans-serif;
padding:3px;
font-weight:400;
width:72%;
float:left;
vertical-align:top;
text-align:left;
margin:3px;
}
.spalte80 {
font:12px Verdana,Arial,sans-serif;
font-weight:400;
width:78%;
float:left;
vertical-align:top;
text-align:left;
padding:3px;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-top:1px solid #ccc;
}
.spalte90 {
font:12px Verdana,Arial,sans-serif;
font-weight:400;
width:88%;
float:left;
vertical-align:top;
text-align:left;
padding:3px;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-top:1px solid #ccc;
}
.boxCenter {
width: 410px;
float: left;
display: table;
}
.artikelName {
font:bold 12px/20px Verdana, Arial, sans-serif;
vertical-align:top;
display:block;
width:100%;
background-color:#ccc;
text-align:center;
padding:0;
margin:0;
}

.artikelPreis {
font:normal 12px Verdana, Arial, sans-serif;
vertical-align:top;
color:red;
text-align:center;
padding:2px;
}

.artikelBild {
font:12px Verdana,Arial,sans-serif;
vertical-align:top;
padding:2px;
}

.artikelInfo {
font:12px Verdana,Arial,sans-serif;
padding:2px;
}

.artikelButton {
font:11px Verdana,Arial,sans-serif;
padding:2px;
}

.spalte1 {
font:10px Verdana,Arial,sans-serif;
margin-top:20px;
float:left;
z-index:2;
padding:3px;
}

.spalte2 {
font:10px Verdana,Arial,sans-serif;
margin-top:20px;
float:right;
z-index:2;
}

#headerError {
position:absolute;
left:50%;
margin-left:-450px;
top:200px;
width:900px;
z-index:1000;
font-family:Tahoma, Verdana, Arial, sans-serif;
font-size:12px;
background:red;
color:#fff;
font-weight:700;
text-align:center;
padding:5px;
}

#headerInfo {
position:absolute;
left:50%;
margin-left:-450px;
top:0px;
width:900px;
z-index:1000;
font-family:Tahoma, Verdana, Arial, sans-serif;
font-size:12px;
background:#fc0;
color:#fff;
font-weight:700;
text-align:center;
padding:5px;
}
.texte {
margin: 5px;
padding: 0;
 }
 .rand {
margin: 0 5px 0 5px;
padding: 0;
 }
 .KatLink {
font:normal 12px  Arial, Helvetica, sans-serif;
display:block;
width:100%;
border-bottom:1px solid #000;
border-left:0px none #484848;
border-right:0px none #000;
border-top:1px solid #484848;
color:#C3C5D2;
text-decoration:none;
font-weight:400;
line-height:16px;
padding:2px 0;
}

a.KatLink:link,a.KatLink:visited,a.KatLink:active {
font:normal 12px  Arial, Helvetica, sans-serif;
display:table;
width:100%;
border-bottom:1px solid #000;
border-left:0px none #484848;
border-right:0px none #000;
border-top:1px solid #484848;
color:#C3C5D2;
text-decoration:none;
font-weight:400;
line-height:16px;
padding:2px 0;
}

a.KatLink:hover {
background-color:#999eac;
border-bottom:1px solid #000;
border-left:0px none #484848;
border-right:0px none #000;
border-top:1px solid #484848;
color:#333;
text-decoration:none;
font-weight:400;
line-height:16px;
padding:2px 0;
}

.Kat2Link {
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
display:block;
width:100%;
border-bottom:1px solid #000;
border-left:1px solid #484848;
border-right:1px solid #000;
border-top:1px solid #484848;
color:#000;
text-decoration:none;
font-weight:400;
line-height:16px;
}

a.Kat2Link:link,a.Kat2Link:visited,a.Kat2Link:active {
display:table;
width:100%;
background-color:#333;
border-bottom:1px solid #000;
border-left:1px solid #484848;
border-right:1px solid #000;
border-top:1px solid #484848;
color:#FFF;
text-decoration:none;
font-weight:400;
line-height:16px;
}

a.Kat2Link:hover {
background-color:#8B8B8B;
color:#FFF;
text-decoration:none;
font-weight:400;
line-height:16px;
}
h1 {
font: normal 14px Verdana, Arial, Helvetica, sans-serif;
font-size:17px;
color:#009;
margin:40px 0 10px 20px;
padding:0;
text-align:center;
}
h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
color:#333;
margin:0;
padding:0;
}
A {
color:#333;
background-color:transparent;
text-decoration:underline;
}

A.hover {
color:#FFF;
background-color:#333;
text-decoration:underline;
}
.smallText {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
}
input
{
	border:#7F9DB9 1px solid;
	margin:2px;
} 
textarea
{
	border:#7F9DB9 1px solid;
	margin:2px;
	width:99%;
} 
.inputField
{
	border: #7F9DB9 1px solid;
	margin:2px;
} 
.errorField 
{
	border: #9F0004 1px solid;
	background-color: #FFFFCC;
	margin:2px;
} 
.errorTable 
{
	border: #9F0004 1px solid;
	background-color: #FFF;
} 
#lightbox{
	background-color:#FFF;
	padding: 10px;
	border: 10px solid #BAD6EB;
	}
#lightboxDetails{
	font-size: 12px;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }


/*  labels */

#labelaktuell {
	background-image:url(img/labels/aktuell-hg.jpg);
}
#labelaktuell p {
	margin: 0 10px;
}
#labelkabinen {
	background-image:url(img/labels/kabinen-hg.jpg);
}
#labelkabinen p {
	margin: 0 10px;
}
#labelkabinen ul {
	list-style:none;
margin:0 10px;
padding:0;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}
#labelkabinen li {
	display:block;
	border-bottom:1px solid #0099D3;
	padding:5px 0;
}