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

body,td,th {
	color: #727272;
	background-color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: medium;
}
a.navschrift {
	font-family:Arial, Helvetica, sans-serif;
	color: #727272;
	text-decoration: none;
	font-size: medium;
}
a:link.navschrift {
	text-decoration: none;
	color: #727272;
}
a:visited.navschrift {
	text-decoration: none;
	color: #727272;
}
a:hover.navschrift {
	text-decoration: none;
	color: #FFF;
	background-color: #adc18f;
	
}
a:active.navschrift {
	background-color: #adc18f;
}
a.freinavschrift {
	font-family:Arial, Helvetica, sans-serif;
	color: #adc18f;
	text-decoration: none;
	font-size: medium;
}
a:link.freinavschrift {
	text-decoration: none;
	color: #adc18f;
}
a:visited.freinavschrift {
	text-decoration: none;
	color: #adc18f;
}
a:hover.freinavschrift {
	text-decoration: none;
	color: #FFF;
	background-color: #adc18f;
	
}
a:active.freinavschrift {
	background-color: #FFF;
}
a.navbild {color:#FBFBFB;
}
a:link.navbild {
	color: #FBFBFB;
}
a:visited.navbild {
	color: #FBFBFB;
}
a:hover.navbild {
	color: #FBFBFB;
}
a:active.navbild {
	color: #FBFBFB;
}
.hintergrund01 {
	background-image:url(../bilder/leyendeckerBG02.jpg);
	background-position:center;
	background-repeat:no-repeat;
}
.schrifteingang01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	color: #658fbf;
}
.schrifteingang02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	color: #8A8A8A;
}
.schrifteingang03 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #658fbf;
}

.schrifteingang04 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #727272;
}
.schrifteingang05 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #658fbf;
}
.navfeld {
	background-image:url(../bilder/button_01.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #adc18f;
	font-weight: normal;
	text-align: justify;
	margin: 0;
	padding: 0;
	line-height: 22px;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #727272;
	font-weight: normal;
	text-align: justify;
	margin: 0;
	padding: 0;
	line-height: 23px;
}

h7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #727272;
	font-weight: normal;
	text-align: justify;
	white-space: nowrap;
}

h9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #727272;
	font-weight: normal;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 22px;
	vertical-align:bottom;
}

#container {
	width: 945px;
	height: 500px;
	position:absolute;
	left: 50%;
	margin-left: -472px;
}

#logo_ueberschrift {
	width: 280px;
	height: 33px;
	padding-top: 14px;
	padding-bottom: 48px;
	margin: 0;
}

#textwrapper01 {
	width: 275px;
	height: 310px;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #727272;
	font-weight: normal;
	text-align: left;
	line-height: 24px;
}

#textwrapper02 {
	width: 530px;
	height: auto;
	line-height: 22px;
	position:relative;
	margin-top: 370px;
	margin-left: 400px;
	color: #adc18f;
}

#textwrapper03 {
	position:absolute;
	top:80px;
	left:400px;
	padding-left: 90px;
	width: 300px;
	height: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #727272;
	font-weight: normal;
	line-height: 22px;
}

#textwrapper04 {
	position:absolute;
	top: 465px;
	left: 166px;
	width: 700px;
	height: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #adc18f;
	font-weight: normal;
	line-height: 22px;
}

#textwrapper05 {
	position:absolute;
	top:80px;
	left:650px;
	padding-left: 10px;
	width: 260px;
	height: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #adc18f;
	font-weight: normal;
	line-height: 22px;
}

#bildwrapper01 {
	min-width: 300px;
	height: 400px;
	margin-left: 180px;
	margin-top: 155px;
}

#bildwrapper02 {
	min-width: 200px;
	height: 400px;
	padding-left: 0px;
	padding-right: 50px;
	float: left;
}

#bildwrapper03 {
	width: 600px;
	height: 450px;
	padding-left: 80px;
	padding-right: 50px;
	float: left;
}

#bildwrapper04 {
	min-width: 300px;
	height: 400px;
}

#bildwrapper05 {
	position:absolute;
	top: 80px;
	left: -2px;
	min-width: 300px;
	height: 400px;
	margin-left: 180px;
	margin-top: 0px;
}

#bildwrapper06 {
	position:absolute;
	top: 81px;
	left: 380px;
	min-width: 300px;
	height: 400px;
	margin-left: 180px;
	margin-top: 0px;
	float:right;
}

#bildwrapper07 {
	width: 280px;
	height: 400px;
	margin-left: 0px;
	padding-right: 20px;
	float:left;
}

#bildwrapper08 {
	width: 500px;
	height: 400px;
	margin-left: 0px;
	padding-right: 20px;
	float:left;
}

