/* ############ Gerüst-CSS ################# */

body { 
padding:0; 
margin:20px 0 20px 0; 
font: 12px arial, verdana; 
background: #e0e8ee url(../images/bg_nord.gif) repeat-x; 
}

#rumpf { 
width: 860px; 
margin-right: auto; 
margin-bottom: 10px; 
margin-left: auto; 
}

#mainbig { 
width: 665px;
float: left; 
clear: right; 
margin-right: auto; 
margin-left: auto; 
background-color:#FFFFFF;
}

#mainsmall { 
width: 490px;
float: left; 
margin:0;
padding:0;
}

.nrah {
width:468px;
background-color:#ffffff;
float:left;
color:#000000;
padding:10px;
overflow:hidden;
border-top:1px #000000 solid;
border-bottom:1px #000000 dotted;
border-right:1px #000000 dotted;
border-left:1px #000000 dotted;
margin:0;
}

.nrah2 {
width:643px;
brrackground-color:#ffffff;
float:left;
color:#000000;
padding:10px;
overflow:hidden;
border-top:1px #000000 solid;
border-bottom:1px #000000 dotted;
border-right:1px #000000 dotted;
border-left:1px #000000 dotted;
margin:0;
}

.nrah h1 {
font-size:1.2em;
font-weight:bold;
margin: 0 0 5px 0;
padding:0;
}

.nrah h2 {
font-size:1.2em;
font-weight:bold;
margin: 0 0 5px 0;
padding:0;
}

.nrahblau {
margin: 5px 0 5px 0;
padding: 10px;
color:#FFFFFF;
background-color:#48759D;
}

.nrahblauw {
margin: 5px 0 0 0;
padding: 0 0 5px 0;
color:#FFFFFF;
clear:both;
font-size:0px;
border-top:1px #FFFFFF solid;
height:0pc;
}

p {
margin: 0 0 10px 0;
}

.content { 
width:880px; 
background:#ffffff; 
margin-right: auto; 
margin-bottom: 10px; 
margin-left: auto; 
padding-top: 15px; 
border-left: 1px solid #000000; 
border-bottom: 1px solid #000000; 
border-right: 1px solid #000000; 
min-height:600px;
}

form {
margin:0px;
padding:0px;
}

/* ############ Navigation ARIADNE ################# */

.ariadne {
margin: 0 0 5px 0;
height:15px;
padding: 0px;
font-size:.9em;
}

.ariadne li {
list-style-position:none;
list-style-type: none;
text-align:left;
float:left;
}

.ariadne ul {
padding:0;
margin:0;
}

/* ############ Trenn-Linie ################# */

.trennlinie {
padding: 0 0 11px 0;
margin: 10px 0 0 0;
font-size:0px;
clear:both;
height:1px;
border-top:1px #47749d dotted;
}


/* ############ Navigation ################# */

#navigation_ra { 
font-size: 12px; 
background-color: #ffffff; 
width: 180px; 
float: left; 
margin-right: 15px; 
}

.navigation { 
font-size: 12px; 
font-family: arial; 
background-color: #ffc; 
text-align: left; 
width: 178px; 
float: left; 
clear: right; 
border: solid 1px black; 
}

.navigation_1 {
font-size: 12px; 
font-family: arial; 
background-color: #ffc; 
text-align: left; 
width: 178px; height: 20px; 
border-bottom: 1px dotted #47749d; 
}

.navigation_1 ul {
padding:0px;
margin:0px;
}

.navigation_1 li {
list-style-position:inside;
list-style-type: none;
list-style-image: url(../images/quadrat.gif);
text-align:left;
}

.navigation_1_cat { 
font-size: 12px; 
font-family: arial; 
background-color: #eaedf8; 
text-align: left; width: 178px; 
height: 20px; 
border-bottom: 1px dotted #47749d; 
}

.navigation_1_cat ul {
padding:0px;
margin:0px;
}

