/* ------------------------------------------------------------------------------------ */
/* Styles die sich fuer diesen Kunden von den default-Styles unterscheiden				*/
/* ------------------------------------------------------------------------------------ */

body {
    background-image: url("../images/main_back.png");
    background-repeat: repeat-x;
    background-color: #b0acaa;
}

#main_anchor {
    position: relative;
    width: 990px;
}

div.hr {
    clear: both;
    height: 9px;
    margin: 0px;
    padding: 0px;
    margin-right: 0px;
    margin-bottom: 16px;
    border: 1px #ebdac4;
    border-style : none none solid none;
}


h1 {
    font-family: 'Times New Roman',Times,serif;
    color: #000;
    font-weight: normal;
    font-size: 23px;
    margin-bottom: 12px;
    padding-bottom: 1px;
}

h2 {
    font-family: 'Times New Roman',Times,serif;
    color: #976700;
    font-weight: normal;
    font-size: 20px;
    font-style: none;
    margin-bottom: 5px;
}

h3 {
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 10px;
    background-color: #393A3C;
    padding-top: 2px;
    padding-bottom: 2px;
}


td.nav {
    background-color: #f7f7f7;
    padding-bottom: 30px;
}

td.content {
    background-color: #fff;
    padding-bottom: 30px;
}

td.margin {
    background-color: #fff;
    padding-bottom: 30px;
}

div.nav {
    margin-top: 51px;
    margin-left: 18px;
}

div.container_0 {
    margin-top: 55px;
    margin-left: 20px;
    margin-right: 20px;
}

div.container_1 {
    margin-top: 55px;
    margin-right: 20px;
}

td.footer {
    background-color: #393a3c;
}



/* ------------------------------------------------------------ */
/* Pseudo Formats                                               */
/* ------------------------------------------------------------ */