#vermiet_link {
	padding-top: 20px;
}

#vermietsub_link {
	padding-top: 10px;
}

#login {
	height: 110px;
	margin-top: 50px;
	padding-top: 20px;
	padding-left: 20px;
	border-color: #CCC;
	border-style: dotted;
	border-width: thin;
	float: left;
	width: 350px;
}

#allgemtext {
	width:300px;
	padding-left: 30px;
}

#bilzaehler {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #adc18f;
	font-weight: normal;
	text-align: center;
	float: left;
	margin-left: 210px;
	margin-top: 15px;
}

#menu {
	width: 95px;
	height: 71px;
	background: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	float: left;
	margin: 0;
	padding: 0;

}

#menu ul {
	width: 95px;
	height: 71px;
	list-style-type: none;
	margin: 0;
	padding: 0;

}

/*--definiert die Blocküberschriften--*/
#menu h8 {
	font-size: medium;
	text-align: left;
	color: #727272;
	background: #FFF;
	text-decoration:none;
}

/*--definiert die "Ausklapp-Links" im Normalzustand--*/
#menu a {
	text-decoration: none;
	display: block;
	text-align: left;
	color: #adc18f;
	background:#F5F7F2;
	margin: 0;
	padding: 0;
}

/*--definiert die "Ausklapp-Links" im Hoverzustand--*/
#menu a:hover {
	width: 160px;
	height: 1,2em;
	background: #adc18f;
	color: #FFF;
}

/*verhindert im Zusammenhang mit position absolute bei ul ul
*eine Höhenvergrößerung von #menu beim Hovern--
*/

#menu li {
position: relative;
}

/*--versteckt die "Ausklapp-Links", solange nicht gehovert wird--*/
#menu ul ul {
position: absolute;
top: 0px; left: 80px; z-index: 2;
display: none;
height: 80px;
margin: 0;
padding: 0;
}

/*--lässt die Ausklapp-Links beim Hovern erscheinen--*/
#menu ul li:hover ul {
display: block;
}

#menu ul li:hover ul li {
display: block;
height: 25px;
padding-left: 8px;
}

/*--nur für IE-Versionen kleiner gleich 6 erkennbar--*/
* html #menu ul li{
float: left;
width: 100%;
}

/*--nur für IE 7 erkennbar--*/
*+ html #menu ul li {
float: left;
width: 100%;
}

/*--bewirkt Hover-Effekt für IE kleiner 7 auch für ul- und li-Elemente--*/
*html body {
behavior: url(csshover3-source.htc);
font-size: 100%;
}

*html #menu ul li a {
height: 1%;
}

/*--definiert einen Einzellink im Normalzustand, wenn kein Ausklappen erforderlich--*/

#menu a.direkt:link {
font-size: medium;
text-align: left;
color: #727272;
background: #FFF;
margin: 0;
padding: 0;

}

/*--definiert einen Einzellink im Hoverzustand, wenn kein Ausklappen erforderlich--*/

#menu a.direkt:hover {
color: #FFF;
background: #adc18f;
margin: 0;
padding: 0;

}

#cliga{
    position:absolute;
	left: 160px;
	top: 90px;
	width:774px;
    height:375px;
    overflow:hidden;
    margin:0px auto;
}

#cliga ul{
    margin:0 0 0 3px;
    padding:0;
    list-style:none;
}

#cliga li{
    position:relative;
    width:774px;
    height:375px;
    padding:5px;
}

#cliga li div{
    position:relative;
    top:0px;
    left:0px;
    width:280px;
    height:375px;
	float: right;
    padding:0px 0;
	margin-top:0px;
    text-align:center;
}

#cliga a{
    display:block;
    width:40px;
    height:30px;
    text-decoration:none;
}

#cliga a.linker{
	position: absolute;
	left: 5px;
	top: 324px;
	background-image: url(../bilder/links_01.jpg);
	background-repeat: no-repeat;
}

#cliga a.rechter{
	position: absolute;
	right: 318px;
	top: 324px;
	background-image: url(../bilder/rechts_01.jpg);
	background-repeat: no-repeat;
}

#cliga a.linker:active{
	position: absolute;
	right: 5px;
	top: 324px;
	background-image: url(../bilder/links_aktiv_01.jpg);
	background-repeat: no-repeat;
}

#cliga a.rechter:active{
    position: absolute;
	right: 318px;
	top: 324px;
	background-image: url(../bilder/rechts_aktiv_01.jpg);
	background-repeat: no-repeat;
}

#cliga img{
    display:block;
    height:310px;
    margin:0;
}