body {
  height: 100%; 
  padding: 0px; 
  margin: 0px;
  background-color:#558888
}

div#header{
background-color: #336699;
padding-left:10px;
padding-top:0px;
padding-bottom:0px;
background-image: url("http://www.stroisch.com/bf/header.jpg");
height:120px;
}

#header2{
background-color: #eeeeee;
padding-top:0px;
padding-bottom:0px;
}

div#logo {
position:relative;
padding-top:40px;
margin-left:-10px;
padding-bottom:0px

}
/*suche formular */
select, .keyword{
font-family: arial;
font-size: 9px;
font-weight: bold;
background: #CCCCCC;
color: #000;
width:125px;
border: 1px #CCCCCC solid;
}

.keyword {
width:120px;
padding:1px
}

div#blank {
background-color: #ffffff;
padding-top:10px
}


div#search{
width:140px;
padding-top:5px;
padding-left:0px;
padding-bottom:5px;
color:#fff;
font-weight:bold;
background: #eeeeee;
}

.suchform {
width:80px; 
}

.button {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9pt;
 font-weight: none;
 text-align: left;
 padding-left:0px;
 padding-right:0px;
 text-decoration: underline;
 color: white;
 border:1px solid black;
 background:#75B7C2;
}

IMG {
border:0px;
}


table {
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
margin:10px
}

p {
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 12px;
TEXT-ALIGN: left;
}



/* leftnavi*/
#navcontainer {
  width: 140px;
  float: left;
}

#navcontainer ul{
margin-left: 0;
padding-left: 0;
margin-bottom: 20px;
list-style-type: none;
font: bold 12px arial;
width:140px;
float:left;
}

#navcontainer a{
font: bold 12px arial;
display: block;
padding-left: 0px;
padding-top: 3px;
padding-bottom: 3px;
width: 140px;
background-color:#eeeeee;

}

#navcontainer a:link, #navlist a:visited{
color:#339999;
text-decoration: bold;
}

#navcontainer a:hover{
background-color: #fcfcfc;
color: #75B7C2;
}

#navcontainer #activ a {
background-color: #fcfcfc; 
color: #75B7C2;
}


#blurb {
background-color:#f3f3f3; 
padding:12px;
width:460px;
}

.balken {
width:480px; 
float: center;
}


#rechts_top {
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 12px;
width: 120px;
background-color:#eeeeee;
margin-bottom: 40px;
}

A {
color: #339999;
font-size: 12px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: underline
}

A:hover {
color: #52B6B6;
font-size: 12px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: underline
}

.breadcrump {
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 8pt;
color: #001000;
text-align: left
}

A.breadcrump {
color: #339999;
font-size: 9px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: underline
}

A.breadcrump:hover {
color: #52B6B6;
font-size: 9px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: underline
}

H1   { 
color: #75B7C2; 
font-size: 22px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold; 
text-align: left; 
margin: 0; padding: 0 
}

H2  { 
font-size: 12px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-style: normal; font-variant: normal; 
font-weight: bold; 
font-stretch: normal; 
text-align: left; 
text-transform: none; 
margin: 0; 
padding: 0 
}

H3 {
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 12px;
FONT-WEIGHT: bold;
TEXT-ALIGN: left
}

H4 {
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 12px;
TEXT-ALIGN: left
}


div.wrapper{ 
  position: absolute; 
  left: 50%;
  margin: 0px 0px 0px -400px; 
  width: 800px; 
  min-height: 100%; 
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-top: 1px solid #000000;
  background: url("http://www.stroisch.com/bf/bg.jpg") 0px 0px repeat-y;
}

div.wrapper2{ 
  position: absolute; 
  left: 50%;
  margin: 0px 0px 0px -400px; 
  width: 600px; 
  min-height: 100%; 
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-top: 1px solid #000000;
  background-color: white;
}

div.left{
  position: relative;
  float: left;
  background-color: #eeeeee;
  /*background-color: #bfbfbf;*/
  width: 140px;
  padding: 10px;
  margin-bottom: 40px;
}



div.right {

  float: right;
  width: 110px;
  text-align: justify;
  padding: 7px;
}


div.footer{
  position: absolute;
  bottom: 0px;
  width: 800px;
  height: 1px;
  text-align: center;
  background-color: #000000;
  clear: both;
}


div.header {
  position: absolute;
  bottom: 0px;
  width: 800px;
  height: 30px;
  text-align: center;
  background-color: #000000;
  clear: both;
}

div.header2 {
  position: absolute;
  bottom: 0px;
  width: 800px;
  text-align: center;
  background-color: #000000;
  clear: both;
}

#center {
  float: left;
  width: 480px;
  margin-left: 20px;
}



#content {
  float:left;
  line-height : 150%;
  margin:10px 10px 0px 0px;
  color: #42362e;
  padding-top: 15px;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 11px;
}


div#content_text ul{
  margin-left: 0;
  margin-bottom: 20px;
  list-style-image: url('http://www.stroisch.com/bf/li.gif');
  padding-left: 15px;
  padding-top: 15px;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 11px;
}


