﻿body { padding:0; margin:0; font: 0.7em/1.5em Tahoma, sans-
; background: #e0e8ee url(../images/bg_nord.gif) repeat-x; }
#rumpf { width: 860px; margin-right: auto; margin-bottom: 10px; margin-left: auto; }
#box_1 { font-size: 11px; font-family: arial; text-align: justify; width: 222px; float: left; clear: right; margin-bottom: 20px; margin-left: 15px; padding: 5px; border: dotted 1px #000; }
#box_mantel { font-size: 11px; font-family: arial; text-align: center; width: 460px; margin-right: auto; margin-left: auto; }
#box_2 { font-size: 11px; font-family: arial; text-align: justify; width: 222px; float: right; margin-right: 15px; margin-bottom: 20px; padding: 5px; border: dotted 1px black; }
#box_3 { font-size: 11px; font-family: arial; text-align: center; width: 489px; float: left; margin-right: auto; margin-left: auto; padding-top: 20px; padding-bottom: 20px; border: dotted 1px black; }
#box_text { font-size: 11px; font-family: arial; font-weight: normal; font-style: normal; width: 489px; float: left; clear: right; margin-right: auto; margin-bottom: 20px; margin-left: auto; border: dotted 1px black; }
#box_text_all { font-size: 11px; font-family: arial; font-style: normal; font-weight: normal; width: 660px; float: right; clear: left; margin-bottom: 20px; border: dotted 1px black; }
#main_all { width: 660px; float: right; }
#main { float: left; clear: right; margin-right: auto; margin-left: auto; }
#suche_box_blau_all { color: #fff; font-size: 16px; font-family: arial; background-color: #47749d; text-align: left; margin: 10px; padding: 10px; border: solid 1px #47749d; }
#suche_box_white_all { color: #000; font-size: 12px; font-family: arial; background-color: #fff; text-align: left; margin: 10px; padding: 10px; border: solid 1px #47749d; }
#basisinfo { color: #000; font-size: 11px; font-family: arial; background-color: #fff; text-align: justify; width: 240px; float: right; }
#basisinfo_2 { color: #000; font-size: 11px; font-family: arial; background-color: #fff; text-align: right; float: right; margin-left: 10px; }
#basisinfo_left { color: #000; font-size: 11px; font-family: arial; background-color: #fff; text-align: justify; width: auto; }
#box_text_mit_navi { font-size: 11px; font-family: arial; font-style: normal; font-weight: normal; margin-right: auto; margin-bottom: 20px; margin-left: auto; width: 489px; float: left; clear: right; border-color: black; border-style: solid dotted dotted; border-width: 1px; }
#box_text_innen { font-size: 11px; font-family: arial; font-style: normal; font-weight: normal; text-align: justify; width: auto; margin-right: auto; margin-left: auto; padding: 10px; }
#box_text_innen_2 { font-size: 11px; font-family: arial; font-style: normal; font-weight: normal; text-align: justify; margin-right: auto; margin-left: auto; width: auto; padding-top: 10px; padding-right: 10px; padding-left: 10px; }
#box_text_part { font-size: 12px; font-family: arial; font-style: normal; font-weight: bold; text-align: center; margin-right: auto; margin-left: auto; padding: 10px; width: auto; }
.foo_p { font-size: 11px; }
#box_3_1 { font-size: 11px; font-family: arial; text-align: left; width: 220px; float: left; clear: right; }
#box_3_1_unter { font-size: 14px; font-family: arial; text-align: left; width: 180px; float: left; clear: right; margin-right: auto; margin-left: 30px; }
#box_3_2 { font-size: 11px; font-family: arial; text-align: left; width: 220px; float: left; }
#box_3_2_unter { font-size: 14px; font-family: arial; text-align: left; width: 200px; float: right; }
#box_3_3 { font-size: 11px; font-family: arial; text-align: left; width: 450px; float: left; margin-top: 20px; margin-bottom: 20px; margin-left: 20px; }#box_bild_nadel { font-size: 11px; font-family: arial; text-align: center; width: 32px; height: 32px; float: left; clear: right; margin-right: 5px; margin-left: 5px; }
#box_bild { text-align: center; width: 100px; height: 70px; float: right; margin-left: 5px; border: solid 1px black; }
#navigation { font-size: 12px; font-family: arial; background-color: #ffc; text-align: left; width: 178px; float: left; clear: right; margin-right: 15px; 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_cat { font-size: 12px; font-family: arial; background-color: #eaedf8; text-align: left; width: 178px; height: 20px; border-bottom: 1px dotted #47749d; }
#main { float: left; clear: right; margin-right: auto; margin-left: auto; }
#cat_nav { font-size: 11px; font-family: arial; background-color: white; margin-right: auto; margin-left: 15px; width: 489px; float: left; margin-bottom: 15px; border-bottom: 1px solid black; }
#cat_nav_innen { background-color: #eaedf8; margin-right: 5px; float: left; clear: right; margin-left: 5px; padding: 3px; border-top: 1px solid black; border-right: 1px solid black; border-left: 1px solid black; }
#commercial { text-align: right; width: 160px; float: right; margin-bottom: 10px; }
#adwords { background-color: #f00; margin-bottom: 10px; width: 100px; }
#umlauf_0 { width: 5px; float: left; clear: right; }
#umlauf_1 { width: 5px; float: left; }
#umlauf_2 { width: auto; height: auto; float: right; margin-bottom: 5px; margin-left: 5px; border-color: #808080 gray gray #808080; border-style: solid; border-width: 1px; }
#umlauf_3 { margin-bottom: 5px; margin-left: 5px; width: auto; height: auto; float: right; }
#umlauf_3_1 { margin-left: 5px; width: auto; height: auto; margin-bottom: 20px; border-style: solid; border-width: 1px; border-color: #808080 gray gray #808080; }
#umlauf_3_2 { margin-bottom: 5px; margin-left: 5px; width: auto; height: auto; border-style: solid; border-width: 1px; border-color: #808080 gray gray #808080; }
#impression { margin-left: 5px; float: right; clear: left; border: solid 1px #808080; }
#impression_2 { float: left; clear: right; margin-right: 5px; border: solid 1px #808080; }
#impression_untertitel { margin-right: auto; margin-left: 10px; width: auto; height: auto; float: right; }
.ue_unterkunft { font-size: 18px; font-family: arial; font-weight: bold; }
#unterkunft_impression { font-size: 10px; float: left; clear: right; margin-right: 5px; margin-bottom: 10px; border: solid 1px #808080; }
#kontakt_blanko_boxen { font-size: 11px; font-family: arial; margin-right: 25px; float: left; clear: right; }
#unterkunft_preise { font-size: 10px; margin-right: 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; }
.kurzinfo_3 { font-size: 14px; font-family: arial; }
.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-ruderhaus.jpg); text-align:center; height: 200px; }
.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; }
.logo img {
	border:0;
}
.head { 
    margin:0 auto;
    margin-top:0px;
    margin-bottom:0px;
    border-top:1px solid #000000;
    border-left:1px solid #000000;
    border-right:1px solid #000000;
    width:880px;
    padding:0px; 
    background:#FFFFFF;
    text-align:center;
    
}
/* Globale Link - Elemente
/* ************************************************************************ */
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:hover {
	color:#990000;
}