.navigation_1_cat li {
list-style-position:inside;
list-style-type: disc;
list-style-image: url(../images/quadrat.gif);
text-align:left;
}

.navigation_w {
clear:both; 
margin:20px auto 10px auto;
width:160px;
background-color:#FFFFFF;
}

.navigation_2 {
font-size: 12px; 
font-family: arial; 
background-color: #ffc; 
text-align: left; 
width: 178px; height: 20px; 
}


/* ############ Logo ################# */

.logo_1 { 
margin:0 auto; 
border-top:1px solid #000000; 
border-left:1px solid #000000; 
border-right:1px solid #000000; 
width:880px; 
padding:0; 
background:#ffffff url(../images/logo-880-nw.jpg); 
text-align:center; 
height: 205px; 
}


/* ############ Content-Box-Startseite Ostseeadler ################# */

.startseite1 {
padding:5px;
width:225px;
margin: 0 0 0 0;
float:left;
border:1px #47749d dotted;
}

.startseite2 {
padding:5px;
width:225px;
margin: 0 0 0 0;
float:right;
border:1px #47749d dotted;
}


/* ############ Content-Box-Startseite ################# */

.cobox1 {
width:326px;
float:left;
background-color:#E5D9B3;
border:1px #000000 solid;
}


.cobox1 img {
border-bottom: 1px #000000 solid;
margin 0 0 10px 5px;
float:right;
}

.cobox2 {
width:326px;
float:left;
background-color:#DFE7EE;
border:1px #000000 solid;
}


.cobox3 {
width:326px;
float:left;
background-color:#89B4DA;
border:1px #000000 solid;
text-align:center;
color:#FFFFFF;
}

.cobox31 {
width:104px;
float:left;
text-align:center;
font-size:11px;
}

.cobox32 {
padding-left: 3px;
border-left:1px #FFFFFF solid;
margin: 0 0 5px 2px;
}

.cotrenner {
width:9px;
height:10px;
float:left;
}

