/* ############ 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: 470px;
float: left; 
clear: right; 
margin-right: auto; 
margin-left: auto; 
}

.nrah {
width:468px;
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;
}

.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;
}

.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:900px;
}

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: 0 15px 0 0; 
}

.navigation { 
font-size: 12px; 
font-family: arial; 
background-color: #ffffff; 
text-align: left; 
width: 180px; 
float: left; 
clear: right; 
margin: 0 0 10px 0;
}

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

#menu { width: 180px; background: #ffffff; margin:0 0 0 0;padding:0; } 

#menu ul { list-style: none; margin: 0; padding: 0; } 

#menu a, #menu strong { font: bold 11px/16px arial, verdana; display: block;  margin-bottom: 0px; padding: 3px 3px; }

#menu strong { color: #ffffff; background: #47749d; text-transform: uppercase; margin:0 0 0 0; padding:2px 2px 2px 4px; } 

#menu a { color: #000000; background: #e0e8ee; text-decoration: none; border-bottom:1px #ffffff solid; } 

#menu a:hover { color: #a00; background: #fff; border-bottom:1px #ffffff solid; } 

#menu li { position: relative; }

#menu ul ul ul { position: absolute; top: 0; left: 100%; width: 100%; }

div#menu ul ul ul, div#menu ul ul li:hover ul ul { display: none; } 

div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul { display: block; background-color:none; }

.navtrenner { padding-bottom:4px; margin:0 0 5px 0; height:1px; clear:left; }

#menu img { border:none; }

.menu2 { width: 180px; background: #ffffff; margin:0 0 10px 0; padding:0; } 

.menu2 ul { list-style: none; margin: 0; padding: 0; } 

.menu2 a, .menu2 strong {   font: bold 11px/16px arial, verdana; display: block; border: 0px; border-style: solid; border-color: #ffc; margin-bottom: 0px; padding: 3px 3px; }

.menu2 img { border:none; }

.menu2 strong { color: #ffffff; background: #47749d; text-transform: uppercase; margin:0; padding:2px 2px 2px 4px; } 

.menu2 a { color: #000000; background: #ffc; text-decoration: none; } 

.menu2 a:hover { color: #a00; background: #fff; } 

.menu2 li { position: relative; }

.menu2 li li { border-bottom:1px #e0e8ee solid; }

.menu2 ul ul ul { position: absolute; top: 0; left: 100%; width: 100%; }

div.menu2 ul ul ul, div#menu2 ul ul li:hover ul ul { display: none; } 

div.menu2 ul ul li:hover ul, div.menu2 ul ul ul li:hover ul { display: block; background-color:#ffffff; }

/* ############ 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 ################# */

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


.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;
margin: 0 0 10px 0;
}


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

.cobox4 {
width:326px;
float:left;
background-color:#FFFFFF;
border:1px #000000 solid;
text-align:center;
color:#000000;
margin: 0 0 10px 0;
}

.cobox4 td {
font-size:.9em;
padding-left:5px;
padding-right:5px;
}

.cobox5 {
width:328px;
float:left;
background:#47749d url(../images/strand.jpg) repeat-x;
background-color:#47749d;
border:0px #000000 solid;
text-align:center;
color:#FFFFFF;
text-align:left;
font-size:.9em;
}

.cobox5 td {
padding:2px;
}

.cobox6 {
padding:30px 10px 0 100px;
width:216px;
height:150px;
float:left;
background:#47749d url(../images/unterkunftssuche.jpg) repeat-x;
border:1px #000000 solid;
text-align:center;
color:#ffffff;
text-align:left;
font-size:.9em;
margin: 0 0 10px 0;
}

.cobox6 td {
padding:2px;
}

.cobox7 {
width:326px;
float:left;
background-color:#DFE7EE;
border:1px #000000 solid;
margin: 0 0 10px 0;
padding:0 0 0 0;
}

.cobox7 img{
margin:0px;
padding:0px;
border:none;
vertical-align:bottom;
}


.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; }

.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;
margin:0 0 10px 0;
}

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

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

.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:653px;
brrackground-color:#ffffff;
float:left;
color:#000000;
padding:5px;
overflow:hidden;
border:1px #000000 solid;
margin:0 0 10px 0;
}

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

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

.sandzero img {
beorder:1px #000000 solid;
maergin: 0 3px 3px 0;
}

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

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

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


.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;
margin:0 0 10px 0;
}

.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: square;
text-align:left;
}

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

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

.einerbox2 li {
list-style-position:inside;
list-style-type: square;
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;
margin:0 0 0 0;
}

#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;
}

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

.vzboxcontent {
margin:5px;
padding:0px;
width:202px;
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 {
float:right;
width:160px;
min-height:150px;
text-align:center;
}


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

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


/* ############ Wetterbox ############## */
#commercial h2 { font-size:.7em; 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/bg2.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;}


/* ############ Typ ############## */

.typ1 {
font-size:1.1em;
}

/* ############ Formular - Auswahlfeld - Wird benötig für optgroup ################# */
.optgroup {
margin:0 0 0 0;
padding:0 0 0 0;
background-color:#eaedf8;
}

.optgroup option {
margin:0 0 0 0;
padding:0 0 0 0;
background-color:#FFFFFF;
}