/* START ADMIN */
div#admin_box {
	position: relative;
	width: 1500px;
	margin: 0px 0px;
	clear: both;
	}

div#admin_hauptmenue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	text-align: left;
	background-color: #ffffff;
	width:200px;
	display: block;	
	border: 1px solid #3e3ee7;
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	padding: 0px;
	margin: 0px;
	}
div#admin_hauptmenue a{
	color: #444444;
	text-decoration: none;
	}
div#admin_hauptmenue a:hover{
	color: red;
	text-decoration: none;
	background-color: #cccccc;
	}
div#admin_hauptmenue a.hover{
	color: red;
	text-decoration: none;
	}
	
div#admin_hauptmenue_kopf {
	background-color: #3e3ee7;
	display: block;	
	position: relative;
	float:right;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	}
div#admin_hauptmenue_kopf a{
	color: white;
	text-decoration: none;
	}
	
div.admin_content {
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #222222;
	background-color: #ffffff;
	position: relative;
	margin: 0px;
	padding: 0px;
	padding-bottom: 5px;
	width: auto;
	border: 1px solid #3e3ee7;
	}
div.admin_content table.menue{
	font-size: 0.8em;
	border: 1px solid black;
	background-color: #eeeeee;
	text-align: left;
	width: auto;
	margin-bottom: 5px;
	}
div.admin_content table.clear{
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	}
	
div.admin_content th{
	border: 1px solid gray;
	background-color: #dddddd;
	text-align: left;
	}
div.admin_content form {
	display: inline;
	}

div.admin_content select, input {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 0px;
	margin: 0px;
	border: 1px solid gray;
	}



	
	
	
	
span.textbutton_gruen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
	font-weight: 400;
	line-height: 11px;
	height: 11px;
	border: 1px solid #556a00;
	margin: 0px;
	padding: 0px;
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-top: 2px;
	background-color: #f2fbcc;
	}
span.textbutton_gruen a {
	color: #556a00;
	display: block;
	}
span.textbutton_gruen a.hoover {
	background-color: red;
	color: white;
	display: block;
	}

span.textbutton_rot {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	font-weight: 200;
	line-height: 14px;
	height: 14px;
	/*border: 1px solid #f1aeae;*/
	border: 1px solid #999999;
	padding: 0px;
	padding-bottom: 1px;
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	background-color: #cc3333;
	vertical-align: middle;
	}
span.textbutton_rot a {
	color: white;
	display: block;
	}
	
span.textbutton_blau {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
	font-weight: 400;
	line-height: 11px;
	height: 11px;
	border: 1px solid #003399;
	margin: 0px;
	padding: 0px;
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-top: 2px;
	background-color: #cbdcff;
	}
span.textbutton_blau a {
	color: #003399;
	display: block;
	}
	
ul.admin_me0 {
	list-style-type: none;
	margin-top: 0px;
	margin-left: 3px;
	padding-left: 3px;
	}
ul.admin_me0 li{
	padding-top: 2px;
	}

ul.admin_me1, ul.admin_me2 {
	list-style-type: none;
	}

ul.admin_me1 {
	margin-left: 15px;
	padding-left: 0px;
	}

ul.admin_me2 {
	margin-left: 15px;
	padding-left: 0px;
	}
	
h1.admin {
	padding: 0px 0px 5px 0px;
	margin: 0px;
	}	
/* ------------------------------------------------------------------------- */
	
	
/* ---------------  CMS ADMIN - Zeilentdefinition --------------- */	
div.cms_zeile_admin {
	margin:  0px;
	margin-left: 10px;
	margin-right: 15px;
	padding: 0px;
	width: 900px;	
	background-color: #eeeeee;
	border: 1px solid gray;
	clear: both;
	}
div.cms_zeile_admin_kopf{
	background-color: #666666;
	color: #eeeeee;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	height: 17px;
	width: 900px;
	clear: both;
	}
span.cms_zeile_admin_kopf_start{
	width: 800px;
	float: left;
	}
div.cms_zeile_admin_inhalt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	clear: both;
	padding-bottom: 5px;
	}
/* ------------------------------------------------------------------------- */
	
	
/* ---------------  CMS ADMIN - Elementdefinition --------------- */	
div.cms_element_admin {
	margin: 20px 30px 20px 0px;
	padding: 0px 0px 0px 40px;
	border-style: solid;
	border-color: #999999;
	border-width: 2px 0px 0px 0px;
	clear: both;
	}