.trenner { margin-top: 10px; margin-bottom: 10px; border-top: 1px dotted #47749d; clear:both; }

.center {
text-align:center;
margin:auto;
}

.cobox2 img {
border-bottom: 1px #000000 solid;
margin 0 0 5px 5px;
float:right;
}

.cobox3 img {
margin: 0 auto 0 auto;
text-align:center;
}

.coboxtext3 {
text-align:center;
padding:5px;
clear:both;
}

.coboxtext3 h1{
font-size:14px;
font-weight:bold;
margin: 0 0 0 0;
}

.cobox3 td {
margin:0;
padding:0;
}

.cobox3 tr {
margin:0;
padding:0;
}

.cobox3 table {
margin:0;
padding:0;
}

.coboxtext {
text-align:justify;
padding:5px;
clear:both;
}

.coboxtext img{
float:right;
border:1px #000000 solid;
margin: 0 0 5px 5px;
}

.coboxtext h1{
font-size:14px;
font-weight:bold;
margin: 0 0 5px 0;
}

.dreier1 {
float:left;
width:213px;
background-color:#DFE7EE;
border:1px #000000 solid;
}

.dreier2 {
float:left;
width:213px;
background-color:#E5D9B3;
border:1px #000000 solid

}

.dreier3 {
float:left;
width:213px;
background-color:#ffc;
border:1px #000000 solid

}

.dreier4 {
float:left;
width:213px;
border:1px #000000 solid

}

.dreiertext {
text-align:justify;
padding:5px;
clear:both;
}

.dreiertext img{
float:left;
border:1px #000000 solid;
margin: 0 5px 5px 0;
}

.dreiertrenner {
width:10px;
height:10px;
float:left;
}

.sand {
width:643px;
brrackground-color:#ffffff;
float:left;
color:#000000;
padding:10px;
overflow:hidden;
border:1px #000000 solid;
margin:0;
}

.sand img{
float:left;
border:1px #000000 solid;
margin: 0 5px 5px 0;
}

.sand1 {
float:left;
width:199px;
text-align:justify;
font-size:12px;
padding-right:10px;
border-right:1px #000000 solid;
margin:0 10px 0 0;
}

.sand2 {
float:left;
width:204px;
text-align:justify;
font-size:12px;
padding-right:10px;
border-right:1px #000000 solid;
margin:0 10px 0 0;
}

.sand3 {
float:left;
width:196px;
margin: 0 0 0 0px;
text-align:justify;
font-size:12px;
}


.einerliner {
width:645px;
background-color:#48759D;
float:left;
color:#FFFFFF;
padding:5px 10px 5px 10px;
overflow:hidden;
margin-bottom:10px;
}

.einerliner img {
border:1px #cc0000 solid; 
margin:0;
padding:0;
}

.einerliner h1 {
font-size:14px;
font-weight:bold;
margin:0;
padding:0;
}

.einer {
width:645px;
background-color:#48759D;
float:left;
color:#FFFFFF;
padding:10px;
overflow:hidden;
}

.einerbox1 {
float:left;
width:200px;
text-align:justify;
font-size:11px;
padding-right:10px;
border-right:1px #FFFFFF solid;
margin:0 10px 0 0;
}

.einerbox3 {
float:left;
width:194px;
text-align:justify;
font-size:11px;
padding-right:20px;
border-right:1px #FFFFFF solid;
margin:0 10px 0 0;
}

.einerbox2 {
float:left;
width:194px;
margin: 0 0 0 0px;
text-align:justify;
font-size:11px;
}

.einerbox1 ul {
padding-left:0px;
margin:5px 0 0 0;
}

.einerbox3 ul {
padding-left:0px;
margin:5px 0 0 0;
}


.einerbox1 li {
list-style-position:inside;
list-style-type: disc;
text-align:left;
}

.einerbox3 li {
list-style-position:inside;
list-style-type: disc;
text-align:left;
}

.einerbox2 ul {
padding-left:0px;
margin:5px 0 0 0;
}

.einerbox2 li {
list-style-position:inside;
list-style-type: disc;
text-align:left;
}

/* ############ BESTELL-BOX ################# */

.bebox { 
padding:10px;
margin:0 0 0 0;
background-color:#47749d; 
border: 1px #47749d solid; 
font-size:14px; font-family:arial; 
color:#FFFFFF; 
font-weight:bold; 
clear:both;
}

.beboxx { 
padding:10px;
margin:0px 0 10px 0;
background-color:#FFFFFF; 
border-left: 1px #eaedf8 solid;
border-right: 1px #eaedf8 solid;
border-bottom: 1px #eaedf8 solid;
clear:both;
}

.basisinfo_2 { 
color: #000; 
font-size: 11px; 
font-family: arial; 
background-color: #fff; 
text-align: center; 
float: right; 
margin-left: 10px; 
}



/* ############ Verzeichnis-Box ################# */

#vzbox {
width:643px;
border:1px #000000 dotted;
padding:10px;
}

#vzbox li{
margin:0px;
padding:0px;
list-style-position:inside;
list-style-type: square;
text-align:left;
}

#vzbox ul{
margin:5px 0px 0px 0px;
padding:0px;
}

#vzboxcenter {
margin-right:auto;
margin-left:auto;
width:460px;
}

#vzboxcenter h2 {
font-weight: bold;
font-size:14px;
text-align:center;
margin:0px;
}

.vzboxcontent {
margin:5px;
padding:5px;
width:205px;
float:left;
}

.vzboxcontent img {
margin: 0 5px 30px 0;
float:left;
}




/* ############ Fenster - Help-BOX ################# */

.aufdasfenster {
width:260px;
border:1px #000000 solid;
background-color:#E5D9B3;
color:#000000;
padding:5px;
font-size:11px;
margin:0px;
}