.infobox_link a, .content a { font-weight:normal; color:#f78204; text-decoration:underline; }
.content a:link, .content a:visited, .content a:active { color:#000; text-decoration:underline; }
.infobox_link a:link, .infobox_link a:visited, .infobox_link a:active { color:#f78204; text-decoration:underline; }
.content a:hover, .content_copy a:hover, .infobox_link a:hover, .arrow a:hover { color:#ffab42; }

/* ------------------------------------------------------------ */
/* Nav															*/
/* ------------------------------------------------------------ */

/* NAV LEVEL 00 -------------------------*/
.nav_level_00 { 
    float: left;
    margin: 0px;
    margin-top: 5px;
    padding-left: 20px;
    padding-right: 0px;
    font-family: 'Times New Roman',Times,serif; 
    font-size: 23px;
    font-weight: normal;
    background-image: url("../images/nav_bullet_level_0_norm.png");
    background-repeat: no-repeat;
    background-position: 0px 5px;
}

.nav_level_00_spacer_before {
    clear: both;
    margin-top: 8px;
    margin-left: 0px;
    margin-right: 0px;
    float: left;
    width: 0px;
    height: 9px;
    overflow: hidden;
}

.nav_level_00_current, .nav_level_00_open { 
    background-image: url("../images/nav_bullet_level_0_high.png");
}

.nav_level_00_spacer_before_current {
}

.nav_level_00_spacer_after, .nav_level_01_spacer_after_first, .nav_level_01_spacer_after_middle { 
    clear: both;
    width: 1px;
    height: 4px;
    overflow: hidden;
}

.nav_level_00 a:link, 
.nav_level_00 a:visited, 
.nav_level_00 a:active 
{
    color: #976700;
}
.nav_level_00 a:hover 
{
    color: #ffab42;
}
.nav_level_00 a:link.current, .nav_level_00 a:visited.current {
    color: #000;
}
.nav_level_00 a:link.open, .nav_level_00 a:visited.open {
    color: #000;
}


/* NAV LEVEL 01 -------------------------*/
.nav_level_01 { 
    float: left;
    margin: 0px;
    margin-top: 5px;
    padding-left: 11px;
    padding-right: 0px;
    font-size: 12px;
    font-weight: normal;
    background-image: url("../images/bullet.gif");
    background-repeat: no-repeat;
    background-position: 0px 4px;
}

.nav_level_01_spacer_before {
    clear: both;
    margin-top: 8px;
    margin-left: 0px;
    margin-right: 3px;
    float: left;
    width: 17px;
    height: 9px;
    overflow: hidden;
}

.nav_level_01_spacer_before_current {
}

.nav_level_01_spacer_after, .nav_level_01_spacer_after_first, .nav_level_01_spacer_after_middle { 
    float: left;
    width: 0px;
    height: 0px;
    overflow: hidden;
}

.nav_level_01_spacer_after_last { 
    clear: both;
    width: 1px;
    height: 10px;
    overflow: hidden;
}

.nav_level_01 a:link, 
.nav_level_01 a:visited, 
.nav_level_01 a:active 
{
    color: #976700;
}
.nav_level_01 a:hover 
{
    color: #ffab42;
}
.nav_level_01 a:link.current, .nav_level_01 a:visited.current {
    color: #000;
}

.nav_level_01 a:link.open, .nav_level_01 a:visited.open {
    color: #000;
}


/* NAV LEVEL 02 -------------------------*/



.nav_level_02 { 
    margin-top: 1px;
    font-weight: normal;
    padding-left: 0px;
    font-size: 12px;
    float: left;
}

.nav_level_02_spacer_after_first, .nav_level_02_spacer_after_middle { 
    clear: none;
    float: left;
    width: 5px;
    height: 20px;
    overflow: hidden;
}



.nav_level_02_spacer_before_middle, 
.nav_level_02_spacer_before_last { 
    width: 0px;
    height: 0px;
}

.nav_level_02 a:link, 
.nav_level_02 a:visited, 
.nav_level_02 a:active 
{
    color: #000;
}
.nav_level_02 a:hover 
{
    color: #ffab42;
}
.nav_level_02 a:link.current, .nav_level_02 a:visited.current {
    color: #f78204;
}

.nav_level_02 a:link.open, .nav_level_02 a:visited.open {
    color: #f78204;
}



/* ------------------------------------------------------------ */
/* Nav mobile							*/
/* ------------------------------------------------------------ */
div.nav_mobile {
    margin: 0;
    padding-bottom: 5px;
    background-color: #f7f7f7;
    display: inline-block;
    width: 100%;
    display: none;
}

div.nav_mobile div {
    display: inline-block;
}

/* NAV LEVEL 00 -------------------------*/
.nav_mobile .nav_level_00 { 
    float: left;
}

.nav_mobile .nav_level_00_current, .nav_mobile .nav_level_00_open { 
    background-image: url("../images/nav_bullet_level_0_high.png");
}

.nav_mobile .nav_level_00_spacer_before { 
    display: none;
}

.nav_mobile .nav_level_00_spacer_before {
    display: inline-block;
    clear: none;
    float: left;
    width: 20px;
    overflow: hidden;
}

.nav_mobile .nav_level_00_spacer_after {
    display: none;
}



/* NAV LEVEL 01 -------------------------*/

.nav_mobile .nav_level_01, .nav_mobile .nav_level_01_spacer_before, .nav_mobile .nav_level_01_spacer_after { 
    display: none;
}






/* ------------------------------------------------------------ */
/* Content	                                                    */
/* ------------------------------------------------------------ */

div.content {
    margin-top: 56px;
    margin-left: 21px;
    margin-right: 21px;
    padding-bottom: 30px;
}

div.nomargin {
    margin-right: 0px;
}

.width_content {
    width: 505px;
}

.content {
}

.content_copy {
    margin-bottom: 6px;
}

a.arrow {
    padding-left: 9px;
    background-position: 0px 1px;
    background-image: url("../images/arrow_small.gif");
}

div.arrow, div.link_explained {
    margin-bottom: 5px;
}

.paragraph_linked a.link {
    padding-left: 9px;
    background-position: 0px 1px;
    background-image: url("../images/arrow_small.gif");
}

.link_explained a.link {
    padding-left: 9px;
    background-position: 0px 1px;
    background-image: url("../images/arrow_small.gif");
}

.spacer_adjustable {
    clear: both;
}

div.img_titled {
    float: left;
    margin-right: 19px;
}

div.img_titled.right {
    margin-left: 19px;
}

div.container div.img_titled {
    margin-bottom: 14px;
}

.container_1 .img_titled img {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    border: 1px solid #fff;
}

td.img_titled {
    padding-bottom: 1px;
}

.img_titled_text {
    height: 32px;
    background-color: transparent;
    padding: 2px;
    font-size: 11px;
}

td.img_titled_text {
    margin: 0px;
    padding: 2px 0px 0px 1px;
}

.img_titled_text .content_copy {
    font-size: 11px;
    margin: 0px;
}


div.imgrow {
    margin-top: 10px;
    margin-bottom: 10px; 
}

td.imgrow {
    text-align: center; 
}

td.imgrow div.img img {
    border: 1px solid #004077;
}

td.imgrow.left {
    text-align: left; 
}

td.imgrow.right {
    text-align: right; 
}


/* Bulletlist ---------------------------*/

table.bulletlist {
    margin-bottom: 23px;
}

td.bullet {
    background-position: 0px 3px;
    background-image: url("../images/bullet.gif");
    width: 13px;
    height: 18px;
}

td.bullet img { 
    margin-left: 0px;
}


table.bulletlist_black td.bullet {
    background-position: 0px 3px;
    background-image: url("../images/bullet_black.gif");
    width: 11px;
    height: 18px;
}







.form_user {
    background-image: url("../images/admin_form_back.gif");
}

.content img {
    margin-top: 0px;
    margin-left: 0px;
}



/* INFOBOX ------------------------------*/

.content div.infobox {
}

.container div.img_titled {
    margin: 0px;
}

.container div.infobox {
    clear: both;
}
.infobox_head, .infobox_head b {
    font-size: 14px;
}

td.infobox_content .content_copy {
    margin-bottom: 0px;
}

td.infobox_content .content_googlemap {
    margin-top: 10px;
    margin-bottom: 25px;
    line-height: 20px;
}

.googlemap td.infobox_content			{ background-color: #fff; }

table.infobox td 						{ border-color: #fff; }
table.infobox td.infobox_head 			{ background-color: #393a3c; border-bottom-color:#e7e7e7; }
.infobox_head 							{ color: #ffffff; background-color: #393a3c; font-size: 14px; font-weight:normal; }
div.infobox_head						{ margin:2px; }
td.infobox_head b 						{ color: #ffff00; font-size: 14px; font-weight:normal; }
td.infobox_content 						{ color: #000000; background-color: #e7e7e7; padding: 4px 4px 0px 4px; }
td.infobox_link 						{ background-color: #dbdbdb; padding-bottom: 5px;	}
td.infobox_bottom 						{ background-color: #e7e7e7; }
td.infobox_img div.img 					{ border-color: #fff }

table.infobox.colorsceme_01 td 			{ border-color: #fff; }
table.colorsceme_01 .infobox_head,
table.colorsceme_01 td.infobox_head 	{ color: #ffffff; background-color: #393a3c; font-size: 14px; }
table.colorsceme_01 td.infobox_head b 	{ color: #f78204; font-size: 14px;}
table.colorsceme_01 td.infobox_content 	{ color: #000000; background-color: #e7e7e7; }
table.colorsceme_01 td.infobox_link 	{ background-color: #e7e7e7; padding-bottom: 5px;	}
table.colorsceme_01 td.infobox_bottom 	{ background-color: #e7e7e7; }

table.infobox.colorsceme_02 td 			{ border-color: #fff; }
table.colorsceme_02 .infobox_head 		{ color: #ffffff; background-color: #976700; font-size: 14px; }
table.colorsceme_02 td.infobox_head b 	{ color: #ffff00; font-size: 14px;}
table.colorsceme_02 td.infobox_content 	{ color: #000000; background-color: #e7e7e7; }
table.colorsceme_02 td.infobox_link 	{ background-color: #e7e7e7; padding-bottom: 5px;	}
table.colorsceme_02 td.infobox_bottom 	{ background-color: #e7e7e7; }

table.infobox.colorsceme_03 td 			{ border-color: #fff; }
table.colorsceme_03 .infobox_head 		{ color: #000000; background-color: #d1ae8e; font-size: 14px; }
table.colorsceme_03 td.infobox_head b 	{ color: #ffffff; font-size: 14px;}
table.colorsceme_03 td.infobox_content 	{ color: #000000; background-color: #e7e7e7; }
table.colorsceme_03 td.infobox_link 	{ background-color: #e7e7e7; padding-bottom: 5px;	}
table.colorsceme_03 td.infobox_bottom 	{ background-color: #e7e7e7; }

table.infobox.colorsceme_04 td 			{ border-color: #fff; }
table.colorsceme_04 .infobox_head 		{ color: #ffffff; background-color: #f78204; font-size: 14px; }
table.colorsceme_04 td.infobox_head b 	{ color: #ffff00; font-size: 14px;}
table.colorsceme_04 td.infobox_content 	{ color: #000000; background-color: #fff8bd; }
table.colorsceme_04 td.infobox_link 	{ background-color: #fff8bd; padding-bottom: 5px;	}
table.colorsceme_04 td.infobox_bottom 	{ background-color: #f78204; }




/* ------------------------------------------------------------ */
/* Container                                                    */
/* ------------------------------------------------------------ */
.container_0 div.img_titled {
    margin: 0px;
    margin-bottom: 5px;
}




/* ------------------------------------------------------------ */
/* Preislisten                                                  */
/* ------------------------------------------------------------ */

div.prices_list {
    clear: both;
    padding-top: 2px;
    border-top: 1px solid #ebdac4;
    border-bottom: 1px solid #ebdac4;
    margin-bottom: 8px;
}
table.prices_list {
    border-collapse: collapse;
    width: 100%;
}
table.prices_list td.prices_list_row {
    padding: 2px;
    padding-top: 6px;
    padding-bottom: 0px;
    border-bottom: 2px solid #fff;
}
td.prices_list_row_1, td.prices_list_row_2 {
    border-right: 2px solid #fff;
}
td.prices_list_row {
    background-color: #f7f7f7;
}
table.prices_list td.prices_list_row_1 {
    font-weight: bold;
    padding-left: 4px;
}

table.prices_list td.prices_list_row_2, table.prices_list td.prices_list_row_3 {
    text-align: right !important;
    padding-right: 30px;
}


/* ------------------------------------------------------------ */
/* Buchungsformular                                             */
/* ------------------------------------------------------------ */
div.form_book {
    clear: both;
    padding-top: 2px;
    border-top: 1px solid #ebdac4;
    border-bottom: 1px solid #ebdac4;
    margin-bottom: 8px;
}
table.form_book {
    border-collapse: collapse;
}

table.form_book td.admin_form_col {
    background-color: #f7f7f7;
    padding: 4px;
    border-bottom: 2px solid #fff;
}

table.form_book td.admin_form_col_alert {
    background-color: #ffe69a;
}

table.form_book span.admin_form_col_alert {
    color: #f00;
    font-weight: bold;
}

table.form_book td.admin_form_col_left {
    width: 150px;
}

table.form_book td.admin_form_col_right {
    width: 328px;
}

table.form_book input, table.form_book select, table.form_book textarea {
}

table.form_book input.full, table.form_book textarea.full {
    width: 320px;
}

table.form_book input.submit_form, td.infobox_link input.submit_form {
    width: 150px;
    border: 1px solid #000;
    background-color: #393A3C;
}

.reply {
    background-color: #c3edb7;
    font-weight: bold;
    padding: 2px;
}

td.facts_left {
    font-weight: bold;
    padding-right: 8px;
    white-space: nowrap;
}

div.facts_equ {
    margin-left: 10px;
}

/* ------------------------------------------------------------ */
/* Footer                                                       */
/* ------------------------------------------------------------ */

small {
    font-size: 10px;
}

.footer {
    clear: both;
    margin-top: 0px;
    text-align: right;
    font-size: 10px;
    color: #989898;
}

div.footer {
    margin-right: 21px;
    margin-bottom: 9px;
}



.footer a:link, .footer a:visited, .footer a:active {
    color: #989898;
}

.footer a:hover {
    color: #d3c59f;
}



/* ------------------------------------------------------------ */
/* for responsive                                               */
/* ------------------------------------------------------------ */

body * {
    text-align: left;
}

#img_main_header_mobile {
    display: none;
}

.wrap_main {
    width: 990px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    background-image: url("../images/wrap_main_back.png");
}

.margin_left {
    width: 140px;
    padding-top: 56px;
    padding-left: 20px;
    padding-right: 0px;
    float: left;
}

.margin_left .nav {
    margin: 0;
    float: left;
}

.margin_left .container {
    float: left;
    width: 100%;
}

#content {
    width: 480px;
    float: left;
}

div.content {
    margin-left: 21px;
    margin-right: 0;
    margin-top: 56px;
    padding-bottom: 30px;
}
    

.margin_right {
    width: 278px;
    height: 100%;
    float: right;
    margin-right: 20px;
    margin-top: 56px;
}

div.container_0 {
    margin-left: 0;
    margin-right: 0;
    margin-top: 55px;
}

div.container_1 {
    margin: 0;
}

.footer {
    background-color: #393A3C;
}

div.footer {
    margin: 0;
    padding: 9px 21px;
}




/* ------------------------------------------------------------ */
/* MEDIA                                                        */
/* ------------------------------------------------------------ */

/* Tablet quer (und kleiner) ------------------------------------------------ */

@media only screen and (max-width: 1008px) {

}

/* Viewport kleiner als Layout ---------------------------------------------- */
@media screen and (max-width: 990px) {
    
    div.nav_mobile {
	display: inline-block;
    }
    
    body.main_content {
	margin: 10px;
    }
    
    .margin_left {
	display: none;
    }
    
    #content {
	float: left;
	width: 60%;
	margin: 0;
	padding: 30px 20px;
    }
    
    .margin_right {
	display: inline-block;
	float: none;
	width: 35%;
	margin: 0;
	clear: both;
    }
    
    .wrap_main {
	width: 100%;
	background-image: none;
	background-color: #fff;
    }
    
    .header img {
	width: 100%;
	height: auto;
    }

}

/* Sondergroesse ------------------------------------------------------------ */
@media only screen and (max-width: 850px) {

    #content {
	float: left;
	width: 95%;
	margin: 0;
	padding: 30px 20px;
    }
    
    .img_titled img {
	max-width: 300px;
    }
    
    .margin_right {
	display: inline-block;
	float: none;
	width: 100%;
	margin: 0;
	clear: both;
    }
    
    #container_1 {
	padding-left: 20px;
    }
    
    #container_1 .infobox, #container_1 div.img_titled {
	float: left;
	margin-right: 20px;
    }
    
    .img_titled img {
	max-width: 130px;
	height: auto;
    }

}

/* Tablet hoch (und kleiner) ------------------------------------------------- */
@media only screen and (max-width: 767px) {
    
    #content {
	width: auto;
    }
    
    .nav_level_00 {
	font-size: 15px;
	font-weight: normal;
	background-image: none;
    }
    
    .nav_level_00_current, .nav_level_00_open { 
	background-image: none !important;
    }
    
    .nav_level_00_spacer_before {
	display: none !important;
    }


}

/* Sondergroesse ------------------------------------------------------------ */
@media only screen and (max-width: 550px) {
    
    .content_copy {
    }

    #img_main_header {
	display: none;
    }
    
    #img_main_header_mobile {
	display: inline-block;
    }
    
    table.form_book input.full, table.form_book textarea.full {
	width: 95%;
    }
    
    
    
}

/* Smartphone hoch (und kleiner) ------------------------------------------------- */
@media only screen and (max-width: 320px) {

    body.main_content {
	margin: 0;
    }
    
    .nav_level_00 {
	padding-left: 10px;
	padding-right: 10px;
    }
    
    #content {
	padding: 30px 10px;
    }
    
    #container_1 {
	padding-left: 10px;
	padding-right: 10px;
    }
    
    #container_1 .infobox, #container_1 div.img_titled {
	float: left;
	margin: 0;
	margin-bottom: 10px;
    }
    
    #container_1 div.img_titled {
	margin-right: 10px;
    }
    

}