div.cms_element_admin_kopf {
	background-color: #999999;
	color: #eeeeee;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	vertical-align: bottom;
	height:17px;
	}
div.cms_element_admin_inhalt {
	margin: 0px;
	padding: 0px;
	background-color: #dddddd;
	}
span.cms_element_admin_kopf_start{
	width: auto;
	float: left;
	}
/* ------------------------------------------------------------------------- */	
	
	
input.cms_delete {
	width: 13px;
	height: 13px;
	border: none;
	background: url(images/ee/del_13x13_1.gif);
	}
input.cms_save {
	width: 13px;
	height: 13px;
	border: none;
	background: url(images/ee/save_13x13_1.gif);
	}
	
div.cms_info {
	margin:  0px;
	padding: 0px;
	clear: both;
	}
div.cms_info_kopf{
	background-color: #009966;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	height: 17px;
	clear: both;
	}

/* ENDE ADMIN */





























/* ANFANG CONTENT */

body {
	background: url(images/ee/sand.gif);
	border: none;
	margin: 0px;
	padding: 0px;
}

div#kopfbanner {
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width: auto;
	}
	
div#box {
	position: relative;
	top: -15px;
	width: 990px;
	
	margin: auto;
	}

div#hauptmenue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	text-align: left;
	background: url(images/ee/sandhell.gif);
	width:250px;
	display: block;	
	border: 1px solid #3e3ea7;
	/*border: 1px solid #796700;*/
	position: relative;
	top: -5px;
	left: -5px;
	color: #8A7D0D;
	text-decoration: none;
	font-weight: bold;
	}

td.sandhell {
	background: url(images/ee/sandhell.gif);
	}
	
a.hauptmenue {
	color: #8A7D0D;
	text-decoration: none;
	}
a.hauptmenue:hover{
	color: #0d6bc3;
	}
a.hauptmenue_hover{
	color: #0d6bc3;
	text-decoration: none;
	}
a.hauptmenue_hover:hover{
	color: #0d6bc3;
	text-decoration: none;
	}
a.hauptmenue_rot {
	color: #cc0000;
	text-decoration: none;
	}
a.hauptmenue_rot:hover {
	color: #ff0000;
	text-decoration: none;
	}
	
div.hauptmenue_shadow {
   float: left;
   background-color: #999999;
   background-image: url(images/ee/sanddunkel.gif);
   padding-left: 3px;
   margin: 0px;
   margin-left: 3px;
   margin-top: 6px;
   }
	
ul.me0 {
	list-style-type: none;
	margin-top: 0px;
	margin-left: 3px;
	padding-left: 3px;
	}
ul.me0 li{
	padding-top: 2px;
	}

ul.me1, ul.me2 {
	list-style-type: disc;
	list-style-image: url(images/muschel.jpg);
	}

ul.me1 {
	margin-left: 15px;
	padding-left: 15px;
	}

ul.me2 {
	margin-left: 15px;
	padding-left: 15px;
	}

div.content_max {
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #796700;
	text-align: justify;
	position: relative;
	top: 30px;
	left: 15px;
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	padding-bottom: 20px;
	
	width: 690px;
	background-image: url(images/kreide_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	}

div.content_min {
	width: auto;
	}	

a {
	color: #8A7D0D;
	text-decoration: none;
	font-weight: bold;
	}
a:hover{
	color: #3e3ee7;
	}
	
a.quicklink {
	color: #00317c;
	text-decoration: underline;
	font-weight: bold;
	}
a.quicklink:hover{
	color: #eeeeee;
	}

div#sprachwahl {
	position: relative;
	float: right;
	margin:0px;
	padding-top: 10px;
	padding-right: 10px;
	}
	
img.flagge {
	border: none;
	padding: 0px;
	margin: 0px;
	}

div.cms_zeile {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 680px;
	height: auto;
	clear: both;
	}

div.cms_element {
	position: relative;
	margin: 0px;
	margin-right: 5px;
	padding: 0px;
	float: left;
	width: auto;
	height: auto;
	}


/*Windows-Style Buttons für die Editoren */	
div.windows_style {
	margin: 0px;
	margin-bottom: 10px;
	padding: 5px;
	background: #efefde;
	border-bottom: 1px solid #555555;
	border-right: 1px solid #555555;
	border-left: 1px solid #fafaf5;
	border-top: 1px solid #fafaf5;
	width: auto; height: 18px;
	}
span.windows_style {
	width: auto; 
	float: left; 
	vertical-align: middle; 
	line-height: 14px;
	}
input.windows_style {
	margin: 0px;
	padding: 0px;
	width: auto; 
	float: left;
	}