.aufdasfensterpre {
position:absolute; 
display:none;
margin-left:0px;
margin-top:10px;
}

.leer {
clear:both;
margin:0 0 0 0;
padding:0px;
height:3px;
font-size:0px;
line-height:0px;
}

.aufdasfenster li {
list-style:square;
list-style-position:inside;
}

/* ############ Link-Kennzeichnung ################# */

a, a:active, a:visited {
color:#000000;
text-decoration:none;
}

a.white, a.white:active, a.white:visited, a.white:hover { 
color: #fff; 
font-size: 11px; 
font-family: arial; 
text-decoration: none; 
}

a.white2, a.white2:active, a.white2:visited, a.white2:hover { 
color: #fff; 
font-family: arial; 
text-decoration: none; 
font-weight:none;
}

a.wetterwhite, a.wetterwhite:active, a.wetterwhite:visited, a.wetterwhite:hover { 
color: #fff; 
font-size: 11px; 
font-family: arial; 
text-decoration: underline; 
}

a:hover {
color:#990000;
}

a.red, a.red:active, a.red:visited {
color:#990000;
text-decoration:underline;
}

a.red:hover {
color:#666666;
text-decoration:none;
}


a.lin, a.lin:active, a.red:visited {
color:#000000;
text-decoration:underline;
}

a.lin:hover {
color:#990000;
text-decoration:underline;
}

a.ari, a.ari:active, a.ari:visited, a.ari:hover { 
color: #000000; 
font-weight:bold;
text-decoration:underline;
}


/* ############ Ausrichtung ############## */

.right {
margin-top:5px;
margin-bottom:0px;
text-align:right;
}

.left {
margin-top:5px;
margin-bottom:0px;
text-align:left;
}

.liner {
height:0px;
font-size:0px;
border-top:1px #FFFFFF solid;
margin: 5px 0 0 0;
padding: 0 0 5px 0;
clear:both;
}

.img {
vertical-align:bottom;
border-right:1px #000000 solid; 
border-left:1px #000000 solid; 
border-top:1px #000000 solid; 
margin-bottom:0;
padding:0;
}

/* ############ Sidebar ############## */

#sidebar {
margin: 0;
padding:0;
float:right;
wirdth:160px;
min-height:150px;
text-align:center;
}

/* ############ Ende         ############## */