div#content p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height : 150%;
color: #000000;
text-decoration: none;
}

div#content h1{
margin:10px 0px 10px 0px;
font-size: 20px;
font-weight: bold;
	line-height : 150%;
	text-decoration : none;
}


div#content h2{
font-size: 11px;
font-weight: bold;
text-decoration: none;
}

div#content h3{
font-size: 11px;
font-weight: bold;
text-decoration: none;
}


#content #service {
  background-color: #cac5ac;
  margin-bottom: 1.5em;
  overflow: hidden;
}

#content h1.title {
  font-size: 0.9em;
  margin-bottom: 1.5em;
}

#content div.jingle-left {
  float: left;
  width: 90px;
}

#content div.jingle-right {
  margin-left: 90px;
}

#content div.jingle-right h2 {
  font-size: 11px;
  font-weight: bold;
  color: #42362e;
}

#content div.jingle-right p {
  font-size: 11px;
}

#content div.jingle p {
  font-size: 11px;
}

#content div.linktext_left {
  float: left;
  width: 15px;
}
#content div.linktext_right {
  margin-left: 15px;
    font-size: 0.9em;
}
#content div.linktext_right h2 {
  font-size: 0.9em;
  font-weight: bold;
  color: #42362e;
}

#content div.linktext_right p {
  font-size: 0.9em;
}


#content div.linktext{
  font-size: 0.9em;
}

#content div.borderline {
  border-top: 1px solid #dedbd2;
  margin: 15px 0 15px 0;
  height: 1px;
}

#content div.bg_1{
  float: left;
  width: 72px;
}

#content div.bg_2 {
  float: left;
  margin-left: 10px;
}

#content h2 {
  font-size: 0.8em;
  font-weight: bold;
  color: #42362e;
  line-height: 1.5em;
}

#content h2 * {
  font-size: 1em;
}

#content p {
  font-size: 0.8em;
  line-height: 1.5em;
}

#content p * {
  font-size: 1em;
}

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

#content a {
  color: #339999;
  text-decoration: none;
  font-weight: bold;
}

#content a:hover {
color: #52B6B6;
font-size: 12px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: underline
}

p.picture_subtitle {
  margin-top: 15px;
}

p.town_rating {
  margin-bottom: 0;
  font-size: 0.6em;
}

div.middleheadline {
  float: left;
  height: 100px;
  width: 100px;
  background-color: #d3d3d3;
  margin: 5px 10px 10px 0;
}

.werbung {
page-break-inside: avoid;
text-align:left;
background-color:#FFFFFF;
float: right;
margin: 0px 15px 0px 12px !important;
}


.werbung:after{
clear:both;
}

.werbung img{
float: left;
margin: 0;
} 

#special {
  padding: 5px;
  padding-right: 5px;
  margin: -5px -5px -5px -5px;
  background-position: 0 0;
  background-color: #E4E4E4;
  font-size: 1em;
}


.bg {
  padding: 5px;
  padding-right: 5px;
  margin: -5px -5px -5px -5px;
  background-position: 0 0;
  background-color: #E4E4E4;
  border: 1px;
}


#blog {
  padding: 5px;
  padding-right: 5px;
  margin: -5px -5px -5px -5px;
  background-position: 0 0;
}

#blog h3 {
  margin-top: 15px;
  font-size: 0.8em;
  font-weight: normal;
}


#rate {
  padding-left: 25px;
  background-image: url(http://www.miovista.de/bf/2008_miovista_rateingico.jpg);
  background-repeat: no-repeat;
  background-position: 0 2px;
}

#comment {
  padding-left: 25px;
  background-image: url(http://www.miovista.de/bf/2008_miovista_commentico.jpg);
  background-repeat: no-repeat;
  background-position: 0 2px;
}

#comment a, #rate a {
  font-weight: normal;
}


#right {
  float: right;
  width: 188px;
}


.bu {
  font-size: 0.6em;
}


#footer {
  font-size: 0.75em;
  margin: 50px 0 10px 250px;
}

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

#footer a {
  font-size: 1em;
  text-decoration: none;
  padding: 0 3px 0 3px;
  color: #42362e;
  font-weight: normal; /* Rücknahme der content->a Einstellungen */
}

#jingle-left img.img_left {
float: left;
padding-right:10px;
}

#content img.img_right {
float: right;
padding-left:10px;
}

img.img_bg {
float: center;
padding-left:15px;
}



/* Starbox */


