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

body  {
	width: 100%;
	font-family: Arial, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background: url(images/bg_verlauf.jpg) repeat-x 0 0 #fff;
	font-size: 100%;
	line-height: 1.3em;
	color: #425768;
	color: #6b8192;
	position: relative;
}

div#background {
	position: relative;
	margin: 0 auto;
	background: url(images/shells.png) no-repeat 620px 440px;
	width: 1100px;
	/*width: 452px;
	height: 379px; 
	padding-top: 440px;
	padding-left: 860px;
	border: 1px solid red; */
}

h1, h2 {
	font-family: Arial, "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
}

h1 {
	font-size: 3em;
	letter-spacing: -0.05em;
	color: #990000;
}

h2 {
	font-size: 3em;
	letter-spacing: -0.05em;
	color: #e1e8ef;
}

h3 {
	font-size: 1.5em;
}

h4 {
	font-size: 1.5em;
	font-weight: normal;
}

div#all_in {
	padding-top: 20px;
	position: relative;
}

div#all_in h1, div#all_in h2 {
	text-indent: -999em;
}

div#all_in h1 a {
	background: url(images/RotesStrandhaus_logo.png) no-repeat 0px 0px;
	width: 349px;
	height: 34px;
	position: relative;
	display: block;
}

div#all_in > h2 {
	background: url(images/koordinaten.png) no-repeat 0px 0px;
	width: 335px;
	height: 40px;
	position: absolute;
	right: 0;
	top: 20px;

}

.menu_body {
	font-family: Arial, "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	padding-top: 1em;
	font-size: 1.2em;
}

.menu_body > li {
	float: left;
	margin-right: 1.5em;
	/* width: 140px; */
	display: block;
	/* background:#493e3b; */
}

.menu_body ul {
	position: absolute;
	background-color: #eef5fb;
	filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
	opacity: 0.9;
	border-left: 1px solid #990000;
	z-index: 99;
}

.menu_body li li {
	font-size:	20px;
	width: auto;
	/* background:		#BDD2FF; */
	clear: left;
	position: relative;	
	margin-left: 10px;
}

.menu_body li a {
	padding-top:5px;
	display:block;
}

.menu_body li a, #galerie_index li, #galerie_index li a, #galerie_all li a  {
	color:#990000;
	text-decoration:none;
}


.menu_body li a:hover, .menu_body li a:active {
	/* text-decoration: underline; */ 
	/* color: #000; */
}

.menu_body a.active {
	color: #425768;
	color: #6b8192;
}

div#content {
	clear: left;
	padding-top: 20px;
}

div#site_info {
	padding-top: 4em;
	line-height: 0.9em;
	margin:0 auto;
	text-align: center;
}

div#all_in {
	width: 920px;
	margin:0 auto;
	position: relative;
}


div#key_images, div#map_rahmen {
	background: url(images/rahmen.png);
	width: 912px;
	height: 412px;
}

div#map_rahmen {
	margin-top: 2em;
}


ul#images {
	margin-left: 18px;
	top: 15px;
	position: relative;
}


/* links & Rechtsbuendigkeit zum Rahmen */ 
ul#data_output, div#all_in h1, div#all_in h2, ul.nav.menu_body, ul#galerie_index {
	/* border: 1px solid black; */
	margin-left: 6px;
	margin-right: 16px;
}


ul#data_output ul, ul#data_output ol {
	margin-left: 20px;
	list-style-position: outside;
}

ul#data_output ul {
	list-style-type: disc;
}

ul#data_output ul li {
	margin: 0;
	padding: 0;
	line-height: .6em;
}

ul#galerie_index {
   clear: left;
   text-align: left;
}

#galerie_all {
   text-align: center;
	margin: 20px auto;
}

ul#data_output {
   clear: left;
   text-align: left;
   margin-top: 1em;
   margin-bottom: 2.5em;
   line-height: 1.2em;
   min-height: 280px;
}


ul#data_output li {
	margin-top: 1em;
}

/*
ul#data_output > li > span {
   display:block; float:left; width:75px; 
   text-align:left; clear:both;
}
*/

div#key_images {
	position: relative;
}

img#arrow-left, img#arrow-right {
	position: absolute;
	z-index: 98;
	top: 184px;
}

img#arrow-left {
	left: 24px;
}

img#arrow-right {
	right: 24px;
}

.red {
	color: #990000;
}

.clear_left {
	clear: left;
}

div.preisblock {
	width: 293px;
	float: left;
}

ul#galerie {
	list-style: none;
}

ul#galerie li {
	width: 290px;
	float: left;
}

ul#galerie li span.img_size_container {
	width: 279px;
	height: 209px;
	overflow: hidden;
	margin: 0; padding: 0;
	-o-box-shadow: 5px 5px 5px #ccc;
	-moz-box-shadow: 5px 5px 5px #ccc;
	-webkit-box-shadow: 5px 5px 5px #ccc;
}

ul#galerie li span {
	text-align: center;
	width: 279px;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 5px;
}

span.img_container {
	padding: 5px;
}


div#map1 {
	width:872px;
	height:372px;
	margin:0 auto;
	top: 15px;
	position: relative;
}

 
.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(images/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}

#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0}
#bluemask {background:#4195aa}
#frameless {padding:0}
#frameless .tclose {left:6px}

ul#galerie_index {  list-style: none; }
ul#galerie_index li { float:left; display: inline-block; padding-right: 5px; }
ul#galerie_index li:before { content: "| "; }
ul#galerie_index li:first-child:before { content: " "; }
ul#galerie_index li:first-child { margin-left: 0; }