input.windows_style_cb {
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	width: auto; 
	}
span.clear {
	clear: both;
	}
	
	
	






	
div#freie_zeiten {
	margin: 0px;
	padding: 0px;
	font-size: 0.8em;
	}
	
table.freie_zeiten {
	padding: 0px;
	margin: 0px; 
	border:1px #0398FE solid;
	border-spacing: 0px;
	background-color: #bbbbbb;
	}
table.freie_zeiten  td {
	padding: 1px;
	border:1px #bbbbbb solid;
	border-spacing: 0px;
	color: #666666;
	text-align: center;
	font-size: 0.9em;
	}
table.freie_zeiten  td.kopf{
	background-color: #0398FE;
	border:1px #0398FE solid;
	color: #eeeeee;
	font-weight: bold;
	text-align: center;
	font-size: 1em;
	}
table.freie_zeiten  td.monat{
	background-color: #82C0FF;
	border:1px #0398FE solid;
	color: #00317c;
	text-align: right;
	font-size: 1em;
	}
table.freie_zeiten  td.frei{
	background-color: #ffffff;
	}
table.freie_zeiten  td.anab{
	background-color: #FFBEBE;
	}
table.freie_zeiten  td.belegt{
	background-color: #ff6666;
	}
	
table.rg {
  border: none;
  border-spacing: 0px;
  padding: 0px;
  margin: 0px;
  color: #2457A4;
  }
  
table.kalender {
  border: none;
  border-spacing: 0px;
  padding: 0px;
  margin: 0px;
  }
td.dunkel {
  background-color: #0398FE;
  color: #eeeeee;
  font-weight: bold;
  padding: 5px;
  }
td.hell {
  background-color: #82C0FF;
  font-weight: bold;
  color: #00317c;
  padding: 5px;
  }
td.rahmen {
  background-color: #0398FE;
  }
td.inhalt {
  background-color: #82C0FF;
  color: #00317c;
  padding: 5px;
  }
td.inhalt_klein {
	background-color: #82C0FF;
	font-size: 12px;
	color: #00317c;
	padding: 5px;
	}
	
	
	
	
/*Anfrageformular */
a.anfrage {
	color: #00317c;
	text-decoration: underline;
	}
a.anfrage:hover{
	background-color: #00317c;
	color: white;
	}
	
select.anfrage {
	border: 1px solid grey;
	}
textarea.anfrage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	border: 1px solid grey;
	}
	
	
	
	
	
	
	
	
/* DEKLARATION DER CMS-ELEMENTE */

/*Siehe 
		\admin\FCKeditor\editor\css\fck_editorarea.css 	*/
/* Editorstyles XML in
		\admin\FCKeditor\fckstyles.xml				*/	
h1.Ueberschrift_1_b {
	font-size: 1.3em;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	}
h1.Ueberschrift_1_r {
	font-size: 1.4em;
	color: red;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	}
h2{	font-size: 1.0em;
	padding: 0px;
	margin: 0px;
	}
span.Text_1_r {
	color: red;
	padding: 0px;
	margin: 0px;
	}
span.Text_1 {
	padding: 0px;
	margin: 0px;
	}
div.Text_2_b {
	padding: 10px;
	margin: 2px;
	background: #116ECA;
	color: #FFFFff;
	border: 1px solid #FFFFff;
	text-align: center;
	}	
/* Ende automatisierte CMS-Elemente */
	
	
	
	
/*cms_element*/
.text_normal_block {
	font-size: 0.9em;
	text-align: justify;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	}
/*cms_element*/
img.bild_normal {
	margin: 2px;
	border: none;
	}
img.bild_text_oben{
	margin: 2px;
	border: none;
	}
img.bild_text_unten {
	margin: 2px;
	border: none;
	}

	
	
img.bild_normal_link_webcam {
	margin: 0px;
	border: none;
	border-left:   0px solid black;
	border-top:    1px solid black;
	border-bottom: 1px solid black;
	position: relative;
	top: -2px;
	left: -2px;
	}

img.bild_normal_link_webcam:hover {
	top: 0px;
	left: 0px;
	}
	
img.bild_normal_link{
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	padding: 0px;
	border: none;
	position: relative;
	top: -2px;
	left: -2px;
	}

img.bild_normal_link:hover {
	top: 0px;
	left: 0px;
	}
	
table.infounten {
	padding: 0px;
	margin: auto; 
	border-spacing: 0px;
	}