/* ############ Wetterbox ############## */
.commercial { text-align:left;}
.commercial h2 { font-size:.9em; font-family: arial; font-weight: bold; font-style: normal; color: #000000; padding-left:5px;padding-top:0px;margin:3px 0px 3px 0px; }
.wettertrenner { height:1px; font-size:0px;border-top:1px #FFFFFF dotted; margin:5px auto 0px auto; margin-top:6px; padding-bottom: 2px; width:140px;}
.center { text-align: center; }
.wettertext { font-size: 11px; font-family: arial; font-weight: normal; font-style: normal; color: #FFFFFF; padding-left:2px;  }
.tr { border: 1px #000000 solid; margin:0px 0px 10px 0px;}
.wetterright { text-align: right; padding:0px 5px 5px 5px;  }

/* ############ Wetterbox-Single ############## */
.wetterbox {width: 120px; text-align:center; float:left;background: #89B4DA url(bilder/bg.gif) repeat; margin-right:10px;border:1px #000000 solid;} 
.wetterboxtext {width:150px; float:left;}
.wetterboxdesc {width:185px; float:left;font-size:.9em;}
.wetterboxtrenner { height:0px; font-size:0px;margin:10px auto 0px auto; padding-bottom: 10px; clear:both;}

/* ############ Footer ############## */

.foo_p { 
color: black; 
font-size: 10px; 
text-align:center;
width:800px;
margin:10px auto 10px auto;
}

/* ############ Bilder ############## */

#umlauf_3 {
margin-bottom: 5px; margin-left: 5px; width: auto; height: auto; float: right; }
}

.umlauf_4 {
margin-bottom: 5px; margin-right: 5px; width: auto; height: auto; float: left;  }
}

/* ############ Suche FEWO & Hotel ################# */


.hallo { 
width:400px;
height:1000px;
background-color: #47749d; 
font-size: 1.8em; 
}

#suche_box_blau2 { 

color: #ffffff; 
font-size: 1.1em; 
background-color: #47749d; 
padding: 10px 20px 0px 20px;
border:1px #47749d solid; 
}

.trennlinie {
padding: 0 0 9px 0;
margin: 10px 0 0 0;
font-size:0px;
clear:both;
height:1px;
border-top:1px #47749d dotted;
}

#suche_box_1 { font-family: arial; text-align: left; width: 130px; float: left; clear: right; }
#suche_box_1_1 { font-size: 11px; font-family: arial; text-align: left; width: 160px; float: left; clear: right; }
#suche_box_2 { text-align: left; width: 130px; float: left; }
#suche_box_3 { text-align: left; width: 140px; float: left; }
#suche_absenden { text-align: left; width: 140px; float: left; }
#suche_absenden_2 { text-align: left; width: 140px; float: right; }
.suche_trenner { margin-top: 10px; margin-bottom: 10px; padding:3px 5px 7px 0px;border-top: 1px #ffffff solid; border-bottom: 1px #ffffff solid;}
.suche_trenner2 { margin-top: 10px; padding-bottom:10px;border-top: 1px #ffffff solid;clear:both;height:1px;}
#suche_box_1_big { font-family: arial; text-align: left; width: auto; float: left; margin-right: 10px; }
#suche_box_2_big { text-align: left; width: auto; float: left; margin-right: 10px; }
#suche_box_3_big { text-align: left; width: auto; float: left; margin-right: 10px; }
#suche_box_4_big { text-align: right; float: right; }
#form_style { color: black; font-size: 12px; font-family: arial; height: 20px; }


/* ############ Ergebnisse Suche NEU ################# */
.erg_box_blau { background-color: #eaedf8; overflow:hidden; height: 95px; margin-bottom: 10px; padding-left: 5px; border-top: 1px solid #47749d; border-bottom: 1px solid #47749d; border-left: 1px solid #47749d; border-right-color: #47749d; }
.erg_box_gelb { background-color: #ffc; overflow:hidden; height: 95px; margin-bottom: 10px; padding-left: 5px; border-top: 1px solid #47749d; border-bottom: 1px solid #47749d; border-left: 1px solid #47749d; }
.erg_impression { float: left; margin-top: 5px; margin-right: 5px; margin-bottom: 10px; padding:0px;font-size:0px; }

.erg_impression img {
border: solid 1px #808080;
}
.erg_text_box { text-align: left; width: 275px; float: left; clear: right; margin-top: 5px;}
.erg_text_box_2 { color: white; font-size: 11px; font-family: arial; background-color: #47749d; text-align: center; width: 85px; height: 95px; float: right; clear: right; border-right: 1px solid #47749d; }
.erg_abstand { text-align: right; margin-top: 5px; }

/* ############ Unterkunft Detailansicht ################# */
.unterkunft_impression { font-size: 10px; float: left; clear: right; margin-right: 5px; border: solid 1px #808080; }
.unterkunft_impression_ho { font-size: 10px; margin-right: 5px; margin-bottom:5px; float: left; clear: right; border: solid 1px #808080; }
#kurzinfo { font-size: 11px; font-family: arial; font-weight: normal; font-style: normal; float: right; margin-bottom: 10px; border: solid 1px #47749d; }
.kurzinfo { font-size: 11px; font-family: arial; margin-bottom: 10px; margin-left: 5px; }
.kurzinfo_2 { font-size: 14px; font-family: arial; margin-bottom: 10px; }