@charset "UTF-8";
/* CSS Document */

* {outline: none;}

body{
background:url(../images/bg.png) fixed; font-family: Garamond, 'EB Garamond', serif; color: #575756; font-size:19px; text-shadow: 1px 1px 2px #ddd; text-align:justify; font-weight:normal; width:100%; height:100%; margin:0px; overflow-x:hidden; overflow-y:scroll; }

a:link {color: #575756; text-decoration:underline;}
a:visited {color: #575756;}
a:hover {color:#7e7e7e; text-decoration:none;}
a:active {color:#7e7e7e; text-decoration:none;}

img{ border:none;}
img a{border:none;}

h1{ font-weight:normal; font-size:55px; text-align:left; text-shadow: 1px 1px 3px #aaa; margin:0; margin-bottom:10px; line-height:1;}
h2{ font-weight:normal; font-size:40px; text-align:left; text-shadow: 1px 1px 2px #aaa; margin:0;}
h3{ font-weight:normal; font-size:24px; text-align:left; text-shadow: 1px 1px 3px #ddd; margin:0;}
h4{ font-weight:normal; font-size:22px; text-align:left; text-shadow: 1px 1px 3px #ddd; margin:0;}
h5{ font-weight:normal; font-size:55px; text-align:left; text-shadow: 1px 1px 3px #aaa; margin:0; margin-bottom:10px; margin-left:5%; line-height:1;}
h6{ font-weight:normal; font-size:55px; text-align:left; text-shadow: 1px 1px 3px #aaa; margin:0; margin-bottom:10px; line-height:1;}

#slogan{font-family: SverigeScript; font-weight:normal; font-size:24px; text-align:center; text-shadow: 1px 1px 3px #ddd; margin:0;}

p{ padding:0; margin:0; padding-top:4px; line-height: 20px; font-size: 15px;}
p.frei{ color:#4F804D;}
p.vermietet{ color:#9D4137;}
p.einzeilig{ padding-top:12px;}
p.zweizeilig{ padding-top:3px;}


.text{ font-weight:normal; font-size:14px; text-shadow: 1px 1px 2px #ddd;}
.text_index{ font-weight:normal; font-size:14px; text-shadow: 1px 1px 2px #ddd;}
.nobr{ white-space:nowrap;}
.nobr2{ white-space:nowrap;}

#container{ position:absolute; top:0; width:100%; height:100%; z-index:1;}


/* HEADER */
#header_container{ width:100%; height: 220px; position:absolute; z-index:100;}
#header_top{ width:100%; height:160px; position:relative; z-index:101;}
#logo{width:848px; height:158px; margin:0 auto; margin-top:-160px; position:relative; z-index:103;}
#logo_resp {display: none;}
.logo{ width:100%;}

/* MENU */
#menu_back{ height:35px; width:100%; position:relative;}
#bg {position: relative; width: 100%; text-align: center; height: 35px; margin: 0 auto; top: -35px;}
#bg_resp {display: none;}

#menu{display:block; width:750px; height:35px; margin:0 auto; top:-70px; text-align:center; position:relative; z-index:200;}  

ul#nav { border:none; border:0px; margin:0px; padding:0px; font-size:19px; font-weight:normal; text-align:center;}
ul#nav ul{ height:35px; list-style:none; margin:0; padding:0;}

/* first level */
ul#nav li{float:left; padding:0px; display:inline;}
ul#nav li.space {display:block; color:#575756; font-size:15px; line-height:35px; padding:0px 0px 0px 0px; margin:0px; text-shadow: 0px 1px 2px #7e7e7e; }
ul#nav li a{display:block; color:#575756; text-decoration:none; font-size:19px; line-height:35px; margin:0px; text-align:left; padding:0px 30px 0px 30px;}
ul#nav li.active a{color:#7e7e7e;}
ul#nav li.active a:hover{color:#575756;}
ul#nav li a:hover, .menu ul li:hover a{ color:#7e7e7e; text-decoration:none;} 

/* second level */
ul#nav li ul{display:none; height:auto; background:url(../images/bg_submenu.png); padding:0px; margin:0px; border:0px; position:absolute; width:250px; z-index:9;} 
ul#nav li:hover ul{display:block;  margin-top: 0px; margin-top: -7px\9; /* IE 8 and below */ *margin-top: -7px; /* IE 7 and below */ _margin-top: -7px; /* IE 6 */} 
ul#nav li li {display:block; float:none; margin:0px; padding:0px; width:250px; border-top: 1px solid #ccc;}
ul#nav li:hover li a{background:none;} 
ul#nav li ul a{display:block; height:35px; color:#575756; font-size:19px; font-style:normal; text-align:left; margin:0px; padding:0px 10px 0px 10px;} 
ul#nav li ul .active a{color:#575756;}
ul#nav li ul a:hover, .menu li ul li:hover a{ border:0px; color:#7e7e7e; text-decoration:none; } 
ul#nav p{ clear:left;}

/* MENU MOBILE*/
#menu_mobile{display:none;}


/* CONTAINER */
#content_container{ position:absolute; top: 193px; bottom: -20%; width:100%; height: 100%; z-index:2;}


/*SLIDER*/
#slider_web {position: relative; margin: 0 auto; text-align: center; max-width: 1000px; width: 100%; z-index: 200;}
.fluid_container { margin: 0 auto; width: 100%;}

#index_slogan {position: absolute; margin: 0 auto!important; width: 100%; text-align: center; top: 320px; z-index: 2000; opacity: 0.2;}

/* CONTENT */
#content {position: relative; margin: 0 auto; text-align: center; width: 1000px; height: auto; z-index: 100; bottom: 0px; background: url(../images/bg_content.png); background-repeat: repeat-y;}
#content_sub {position: relative; margin: 0 auto; text-align: center; width: 1000px; height: auto; z-index: 100; bottom: 0px; margin-top: -235px; background: url(../images/bg_content.png); background-repeat: repeat-y;}
#text {position: relative; width: 848px; margin: 0 auto; text-align: justify; z-index: 300; padding-bottom: 1000px;}
#text_form {position: relative; width: 848px; margin: 0 auto; text-align: justify; z-index: 300; padding-bottom: 800px;}
#text_impress {position: relative; width: 848px; margin: 0 auto; text-align: justify; z-index: 300; padding-bottom: 1350px;}
.text {position: relative; float: right; width: 60%; top: 70px; right: 40px; z-index: 300;}
.text_index {position: relative; top: -65px; float: right; width: 60%; right: 40px; z-index: 300;}
.text_index img {width: 200px; position: relative; float: inherit; margin: 0 auto;}
.text_kontakt {position: relative; float: left; width: 40%; left: 40px; text-align: left;}
.text_kontakt img {width: 180px;}

.text ul {margin-top:2px; font-size: 12px; line-height: 18px; padding-left: 15px; text-align: left;}
.text ul li {padding-left: 10px; padding-top: 4px; text-align: left;}

#example1 {position: relative; padding-bottom: 20px;}
#example1 img {opacity: 0.9; width: 100%;}
#example1 img:hover {opacity: 1;}
#example1 a {float: left; padding: 2px; width: 29%;}

#grund img {opacity: 0.9; width: 100%;}
#grund img:hover {opacity: 1;}


/*FORMULAR*/
#formular { font-size: 15px; padding: 0; position: relative; float: right; width: 460px; top: 100px; right: 90px; }
#formular span{ display:block; float:left; width:120px; padding-top:5px; font-family: Garamond, 'EB Garamond', serif; font-weight: lighter;}
#formular input{ font-family: Garamond, 'EB Garamond', serif; font-weight: lighter; font-size: 1.1em; float: left; width: 280px; border: 0px; color: #575756; padding: 10px 10px 10px 20px; margin-bottom: 10px;}
#formular textarea{ font-family: Garamond, 'EB Garamond', serif; font-weight: lighter; font-size: 1.1em; float: left; border: 0px; width: 280px; height: 100px; padding: 10px 10px 10px 20px; color: #575756;}
#formular input {background:url(../images/bg_submenu.png) center; background-color: #fff; border: 1px solid #ccc; border-radius: none;}
#formular textarea {background:url(../images/bg_submenu.png) center; background-color: #fff; border: 1px solid #ccc;}
#formular input.submit {color: #575756; font-family: Garamond, 'EB Garamond', serif; font-weight: lighter; cursor: pointer; width: 75px; height: 30px; line-height: 10px; float: right; padding: 8px 0px 8px 0px; margin: 10px 30px 0px 0px; background:url(../images/bg_submenu.png) center; background-color: #fff; border: 1px solid #ccc; color: #fff; }
#formular input:focus, #formular textarea:focus{ color:#575756; background:url(../images/bg_submenu.png) center; background-color: #fff; border: 1px solid #ccc;}
.error {background-color: #95c11e; color: #3c3c3b; margin: 3px; padding: 3px; width: 300px; margin-left: 100px;}
textarea {resize:none;}

/* Tabelle Hausuebersicht */
.table_firstrow_first, .table_firstrow, .table_firstrow_last{ position:relative; height:42px; float:left; background:#C9CACA; font-size:14px; text-transform:uppercase; text-align:center; overflow:hidden; border-right:1px solid #B2B2B2; border-top:1px solid #575756; border-bottom:1px solid #575756;}

.table_lastrow_style01_first, .table_lastrow_style02_first, .table_lastrow_style01_second, .table_lastrow_style02_second, .table_lastrow_style01, .table_lastrow_style02, .table_lastrow_style01_last, .table_lastrow_style02_last{border-bottom:1px solid #575756 !important;}

.table_row_style01_first, .table_row_style01_second, .table_row_style01, .table_row_style01_last, .table_lastrow_style01_first, .table_lastrow_style01_second, .table_lastrow_style01, .table_lastrow_style01_last{ position:relative; float:left; height:25px; font-size:14px; text-align:center; border-right:1px solid #B2B2B2; border-bottom:1px solid #B2B2B2;}

.table_row_style02_first, .table_row_style02_second, .table_row_style02, .table_row_style02_last, .table_lastrow_style02_first, .table_lastrow_style02_second, .table_lastrow_style02, .table_lastrow_style02_last{ position:relative; float:left; height:25px; font-size:14px; text-align:center; border-right:1px solid #B2B2B2; border-bottom:1px solid #B2B2B2; background:#E3E3E3;}

.table_firstrow_first, .table_row_style01_first, .table_row_style02_first, .table_lastrow_style01_first, .table_lastrow_style02_first{ width:18.5%; border-left:1px solid #575756;}
.table_firstrow, .table_row_style01, .table_row_style01_second, .table_row_style02, .table_row_style02_second, .table_lastrow_style01, .table_lastrow_style01_second, .table_lastrow_style02, .table_lastrow_style02_second{ width:16%;}
.table_firstrow_last, .table_row_style01_last, .table_row_style02_last, .table_lastrow_style01_last, .table_lastrow_style02_last{ width:16%; border-right:1px solid #575756 !important;}

.table_row_mobile, .table_lastrow_mobile{ display:none; position:relative; float:left; height:25px; font-size:14px; text-align:center;}
.table_line_lastrow{ display:none;}
.table_row_mobile_details01, .table_row_mobile_details02{ display:none;}

/* Tabelle Whgs 4-Spalten */
.tablewhg_firstrow_first, .tablewhg_row_first, .tablewhg_row_first-last, .tablewhg_lastrow_first{ position:relative; float:left; width:35%; border-left:1px solid #575756;}
.tablewhg_firstrow, .tablewhg_firstrow_second, .tablewhg_firstrow_last, .tablewhg_row, .tablewhg_row_last, .tablewhg_row_last-last, .tablewhg_row_empty, .tablewhg_row_empty_last, .tablewhg_lastrow, .tablewhg_lastrow_last{ position:relative; float:left; width:21%;} 

.tablewhg_firstrow_first, .tablewhg_firstrow_second, .tablewhg_firstrow, .tablewhg_firstrow_last{ background:#C9CACA; height:42px; border-top:1px solid #575756; border-bottom:1px solid #575756; text-align:center; font-size:16px; text-transform:uppercase;}

.tablewhg_row_first, .tablewhg_row_first-last, .tablewhg_row, .tablewhg_row_empty, .tablewhg_row_last, .tablewhg_row_last-last, .tablewhg_row_empty_last{ text-align:center; font-size:16px; height:24px;}
.tablewhg_lastrow_first, .tablewhg_lastrow, .tablewhg_lastrow_last{ border-top:1px solid #575756; border-bottom:1px solid #575756; text-align:center; font-size:16px; background:#E3E3E3; height:24px; margin-top:-1px;}

.tablewhg_firstrow_last, .tablewhg_row_last, .tablewhg_row_last-last, .tablewhg_row_empty_last, .tablewhg_lastrow_last{border-right:1px solid #575756; }
.tablewhg_firstrow_first, .tablewhg_firstrow_second, .tablewhg_firstrow, .tablewhg_row_first, .tablewhg_row_first-last, .tablewhg_row, .tablewhg_row_empty, .tablewhg_lastrow_first, .tablewhg_lastrow{border-right:1px solid #B2B2B2;}
.tablewhg_row_first, .tablewhg_row_first-last, .tablewhg_row, .tablewhg_row_last, .tablewhg_row_last-last, .tablewhg_row_empty, .tablewhg_row_empty_last{ border-bottom:1px solid #B2B2B2;}

.tablewhg_row_mobile{ position:relative; float:left; display:none; height:24px;}

/* BUTTON */
#button_back{ display: block; height:35px; width:848px; margin: 0 auto; text-align:center; position: relative; bottom: 50px; z-index:400;}

/* FOOTER */
#impressum {max-width: 828px; width: 100%; text-align: center; margin: 0 auto; background: url(../images/bg_menu_2.png); background-size: 828px; background-repeat: no-repeat;}
.links {clear: both;}
#impressum a {font-size: 19px; text-decoration: none; line-height: 35px; padding:0px 30px 0px 30px;}
#impressum .active {color:#7e7e7e;}


/* button bottom */
.button_bottom{ display:none;}


/* HEIGHT mehr als 800px */
@media all and (min-height: 800px) {
.button_bottom{ position:fixed !important; bottom:0px;}	
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
#example1 img {opacity: 1;}
#grund img {opacity: 1;}
}

@media all and (max-width: 1000px) {
#content {width: 100%; background-size: 100%;}
#content_sub {width: 100%; background-size: 100%;}
#text {width: 80%; right: 0px; left: 10px;}
#text_impress {width: 80%; right: 0px; left: 10px;}

#index_slogan {top: 280px;}

#bg {display: none;}
#bg_resp {display: block; position: relative; width: 100%; text-align: center; height: 35px; margin: 0 auto; top: -35px;}

#button_back{ width:100%;}
#impressum {width: 90%; background-size: 100%; height: 35px; background-repeat: repeat-y;}
}

@media all and (max-width: 900px) {
.camera_prev {left: 70px!important;}
.camera_next {right: 70px!important;}
.camera_commands {right: 112px!important;}

/* CONTENT */
#text { padding-bottom: 1100px;}
#text_form { padding-bottom: 700px;}
#text_impress { padding-bottom: 1600px;}
.text {width: 90%; text-align: left; left: -30px; top: 90px;}
.text_index {width: 90%; text-align: left; left: -30px;}

#index_slogan {top: 260px;}
#index_slogan img {width: 60%;}

#text_form {width: 80%;}
.text_kontakt {left: 20px; clear: both; width: 90%!important;}
#formular {float: left; left: 40px; padding-top: 20px; text-align: left; top: 90px;}
}

@media all and (max-width: 848px) {
#logo {display: none;}
#logo_resp {display: block; width: 482px; height:158px; text-align: center; margin:0 auto; margin-top:-160px; position:relative; z-index:103;}

#index_slogan {top: 240px;}

#menu{width:550px;}
ul#nav li a{padding:0px 10px 0px 10px;}
}

@media all and (max-width: 840px) {
.camera_prev {left: 64px!important;}
.camera_next {right: 64px!important;}
.camera_commands {right: 106px!important;}

/* GALLERY */
#example1 img {opacity: 1;}
#grund img {opacity: 1;}
}

/* MOBILE-VERSION */
@media all and (max-width: 700px) {
h1{ font-weight:normal; font-size:50px; text-shadow: 1px 1px 3px #aaa; margin:0; margin-bottom:10px; letter-spacing:0px;}
h2{ font-weight:normal; font-size:35px; text-shadow: 1px 1px 2px #aaa; margin:0; letter-spacing:0px;}
h3{ font-weight:normal; font-size:22px; text-shadow: 1px 1px 3px #ddd; margin:0; letter-spacing:0px;}
h4{ font-weight:normal; font-size:18px; text-shadow: 1px 1px 3px #ddd; margin:0; letter-spacing:0px;}
h6{ display:none;}

#slogan{font-family: SverigeScript; font-weight:normal; font-size:22px; text-align:center!important; text-shadow: 1px 1px 3px #ddd; margin:0; margin: 0 auto;}
#index_slogan {display: none;}

/* HEADER */
#header_container{ position:relative; height:auto; margin-bottom:20px;}
#header_top{ border-bottom:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}

/* MENU */
#menu{ display:none;}
#menu_back{ display:none;}
#bg_resp {display: none;}

/* MENU MOBILE*/
#menu_mobile{ display:block; width:100%; height:auto; float:left; border-bottom:1px solid #ccc; border-top:1px solid #ccc; background:url(../images/bg_submenu.png) center; background-color: #fff; -webkit-box-shadow:0px 0px 10px #7e7e7e; -moz-box-shadow:0px 0px 10px #7e7e7e; box-shadow:0px 0px 10px #7e7e7e;  position:relative; z-index:201; margin-bottom:20px;}	
#navigation{ padding:0;}
	
/* first level menu item's font face */
#navigation > ul > li > a{ font-family: Garamond, 'EB Garamond', serif; color: #575756; font-size:19px; text-decoration:none; height:100%; margin-left:0px; margin-right:0px; padding:7px; padding-left:20px; border-bottom: 1px solid #E3E3E3; }
#navigation > ul > li.active > a{color: #7e7e7e;}
#navigation, #navigation a{ display:block;}

#navigation a.inactive{ background:url(../images/plusminus.png) right 15px no-repeat;}	
#navigation a.active{ background:url(../images/plusminus.png) right -21px no-repeat;}	
	
/* current page items and hover states */
#navigation a:hover, #navigation ul li.current_page_item a, #navigation ul li.current-menu-ancestor a{  color:#7e7e7e;}		
#navigation ul li.current_page_item a:hover, #navigation ul li.current-menu-ancestor a:hover{ color:#7e7e7e;}	
#navigation ul ul li.current-menu-item a{color:#7e7e7e;}
#navigation ul ul li.active a{color:#7e7e7e;}

#navigation ul{ padding:0; display:block; margin:0; list-style:none !important;}

/* First Level */
#navigation > ul{}
#navigation > ul > li{ padding:0px 0 0px 0;}
#navigation ul li{display:block;}

/* Sub Levels */
#navigation ul ul{display:none; margin:0px 0 0 0;}	
#navigation ul ul li{margin-left:0px; margin-right:0px; padding:7px; padding-left:40px; border-bottom: 1px solid #EAEAEA;}
#navigation ul ul li.last{ border-bottom:1px solid #EAEAEA;}
#navigation ul ul li a{color: #575756; font-size:19px; text-decoration:none;}

/*SLIDER*/
.camera_prev, .camera_next, .camera_commands { display: none;}

/* CONTENT */
#content_container{position: relative; top: -20px;}
#text { padding-bottom: 1150px;}
#text_form { padding-bottom: 700px;}
.text {width: 90%; text-align: left; left: -30px; top: 150px;}
.text_index {width: 90%; text-align: left; left: -30px;}

#formular {top: 150px;}

.table_firstrow_first, .table_firstrow, .table_firstrow_last{ display:none;}

.table_row_style01_first, .table_row_style02_first, .table_row_mobile, .table_lastrow_style01_first, .table_lastrow_style02_first, .table_lastrow_mobile{ width:58%;}
.table_row_style01, .table_row_style02, .table_row_style01_second, .table_row_style02_second, .table_row_style01_last, .table_row_style02_last, .table_lastrow_style01, .table_lastrow_style02, .table_lastrow_style01_second, .table_lastrow_style02_second, .table_lastrow_style01_last, .table_lastrow_style02_last{ width:40%;}

.table_row_mobile, .table_lastrow_mobile{ display:block; border-left:1px solid #575756; border-right:1px solid #B2B2B2;}
.table_row_style01, .table_row_style02, .table_row_style01_last, .table_row_style02_last, .table_lastrow_style01, .table_lastrow_style02, .table_lastrow_style01_last, .table_lastrow_style02_last{ background:none; border:none !important; border-right:1px solid #575756 !important;}
.table_row_style01_first, .table_row_style02_first, .table_row_style01_second, .table_row_style02_second, .table_lastrow_style01_first, .table_lastrow_style02_first, .table_lastrow_style01_second, .table_lastrow_style02_second{ background:#E3E3E3; border-top:1px solid #575756; border-bottom:1px solid #575756; font-size:18px;}
.table_row_style01_second, .table_row_style02_second, .table_lastrow_style01_second, .table_lastrow_style02_second{ border-right:1px solid #575756;}

.table_line_lastrow{ display:block; height:1px; width:100%; background:#575756;}

.table_row_mobile_details01{ position:relative; float:left; display:block; width:58%; height:0px; border-left:1px solid #575756; border-bottom:1px solid #575756; border-right:1px solid #B2B2B2; margin-bottom:10px; }
.table_row_mobile_details02{ position:relative; float:left; display:block; width:40%; height:0px; border-right:1px solid #575756; border-bottom:1px solid #575756; font-size:16px; text-align:center; margin-bottom:10px; }


/* Tabelle Whgs 4-Spalten */
.tablewhg_firstrow_first, .tablewhg_row_first, .tablewhg_row_first-last, .tablewhg_lastrow_first{ width:58%;}
.tablewhg_row_empty, .tablewhg_row_empty_last, .tablewhg_firstrow, .tablewhg_firstrow_last{ display:none;}
.tablewhg_row, .tablewhg_row_last, .tablewhg_row_last-last, .tablewhg_firstrow_second, .tablewhg_lastrow, .tablewhg_lastrow_last{ width:41.1%; border-right:1px solid #575756;}

.tablewhg_row_first-last, .tablewhg_row_last-last{ border-bottom:1px solid #575756;}

.tablewhg_row_mobile{display:block; width:58%; text-align:center; background:#E3E3E3; border-left:1px solid #575756; border-right:1px solid #B2B2B2; }
.tablewhg_lastrow, .tablewhg_lastrow_last, .tablewhg_row_mobile, .tablewhg_lastrow_first, .tablewhg_lastrow_second{ font-size:18px; border-bottom:1px solid #575756; border-top:1px solid #575756; margin-top:5px;}


/* button bottom */
#button_back {display: none;}

.button_bottom{text-align: left; display:inline-block; height:35px; width:100%; border-top:1px solid #ccc; background:url(../images/bg_submenu.png) center; background-color: #fff; -webkit-box-shadow:0px 0px 10px #7e7e7e; -moz-box-shadow:0px 0px 10px #7e7e7e; box-shadow:0px 0px 10px #7e7e7e; z-index:999; position:relative; padding-left:0px; padding-top:12px; margin-bottom: -20px;}
a.button_bottom:link{ text-decoration:none !important;}
}

@media all and (max-width: 600px) {
.text_kontakt {left: 10px;}
#formular {left: 10px;}
}

@media all and (max-width: 630px) {
#example1 img {width: 48%!important;}
#example1 a {float: none; padding: 2px;}

#text_impress { padding-bottom: 1350px;}
}

@media all and (max-width: 570px) {
#formular {width: 80%; clear: both; margin: 0 auto; right: -20px;}
#formular input.submit {float: left;}
#formular input{width: 100%;}
#formular textarea{width: 100%;}
}

@media all and (max-width: 482px) {
#logo_resp {display: block; width: 100%; height:auto; text-align: center; margin:0 auto; margin-top:-160px; position:relative; z-index:103;}
}

@media all and (max-width: 320px) {
#content {width: 100%; background-size: 332px; margin-left: -5px;}

#content_sub {margin-top: -80px;}

.text {width: 90%; text-align: left; left: -30px; right: -30px; top: 30px;}
.text_index {width: 90%; text-align: left; left: -30px; right: -30px; }

#formular {top: 30px; left: 0px;}

#example1 a {padding: 1.5px;}
}