table.infounten  td.inhalt{
	padding-top: 0px;
	height: 95px;
	background-color: #82C0FF;
	border:1px #0398FE solid;
	color: #00317c;
	text-align: right;
	font-size: 12px;
	text-align: center;
	background-image: url(./images/ee/wellen/unten_5.gif);
	background-repeat: repeat-x;
	background-position: top;
	}

table.infounten  td.kopf{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 25px;
	background-color: #0398FE;
	border:1px #0398FE solid;
	color: #eeeeee;
	font-weight: bold;
	text-align: center;
	font-size: 13px;
	white-space: nowrap;
	}
table.infounten  td.kopfwelle{
	padding: 0px;
	margin: 0px;
	background-color: #0398FE;
	height: 5px;
	/*height: 20px;
	background-image: url(./images/ee/wellen/oben.gif);
	background-repeat: repeat-x;
	background-position: bottom;*/
	}

a.infounten_rot {
	background-color: #ff3333;
	border: 1px solid #ffffff;
	color: #ffffff;
	display: block;
	padding: 0px;
	margin: auto;
	/*margin-top: 15px;*/
	}

a.infounten_rot:hover {
	background-color: #ffffff;
	border: 1px solid #dd0000;
	color: #ff0000;
	}
	
a.infounten_blau {
	border: 1px solid #82C0FF;
	color: #00317c;
	display: block;
	padding: 0px;
	margin: auto;
	margin-top: 15px;
	}

a.infounten_blau:hover {
	border: 1px solid #ffffff;
	background-color: #0398FE;
	color: #ffffff;
	}

a.infounten_hellblau {
	border: 1px solid #cccccc;
	background-color: #82C0FF;
	color: #00317c;
	display: block;
	padding: 0px;
	margin: auto;
	}

a.infounten_hellblau:hover {
	border: 1px solid #ffffff;
	background-color: #0398FE;
	color: #ffffff;
	}
	
	
select.schnellsuche {
	background-color: #eeeeee;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #888888;
	padding: 0px;
	margin: 0px;
	margin-right: 1px;
	margin-left: 1px;
	}

  
input.schnellsuche{
 	background-color: #ff3333;
	border: 1px solid #ffffff;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 0px;
	padding-left: 8px;
	padding-right: 8px;
	margin: 0px;  
	}
input.schnellsuche:hover{
 	background-color: #ffffff;
	border: 1px solid #ff3333;
	color: #ff3333;
  }	

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;	
	}
    
div.wohnungContainer {
    position: relative;
    display: block;
    margin-top: 7px;
    margin-bottom: 0px;
    margin-right: 7px;
    padding: 5px 8px;
    height: 165px;
    width: 200px;
    float: left;
    background-color: #82C0FF;
    border: 1px solid #0398FE;
    border-radius: 2px;
    box-shadow: 1px 1px 2px #999999;
    color: #00317C;
    cursor: pointer;
}
div.wohnungContainer.singleContainer{
    margin-top: 0px;
    margin-left: 5px;
    width: 320px;
    height: 148px;
}
.mp13-- .cms_element img.bild_normal,
.mp10-- .cms_element img.bild_normal{
    border-radius: 2px;
    box-shadow: 1px 1px 2px #999999;
}
.cms_element img.floatLeftImText{
    float: left;
    margin-top: 3px;
    margin-right: 10px;
    border-radius: 2px;
    box-shadow: 1px 1px 2px #999999;
}

div.wohnungContainer h2 {
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
}
div.wohnungContainer p {
    font-size: 12px;
    line-height: 16px;
}
div.wohnungContainer div.nameContainer {
    position: absolute;
    display: inline-block;
    top: 7px;
    left: 7px;
    width: 105px;
    height: 100%
}
div.wohnungContainer div.imgContainer {
    position: absolute;
    display: inline-block;
    top: 12px;
    left: 106px;
}
div.wohnungContainer.singleContainer div.imgContainer {
    left: 123px;
}
div.wohnungContainer div.imgContainer img {
    border: 1px solid #ffffff;
    width: 101px;
}
div.wohnungContainer div.imgContainer img {
    border: 1px solid #ffffff;
}
div.wohnungContainer div.textContainer {
    position: absolute;
    display: inline-block;
    width: 200px;
    margin-left: 0px;
    top: 90px;
}
div.wohnungContainer.singleContainer div.textContainer {
    width: 320px;
}

	
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/js/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/js/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

body.mp3-7-275 div.content_max{
    background-image: url("images/kreide_bg_seeadler_grundriss.gif");
    height: 670px;
}