@charset "UTF-8";
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */
/* Layout-unabhängige Anpassungen -------------------------*/
@import url(patch_style.css); /* Box Modell Korrekturen */

html, body { height:100% }

body {
	font-family: Tahoma,Helvetica,Arial,sans-serif;
	font-size: 70%;
	line-height: 18px;
	color: #030303;
	text-align:center;
	background-color: #fcf9f7;
	padding: 0;
	margin: 0;
}
  
a {color: #030303;}
a:link {color: #030303;}
a:visited {color:#030303;}
a:hover {color: #053b4f;}
a:active { color:#053b4f;}


h1 { font-size: 100%; color: #8d2412; padding: 0; margin: 0 0 18px 0; }
h2 { font-size: 100%; color: #ebf3f6; padding: 0; margin: 0; }
h3 { font-size: 100%; color: #fcf5f4; padding: 0; margin: 0; }
h4 { font-size: 100%; font-weight: normal; color: #8d2412; padding: 0; margin: 10px 0 0 0; }
h5 { font-size: 100%; color: #053b4f; padding: 0; margin: 0; }
h6 { font-size: 100%; font-weight: normal; color: #8d2412; padding: 0; margin: 0; }

/* --------------------------------------------------------------------
	container - zentriert das layout / definiert Hintergrund Bildhöhe 030303
----------------------------------------------------------------------- */
.container {
	width: 996px;
	margin: 0 auto;
	min-height: 100%; height: auto !important; height: 100%;
	padding: 0;
	text-align: left;
	background-color: #fff;
}

.clr-left { overflow: hidden; clear: left; }
.clr-right { overflow: hidden; clear: right; }
.clr-both { overflow: hidden; clear: both; }
/* --------------------------------------------------------------------
 	Logo + TOP Navigation 	+ Logins (3 Spalten (3. Spalte:job/member = 2 Subspalten)    
----------------------------------------------------------------------- */
#banner { margin: 0; padding: 0px; width: 996px; height: 38px; }
#home { float: left; margin: 0; padding: 0; width: 630px; height: 38px; }
.logo { padding: 0px; margin: 1px 0 0 0; }

#homeright { float: right; text-align: right; margin: 11px 10px 0 0; padding: 0; }

.separee { font-size: 90%; color: #8baab6; margin: 0 8px 0; }
.spaceXL { margin: 0 30px 0; }

.langue { font-size: 95%; color: #8d2412; text-decoration: underline; }
a.langue:link		{ font-weight: bold; color: #8d2412; }
a.langue:visited	{ font-weight: bold; color: #8d2412; }
a.langue:hover		{ font-weight: bold; color: #053b4f; }
a.langue :active	{ font-weight: bold; color: #053b4f; }
a.langue_selected	{ font-size: 95%; font-weight: bold; text-decoration: none; color: #053b4f; }

.topnavi { margin: -26px 0 0 522px; padding: 0px; display:block; }

/* -------------------------------------------------------------------- 
 	Inhalt Branding/Rubriken - Inhalt 	 border: dashed 1px #FF6600;
----------------------------------------------------------------------- */
/* mittlerer Bereich - Absicherung korrekte Positionierung */
#home, #footer, #news_bluecontainer, #news_redcontainer #submenu_left  #submenu_left0 { clear:both; }

#rubrik_content { margin: 0; padding: 0; width: 996px; white-space:nowrap; }
#rubriken { margin: 0 0 0 186px; padding: 0; width: 460px; }

/* --------------------------------------------------------------------
	Navigation left - oben
----------------------------------------------------------------------- */
#menu_left { float: left; width: 185px; height: 300px; margin: 0; padding: 0; background-color: #005371; border-right: 1px solid #0e475d; }
#menu_leftred { float: left; width: 185px; height: 300px; margin: 0; padding: 0; background-color: #8d2512; border-right: 1px solid #7a2010; }
#menu_leftcam { float: left; width: 185px; height: 300px; margin: 0; padding: 0; background-color: #005371; border-right: 1px solid #005371; }

#menu_content { width: 170px; height: 183px; margin: 0; padding: 0; }

/* Fuer eine erste Ebene */	
ul#navigation { list-style-type: none; font-size: 95%; font-weight: bold; margin: 22px 0 0 6px; padding: 0; line-height: 20px; letter-spacing: 0.04em; }

ul#navigation li a,
ul#navigation li a:link  { white-space: pre-wrap;color: #a4c6d3; font-weight: bold; text-decoration: none; padding-left: 23px; margin: 10px 0; display: block; }

ul#navigation li a:hover, 
ul#navigation li a:focus, 
ul#navigation li a:active	{ white-space: pre-wrap;color: #ebf3f6; margin: 10px 0; padding-left: 23px; }

ul#navigation li span.active, 
ul#navigation li a.active 	{ white-space: pre-wrap;color: #ebf3f6; margin: 10px 0; padding-left: 23px; background-image: url(images/p_nav.gif); background-repeat: no-repeat; background-position: top left; }

/* rot*/	
ul#navigation_red { list-style-type: none; font-weight: bold; margin: 22px 0 0 6px; padding: 0; line-height: 20px; letter-spacing: 0.04em; }

ul#navigation_red li a,
ul#navigation_red li a:link  { color: #d9ada6; font-weight: bold; text-decoration: none; padding-left: 23px; margin: 10px 0; display: block; }

ul#navigation_red li a:hover, 
ul#navigation_red li a:focus, 
ul#navigation_red li a:active	{ color: #f7f0ee; margin: 10px 0; padding-left: 23px; }

ul#navigation_red li span.active, 
ul#navigation_red li a.active 	{ color: #f7f0ee; margin: 10px 0; padding-left: 23px; background-image: url(images/p_navred.gif); background-repeat: no-repeat; background-position: top left; }

/* Fuer eine zweite Ebene */
ul#second_navigation li { list-style-type: none; font-weight: normal; margin: 3px 0 0 6px; padding: 0; line-height: 24px; text-decoration: none; letter-spacing: 0.04em; }

ul#second_navigation li a,
ul#second_navigation li a:link { color: #004b6d; font-weight: normal; text-decoration: none; margin: -2px 0 0 -17px; background-image: url(images/transp.gif); background-repeat: no-repeat; background-position: 0; }

ul#second_navigation li a:hover, 
ul#second_navigation li a:focus, 
ul#second_navigation li a:active { color: #8d2412; margin: -2px 0 0 -17px; font-weight: normal; background-image: url(images/transp.gif); background-repeat: no-repeat; background-position: 0;  }

ul#second_navigation li span.active, 
ul#second_navigation li a.active  { color: #8d2412; margin: -2px 0 0 -17px; background-image: url(images/transp.gif); background-repeat: no-repeat; background-position: 0;  }

/* --------------------------------------------------------------------
	home: Info im Navigationsfeld unten  
----------------------------------------------------------------------- */

ul#kategorie li { list-style-type: none; color: #8b2210; margin: -5px 0 0 -11px ; padding: 0; line-height: 34px; text-decoration: none; letter-spacing: 0.04em; font-weight: bold; } 
.kat-info { color: #004b6d; letter-spacing: 0.04em; line-height: 16px; font-weight: normal; }

/* --------------------------------------------------------------------
	News right	
----------------------------------------------------------------------- */
#newsblue_container { float: right; width: 349px; height: 300px; margin: 0; padding: 0; background-color: #005371; background-image: url(images/newscontainer_back.gif); background-repeat: no-repeat; border-left: 1px solid #0e475d; }
#newsblue_cam { float: right; width: 349px; height: 300px; margin: 0; padding: 0; background-color: #005371; background-image: url(images/newscontainer_back.gif); background-repeat: no-repeat; border-left: 1px solid #005371; }

#address_blue { margin: 18px 26px; padding: 0; color: #c0dce6; display: block; }
.separee_blue { font-size: 90%; color: #428096; margin: 0 8px 0; }
.adress_link { color: #c0dce6; text-decoration: underline; }
a.adress_link:link		{ color: #c0dce6; }
a.adress_link:visited	{ color: #c0dce6; }
a.adress_link:hover		{ color: #ebf3f6; }
a.adress_link:active	{ color: #ebf3f6; }

#newsred_container { float: right; width: 349px; height: 300px; margin: 0; background-color: #8d2512; background-image: url(images/newscontainer_backred.gif); background-repeat: no-repeat; border-left: 1px solid #7a2010;  }
#newsred_blank { float: right; width: 349px; height: 300px; margin: 0; background-color: #8d2512; border-left: 1px solid #7a2010;  }
#address_red { margin: 18px 26px; padding: 0; color: #e0bbb5; display: block; }
.separee_red { font-size: 90%; color: #b7766a; margin: 0 8px 0; }
.adress_linkred { color: #e0bbb5; text-decoration: underline; }
a.adress_linkred:link		{ color: #e0bbb5; }
a.adress_linkred:visited	{ color: #e0bbb5; }
a.adress_linkred:hover		{ color: #fcf5f4; }
a.adress_linkred:active	{ color: #fcf5f4; }

#nachoben	{ margin-top: -8px; }
.weiss { color: #fff; text-decoration: underline; }
a.weiss:link	{ color: #fff; }
a.weiss:visited	{ color: #fff; }
a.weiss:hover	{ color: #e0bbb5; }
a.weiss:active	{ color: #e0bbb5; }

#newsheader	{ height: 19px; padding: 10px 14px; margin: 0 22px; width: 274px; }
.newstitel	{ font-weight: bold; color: #fafafa; }
.datum		{ font-size: 90%; color: #fafafa; padding: 0px; margin: -17px 0 8px 0; text-align: right;  letter-spacing: 0.03em;}

#news	{ margin: 10px 0 0 40px; width:274px; height: 95px; overflow: auto; }
.news	{ margin: 5px 0; padding: 0 0 0 10px; display: block; background-image: url(images/dot.gif); background-repeat: no-repeat; background-position: 0 8px; }


/* --------------------------------------------------------------------
	Inhalt	#main_content		
----------------------------------------------------------------------- */ 
#main_content { margin: 1px 0; padding: 14px 0; width: 996px; border-top: 1px solid #8d2412; }
#submenu_left { float: left; width: 186px; }
#submenu_left * { margin-top: 11px; }
#submenu_left .fbButton { margin-left: 25px; margin-bottom: 25px;}


#content { margin: 0 0 0 186px; width: 398px; min-height: 158px; height: auto !important; height: 158px; padding: 14px 30px 5px; border-left: 1px solid #f4f6f8; border-right: 1px solid #f4f6f8; } 
#kontakt_content { margin: 0 0 0 186px; width: 398px; min-height: 296px; height: auto !important; height: 296px; padding: 14px 30px 5px; border-left: 1px solid #f4f6f8; border-right: 1px solid #f4f6f8; }
#restaurant_content { margin: 0 0 0 186px; width: 398px; min-height: 286px; height: auto !important; height: 286px; padding: 14px 30px 5px; border-left: 1px solid #f4f6f8; border-right: 1px solid #f4f6f8; }
#hotel_content { margin: 0 0 0 186px; width: 398px; min-height: 420px; height: auto !important; height: 420px; padding: 14px 30px 5px; border-left: 1px solid #f4f6f8; border-right: 1px solid #f4f6f8; }
#webcam_content { margin: 0 0 0 186px; width: 398px; min-height: 187px; height: auto !important; height: 187px; padding: 14px 30px 5px; border-left: 1px solid #f4f6f8; border-right: 1px solid #f4f6f8; }
#home_content { margin-left: -1px; width: 400px; height: 140px; z-index: 1; position: absolute; }
#right_content { width: 277px; padding: 50px 30px 5px; }
#sitemap_content { margin: 0 0 0 186px; width: 398px; min-height: 158px; height: auto !important; height: 158px; padding: 14px 30px 5px; border-left: 1px solid #f4f6f8; } 

#sub_right { float: right; width: 347px; margin: 0; padding: 0 1px; } 
.spacer { float: left; margin: 0; padding: 0; width: 169px; }
.picture_row1 { padding: 0; margin: 0 12px 6px; width: 324px; height: 54px; white-space:nowrap; }
.picture_row2 { padding: 0; margin: 12px 12px 6px 12px; width: 324px; height: 54px; white-space:nowrap; }
.picture_row3 { padding: 0; margin: 12px; width: 324px; height: 54px; white-space:nowrap; }
.pic-comment_row4 { padding: 0; margin: -5px 12px 12px; width: 324px; height: 15px; white-space:nowrap; }
.webcam_container { padding: 6px 6px 18px 6px; margin: 0 6px 14px; width: 322px; height: 55px; background-color: #f7f9fb; border: 1px solid #d8e2ee; white-space:nowrap; }

#infobox { margin: 14px 26px; padding: 0; display: block; }
.infobox_link { color: #c0dce6; text-decoration: underline; }
a.infobox_link:link		{ color: #c0dce6; }
a.infobox_link:visited	{ color: #c0dce6; }
a.infobox_link:hover	{ color: #ebf3f6; }
a.infobox_link:active	{ color: #ebf3f6; }

.blue90 { font-size: 90%;  font-weight: bold; color: #115770; }
.red11 { color: #8d2412; }
.blue11 { color: #115770; }
.weiss11 { color: #fff; }

.picturebord { margin: 6px 12px 6px 0; }
.textright { float: right; }
.textleft { float: left; }
.sitemap_textright { float: right; width: 50%; }

#textbottom { float: left; width: 398px; vertical-align:top; padding: 0 30px 10px; margin: -14px 0 0 186px; }
#left_content { text-align:left; margin: 2px 0; width: 100%; }

/* --------------------------------------------------------------------
	Listenelemente	border: dashed 1px #FF6600;border-left: 1px solid #f4f6f8; border-right: 1px solid #f4f6f8; 
----------------------------------------------------------------------- */
.p { font-size: 10px; color: #872434; margin: 0 0 0 12px; padding:0; letter-spacing: 0.5px; }
#liste-0 li { list-style: decimal; list-style-position: inside;padding-left: 5px; margin: 0 0 4px -33px; }

#liste-1 li { list-style: none; background: url(images/p_grey.gif) no-repeat; background-position: 0.2em; padding: 0 0 2px 18px; margin: -5px 0 3px -40px; }
#liste-2 li { list-style: none; background: url(images/p_grey.gif) no-repeat; background-position: 0.2em; padding: 0 0 2px 18px; margin: -5px 0 3px -40px; }
#liste-3 li { list-style: none; background: url(images/p_rose.gif) no-repeat; background-position: top left; padding: 0 0 7px 18px; margin: -7px 0 4px -40px; }
#liste-4 li { list-style: none; background: url(images/p_rose.gif) no-repeat; background-position: top left; padding: 0 0 4px 18px; margin: -7px 0 4px -40px; }
#liste-5 li { list-style: none; background: url(images/p_line.gif) no-repeat; background-position: 0.2em; padding: 0 0 2px 18px; margin: -5px 0 3px -40px; }
#liste-6 li { list-style: none; background: url(images/p_line.gif) no-repeat; background-position: 0.2em; padding: 0 0 2px 18px; margin: -5px 0 3px -40px; }
#liste-7 li { list-style: none; background: url(images/p_red.gif) no-repeat; background-position: 0.2em; padding: 0 0 2px 18px; margin: -5px 0 3px -40px; }
#liste-8 li { list-style: none; padding: 0 0 2px 18px; margin: -5px 0 3px -40px; }

#liste-15 li { list-style: none; background: url(images/p_line.gif) no-repeat; background-position: 0.2em; padding: 0 0 2px 18px; margin: -5px 0 3px -40px; }
#liste-16 li { list-style: none; background: url(images/p_line.gif) no-repeat; background-position: 0.2em; padding: 0 0 2px 18px; margin: -5px 0 3px -40px; }
#liste-17 li { list-style: none; background: url(images/p_line.gif) no-repeat; background-position: 0.2em; padding: 0 0 2px 18px; margin: -5px 0 3px -40px; }
#liste-18 li { list-style: none; background: url(images/p_line.gif) no-repeat; background-position: 0.2em; padding: 0 0 2px 18px; margin: -5px 0 3px -40px; }
#liste-19 li { list-style: none; background: url(images/p_line.gif) no-repeat; background-position: 0.2em; padding: 0 0 2px 18px; margin: -5px 0 3px -40px; }

#liste-PDF1 li { list-style: none; background: url(images/p_red.gif) no-repeat; background-position: 0.2em; padding: 0 0 2px 18px; margin: -5px 0 3px -40px; }
#liste-PDF2 li { list-style: none; background: url(images/pdf.gif) no-repeat; background-position: 0.2em; padding: 12px 0 5px 35px; margin: -5px 0 3px -40px; }
#liste-PDF3 li { list-style: none; background: url(images/pdf.gif) no-repeat; background-position: 0.2em; padding: 12px 0 5px 35px; margin: -5px 0 3px -40px; }
/* --------------------------------------------------------------------
 	Logo + TOP Navigation -> Feld Auswahl 
----------------------------------------------------------------------- */

.black11 { font-family:  Tahoma,Helvetica,Arial,sans-serif; font-size: 11px; line-height: 18px; }
.black10 { font-family:  Tahoma,Helvetica,Arial,sans-serif; font-size: 10px; line-height: 14px; }
.blue10 { font-family:  Tahoma,Helvetica,Arial,sans-serif; font-size: 10px; color: #053b4f; padding: 0 3px; line-height: 14px; }
.red10 { font-family:  Tahoma,Helvetica,Arial,sans-serif; font-size: 10px; color: #8d2412; padding: 0 3px; line-height: 14px; }
.black9 { font-family:  Tahoma,Helvetica,Arial,sans-serif; font-size: 9px; line-height: 14px; }
.red9 { font-family:  Tahoma,Helvetica,Arial,sans-serif; font-size: 9px; color: #8d2412; padding: 0 3px; line-height: 14px; }

/* --------------------------------------------------------------------
	Footer 
----------------------------------------------------------------------- */
#footer	{ background-color: #fff; font-size: 90%; padding: 0; margin: 0; line-height: 18px; height: 20px; border-top: 1px solid #f4f6f8;}
	
#copyright { float: left; color: #8d2412; padding-left: 10px; width: 500px; text-align:left; height: 20px; letter-spacing: 0.03em; }
#impressum { float: right; padding-right: 11px; width: 350px; text-align:right; height: 20px; letter-spacing: 0.03em; }
a.impressum:link	{ color: #8d2412; }
a.impressum:visited	{ color: #8d2412; }
a.impressum:hover	{ color: #053b4f;  }
a.impressum :active	{ color: #053b4f;  }
	
/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
 	content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix { display: block; }

/* Overflow-Methode zum Clearen der Float-Umgebungen */
.floatbox { overflow:hidden; }

/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
#ie_clearing { display: none; }

/*
thead { padding-left: 0.5em; border-bottom: 3px solid #fff; line-height: normal; background-color: #fff; }
th { padding-left: 0.5em; color: #872434; font-weight: bold; background-color: #dae3e7; line-height: normal; }
tfoot { text-align:right; border-top: 8px solid #fff; background-color: #fff; }   

colgroup.jobleft { background-color: #f5f3e6; }
.webdoc { width: 42px; vertical-align: top; text-align:center; line-height: normal; color: #872434; font-weight: bold; border-top: 5px solid #fff; }

.merken { text-align:center; vertical-align: top; width: 42px; height: 10px; border-left: 1px solid #fff; border-top: 5px solid #fff; }
.black 	{ padding-left: 0.5em; vertical-align: top; border-left: 1px solid #fff; text-align:left; line-height: normal; font-size: 10px; text-decoration: none; border-top: 5px solid #fff; }

.redbold { text-align:center; color: #872434; font-size: 10px; font-weight: bold; }
.red { font-size: 100%; color: #872434; line-height: normal; }
.blackbold	{ font-size: 10px; font-weight: bold; text-decoration: none; }
.nowrap10 { padding-left: 0.5em; font-size: 90%; line-height: 14px; white-space:nowrap; }

.page { text-decoration: underline; }
a.page:link		{ font-weight: bold; }
a.page:visited	{ font-weight: bold; }
a.page:hover	{ font-weight: bold; }
a.page :active	{ font-weight: bold; }
a.page_selected	{ font-weight: bold; text-decoration: none; color: #9c132e; }
*/