.starbox .stars { background: #cccccc; }
.starbox .rated .stars { background: #dcdcdc; }
.starbox .rated .hover .stars { background: #cccccc; }
.starbox .colorbar { background: #e7813f; }
.starbox .hover .colorbar { background: #ffaf6b; }
.starbox .rated .colorbar { background: #e7813f; }
.starbox .rated .hover .colorbar { background: #ffaf6b; }
.starbox .ghost { background: #ffaf6b; }
.starbox .indicator { clear: both; }
li.star {
list-style: none;
}

#content div.star {
padding-left: 0px;
margin-left: 0px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 10px;
}


#content div.star ul{
margin: 0 5px 0 0;
padding: 0;
}


#content div.star li{
display: inline;
margin: 0 5px 0 0;
padding: 0;
}


ul.starbox {
margin: 0 5px 0 0;
padding: 0;
}
li.starbox { display: inline;}


/* 2009-03-09_Update */

div.fieldarea {
  font-size: 1em;
  float: left;
  width: 100%;
  margin-top: 8px;
}

input.standardtext {
  background-color: #e3e1cf;
  border-width: 0;
  height: 18px;
  width: 100%;
  font-size: 1em;
  padding: 2px 0 0 0;
}

textarea.standardtext {
  background-color: #e3e1cf;
  border-width: 0;
  height: 100px;
  width: 100%;
  font-size: 1em;
}
input.standardtext2 {
  background-color: #e3e1cf;
  border-width: 0;
  height: 18px;
  font-size: 1em;
  padding: 2px 0 0 0;
}

div.inputlabel {
  float: left;
  font-size: 0.8em;
  width: 40%;
  padding: 3px;
  padding-left: 0;
}

div.inputfield {
  margin-left: 42%;
  font-size: 0.8em;
}

hr.hr-form {
  float: left;
  color: #dedbd2;
  width: 100%;
}

#content ul.dossier{
margin-left: 0;
margin-bottom: 5px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 12px;
Float: left

}

#content div.jingle-dos {
  float: right;

}

#content div.jingle-dos ul{
margin-left: 0;
padding-left: 0;
list-style-image: none;
font: bold 12px arial;
}

#content div.jingle-dos li{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font: bold 12px arial;
}

#content div.jingle-dos a{
font: bold 12px arial;
display: block;
padding-top: 3px;
padding-bottom: 3px;

}


#content div.jingle-dos li.ebene1-open {
  list-style-type: none;
  padding-left: 12px;
  background-image: url(http://www.stroisch.com/bf/pfre.gif);
  background-position: 4px 6px;
  background-repeat: no-repeat;
  font-weight: normal;
  background-color: #fef4e0;
}

#content div.jingle-dos li.ebene1-normal {
  list-style-type: none;
  padding-left: 15px;
  font-weight: bold;
  background-color: #fef4e0;
}

#content div.jingle-dos li.ebene2-normal {
  list-style-type: none;
  padding-left: 25px;
  font-weight: bold;
  background-color: #fcf9f3;
  width:136px;
}

#content div.jingle-dos li.ebene2-open {
  list-style-type: none;
  padding-left: 25px;
  background-image: url(http://www.stroisch.com/bf/pfre.gif);
  background-position: 16px 6px;
  background-repeat: no-repeat;
  font-weight: normal;
  background-color: #fcf9f3;
  width:136px;
}

#content div.jingle-dos li.haupt a{
  list-style-type: none;
  padding-left:5px;
  background-position: 14 2px;
  background-repeat: no-repeat;
  font-weight: bold;
  background-color: #e98138;
  color: white;
  width:155px;
}

#content div.special li{
list-style-image: url('http://www.stroisch.com/bf/li.gif');
padding-top:1px;
padding-left:0px;
margin-left:17px;
font-size: 1em;
}


#content div.blogartikel li{
list-style-image: url('http://www.stroisch.com/bf/li.gif');
padding-top:1px;
padding-left:0px;
margin-left:17px;
font-size: 1em;
}

#content div.jingle a{
font-size: 1em;
}

#content div.jingle li{
list-style-image: url('http://www.stroisch.com/bf/li.gif');
padding-top:1px;
padding-left:0px;
margin-left:17px;
font-size: 1em;
}



#content div.special a{
font-size: 1em;
}


#content div.bg {
  background-color: #fef4e0;
  padding-left: 10px;
  padding-top: 10px;
  width:100%;
}

#content div.bg li{
font: bold 11px Arial;
list-style: none;
}

#bgliste {
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
float: left;
background-color: #fef4e0;
width:100%;
padding-top: 5px;
padding-left:0px;
}

#bgliste ul{
font: bold 11px Arial;
list-style: none;
}

#bgliste li{
display: inline;
margin: 0 0 0 0;
padding: 5px;
list-style-position: outside;

}

#bgliste2 {
float: left;
padding-top: 5px;
padding-left:0px;
}

#bgliste2 ul{
font: bold 11px Arial;
list-style: none;
padding-left: 12px;
padding-top: 5px;
}

#bgliste2 li{
display: inline;
margin: 0 10px 0 0;
padding-top: 10px;
list-style-position: inside;

}

#content div.navpath {
padding-left: 0px;
margin-left: 0px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 10px;
}

#content div.navpath a {
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 10px;
}

#content div.navpath ul{
margin: 0;
padding: 0;
}


#content div.navpath li{
display: inline;
margin: 0 5px 0 0;
padding: 0;
}