a.red, a.red:active, a.red:visited {
	color:#990000;
	text-decoration:underline;
}

a.red:hover {
	color:#666666;
	text-decoration:none;
}
#trenner { margin-top: 10px; margin-bottom: 10px; border-top: 1px dotted #47749d; }
#trenner_blanko { margin-top: 10px; margin-bottom: 10px; }
#trenner_margin { margin: 10px; border-top: 1px dotted #47749d; }
#trenner_2 { height: 1px; border-top: 1px dotted #47749d; }
#adresse { width: 200px; float: left; clear: right; margin-right: 10px; margin-left: 5px; }
#adresse_desc { width: 230px; float: left; padding-left: 10px; }
.tipps { color: #47749d; font-size: 11px; font-family: arial; }
.formular { font-size: 12px; font-family: arial; }
/* ############ Oberlinie für Navi ################# */
#ober_navi { font-size: 11px; font-family: arial; font-weight: normal; font-style: normal; width: 489px; float: left; clear: right; margin-right: auto; margin-bottom: 10px; margin-left: auto; border-right: 1px solid #fff; border-bottom: 1px solid black; border-left: 1px solid #fff; }
#ober_navi_box { color: #000; font-size: 12px; font-family: arial; font-style: normal; font-weight: bold; background-color: #eaedf8; margin-right: 10px; margin-left: 10px; float: left; clear: right; padding-right: 7px; padding-left: 7px; border-top: 1px solid #47749d; border-right: 1px solid #47749d; border-left: 1px solid #47749d;; }
/* ############ Belegungsplan ################# */
#belegt { font-size: 9px; font-family: arial; background-color: #ff8; background-image: url(../image/belegt.jpg);}
#anreise { font-size: 9px; font-family: arial; background-color: #ff8; background-image: url(../image/anreise.jpg); }
#abreise { font-size: 9px; font-family: arial; background-color: #ff8; background-image: url(../image/abreise.jpg); }
#frei { font-size: 9px; font-family: arial; background-color: #6c0; }
#white { font-size: 9px; font-family: arial; background-color: #ededed; }
.ue { font-size: 9px; font-family: arial; font-weight: bold; }
.ue_monat { font-size: 11px; font-family: arial; font-weight: bold; padding-left: 5px; }
.ue_gr { font-size: 14px; font-family: arial; font-weight: bold; padding-left: 5px; }
#um_rahmen { background-color: #eaedf8; }
/* ############ Formlar ################# */
#formular {  }
/* ############ LINK UNDERLINE ################# */
#link { font-size: 11px; font-family: arial; font-weight: bold; text-decoration: underline; }
/* ############ Suche NEU ################# */
#erg_box_blau { background-color: #eaedf8; margin-right: 10px; margin-left: 10px; height: 95px; margin-top: 4px; padding-left: 10px; 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; margin-right: 10px; margin-left: 10px; height: 95px; margin-top: 4px; padding-left: 10px; border-top: 1px solid #47749d; border-bottom: 1px solid #47749d; border-left: 1px solid #47749d; }
#erg_impression { float: left; clear: right; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; border: solid 1px #808080; }
#erg_text_box { text-align: left; width: 260px; float: left; clear: right; margin-top: 10px; margin-right: 10px; }
#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; }
/* ############ Suche FEWO ################# */
#suche_box_blau { color: #fff; font-size: 12px; font-family: arial; background-color: #47749d; margin: 10px; padding-top: 10px; padding-right: 20px; padding-left: 20px; border: solid 1px #47749d; }
#suche_box_1 { font-family: arial; text-align: left; width: 130px; 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; border-top: 1px solid #fff; }
#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; }
#tarif_top { font-size: 12px; font-family: arial; background-color: #fff; width: 350px; float: left; margin-bottom: 10px; }
#tarif_top_blau { color: #fff; font-size: 12px; font-family: arial; background-color: #47749d; width: 350px; float: left; margin-top: 10px; padding-left: 5px; }
#tarif_left { font-size: 12px; font-family: arial; font-weight: bold; background-color: #eaedf8; width: 220px; float: left; padding-left: 5px; border-bottom: 1px solid #47749d; border-left: 1px solid #47749d; }
#tarif_left_3 { font-size: 12px; font-family: arial; font-weight: bold; background-color: #fff; padding-left: 5px; width: 220px; float: left; border-bottom: 1px solid #47749d; border-left: 1px solid #47749d; }
#tarif_left_2 { color: #fff; font-size: 13px; font-family: arial; background-color: #47749d; padding-left: 5px; width: 195px; float: left; border-bottom: 1px solid #47749d; }
#tarif_right_2 { font-size: 13px; font-family: arial; background-color: #47749d; text-align: center; width: auto; float: none; margin-right: 10px; border-bottom: 1px solid #47749d; }
#tarif_right { font-size: 12px; font-family: arial; background-color: #eaedf8; text-align: center; margin-right: 10px; width: auto; float: none; border-right: 1px solid #47749d; border-bottom: 1px solid #47749d; }
#tarif_right_3 { font-size: 12px; font-family: arial; background-color: #fff; text-align: center; margin-right: 10px; width: auto; float: none; border-right: 1px solid #47749d; border-bottom: 1px solid #47749d; }
/* ############ Schriften ################# */
.big_white { color: white; font-size: 12px; font-family: arial; padding-left: 5px; }
.big_text { color: black; font-size: 11px; font-family: arial; padding-left: 5px; }
.big_text_2 { color: black; font-size: 12px; font-family: arial; padding-left: 5px; }

/* ############ 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 20px 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; }
/* ############ 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;
}

