

/* Datei: style.css */

/*Allgemein für jede Seite*/


body, html {margin: 0; padding: 0px; border: 0;}

main {position: absolute;  left: 0px; top: 480px; width: 1265px; height: 1260px;  margin: 10px; padding: 0px 0px; background-color: #f2f2f0; border: 1px solid  #d0d0d0; border-radius: 10px; scrolling: "yes";  overflow: hidden}

p { color: darkblue; font-size: 28px; font-family: "Arial"}

#p1 {font-size: 30px; font-family: "Arial"; font-weight: normal; line-height: 0px; color: #1287bd}
#p2 {font-size: 28px; font-family: "Arial"; position: relative;  left: 0px; color: white; }
#p3 {font-size: 18px; font-family: "Arial"; font-weight: normal; line-height: 25px; color: #7d7d7d; text-align: left; }
#p4 {font-size: 20px; font-family: "Arial"; font-weight: normal; line-height: 23px; color: #525252;}
#p5 {font-size: 25px; font-family: "Arial"; font-weight: normal; line-height: 23px; color: #1287bd;}
#p6 {font-size: 22px; font-family: "Arial"; font-weight: normal; width: 300px; color: #1287bd; text-align: center; float: left;}



#p11 {position: absolute;  left: 1100px;  top: 1190px; }
#p12 {position: absolute;  left: 100px;  top: 980px; width: 1000px; font-size: 22px; font-family: "Arial"; font-weight: normal; line-height: 26px; color: #7d7d7d; text-align: left;}


a {color: darkblue;  font-size: 28px; font-family: "Arial"; text-decoration: none}
#a1 {font-size: 18px; font-family: "Arial"; font-weight: normal; color: #7d7d7d; text-decoration: none}
#a2 {font-size: 18px; font-family: "Arial"; font-weight: normal; color: #1287bd;}
#a3 {font-size: 22px; font-family: "Arial"; font-weight: normal; color: #1287bd;}
#a4 {position: absolute;  left: 750px;  top: 120px;;font-size: 18px; font-family: "Arial"; font-weight: normal; color: #1287bd;}
#a5 {position: absolute;  left: 950px;  top: 120px;;font-size: 18px; font-family: "Arial"; font-weight: normal; color: #1287bd;}






/*Kopf*/

#headlisthint {position: absolute;  left: 8px; top: 20px; width: 1270px; height: 58px; background-color: #5f95c9; background-repeat: repeat-x;}

#headliste {position: absolute;  left: 207px; top: -24px; width: 1063px; list-style-type: none;}

#titelbild {position: absolute; left: 8px; top: 80px; width: 1268px; height: 400px;  overflow: hidden; border: 1px solid  #d0d0d0; border-radius: 10px; }

#logo {position: absolute; left: 40px; top: 30px;}



li:hover ul {display: block;}

li  p:hover {background-color: #47afdf}

li	ul li:hover {background-color: #47afdf}

li a {position: relative; left: 20px; top: 0px; font-size: 18px; font-family: "Arial"; font-weight: normal; line-height: 30px; color: white; text-decoration: none}


#myDropdown-0 {
	position: absolute;  left: 40px; top: 86px; width: 206px; padding: 0px 0px 0px 0px;
	background-color:  #1287bd; list-style-type: none; 	
}

#myDropdown-1 {
	position: absolute;  left: 246px; top: 86px; width: 206px; padding: 0px 0px 0px 0px;
	background-color: #1287bd; list-style-type: none;	
}

#myDropdown-2 {
	position: absolute;  left: 452px; top: 86px; width: 206px; padding: 0px 0px 0px 0px; 
	background-color: #1287bd; list-style-type: none;	
}


.dropinfo {
    width: 160px; height: 44px;   
    color: white;
    padding: 14px 6px 0px 40px;
    font-size: 28px;
    cursor: pointer;
    float: left;
}

	
.dropdown-content {
	display: none;
	z-index: 1;
	}

.show {
	display: block;
	clear: left;
	}



/*Start Seite*/

#textframe  {position: absolute;  left: 820px; top: 120px; width: 430px}

#test  {position: absolute;  left: 10px; top: 0px; font-size: 18px; font-family: "Arial", Times, sans-serif; font-weight: normal;}

#textbox0  {position: absolute;  left: 850px; top: 40px; font-size: 25px; font-family: "Arial", Times, sans-serif; font-weight: normal;}

#verfügung {position: absolute; left: 0px; top: 200px; height: 40px; width: 380px;  border-radius: 10px; background-color: #1287bd; font-size: 20px; color: white}

#textbox1 {position: absolute; left: 10px; top: 20px; }

#bild11 { position: absolute; left: 30px; top: 140px;}

#textbox2 {position: absolute; left: 10px; top: 740px; width: 1200px;}

#beschreibung {font-size: 30px; font-family: "Arial"; font-weight: normal; line-height: 0px; color: #1287bd;}

#textbox3 { position: absolute; left: 60px; top: 780px; width: 1100px;}

#textbox4 { position: absolute; left: 10px; top: 1000px; width: 1200px;}

#ausstattung {font-size: 30px; font-family: "Arial"; font-weight: normal; line-height: 0px; color: #1287bd;}

#textbox5 { position: absolute; left: -40px; top: 1030px; width: 1200px; list-style-type: none;}

#sublist51 { position: absolute; left: 80px;  top: 50px; list-style-type: none;}
#sublist52 { position: absolute; left: 380px; top: 50px; list-style-type: none;}
#sublist53 { position: absolute; left: 705px; top: 50px; list-style-type: none;}
#sublist54 { position: absolute; left: 980px; top: 50px; list-style-type: none;}

input {position: absolute; left: 150px; font-size: 18px; width: 340px;}



.c6 {font-size: 22px; font-family: "Arial"; font-weight: normal; width: 300px; color: #1287bd; text-align: left; float: left;}
li.c6 :hover {background-color: #f2f2f0}
.c61 {font-size: 18px; font-family: "Arial"; font-weight: normal; line-height: 24px; color: #1287bd; display: inline; }




/*Anfahrt Seite*/

#textbox7 { position: absolute; left: 800px; top: 120px; width: 380px}
#bild41 { position: absolute; left: 10px; top: 130px; width: 750px}
#bild42 { position: absolute; left: 800px; top: 710px;}

#entfernungen {position: absolute; left: 10px; top: 840px;}

.ent1 {height: 20px; width: 300px; text-align: left; font-size: 25px; color: #1287bd}
.ent2 {height: 20px; width: 100px; text-align: right; font-size: 25px; color: #1287bd}
.ent20 {height: 20px; width: 100px;}
.ent3 {height: 20px; width: 300px; text-align: left; font-size: 25px; color: #1287bd}
.ent4 {height: 20px; width: 100px; text-align: right; font-size: 25px; color: #1287bd}


/*Obere Wohnung Seite*/

#bild12 { position: absolute; left: 50px; top: 150px;}

#p13 {position: absolute;  left: 850px;  top: 230px; width: 360px; font-size: 22px; font-family: "Arial"; font-weight: normal; line-height: 30px; color: #7d7d7d; text-align: left;}
#p14 {position: absolute;  left: 100px;  top: 800px; width: 1000px; font-size: 22px; font-family: "Arial"; font-weight: normal; line-height: 30px; color: #7d7d7d; text-align: left;}
#p15 {position: absolute;  left: 50px;  top: 30px; font-size: 40px; font-family: "Arial"; font-weight: normal; line-height: 26px; color: #33cc33; text-align: left;}
#p16 {position: absolute;  left: 50px;  top: 730px; font-size: 40px; font-family: "Arial"; font-weight: normal; line-height: 26px; color: #1287bd; text-align: left;}
#p17 {position: absolute;  left: 50px;  top: 970px; font-size: 40px; font-family: "Arial"; font-weight: normal; line-height: 26px; color: #1287bd; text-align: left;}



/*Untere Wohnung Seite*/

#bild12 { position: absolute; left: 50px; top: 150px;}

#p13 {position: absolute;  left: 850px;  top: 150px; width: 360px; font-size: 22px; font-family: "Arial"; font-weight: normal; line-height: 30px; color: #7d7d7d; text-align: left;}
#p14 {position: absolute;  left: 100px;  top: 800px; width: 1000px; font-size: 22px; font-family: "Arial"; font-weight: normal; line-height: 30px; color: #7d7d7d; text-align: left;}
#p15 {position: absolute;  left: 50px;  top: 30px; font-size: 40px; font-family: "Arial"; font-weight: normal; line-height: 26px; color: #33cc33; text-align: left;}
#p16 {position: absolute;  left: 50px;  top: 730px; font-size: 40px; font-family: "Arial"; font-weight: normal; line-height: 26px; color: #1287bd; text-align: left;}
#p17 {position: absolute;  left: 50px;  top: 970px; font-size: 40px; font-family: "Arial"; font-weight: normal; line-height: 26px; color: #1287bd; text-align: left;}





/*Kurabgabe Seite*/

#textboxk {position: absolute; top: 60px; left: 70px; width: 1160px;}
#imp41 {width: 600px; padding-right: 50px;}
#imp42 {width: 400px; }
#im42 {width: 400px; height: 250px;}


/*Foehr Seite*/

#foehrtext {font-size: 30px; font-family: "Arial"; font-weight: normal; line-height: 0px; text-align: center; color: #1287bd}

#textboxf1 {position: absolute; left: 130px; top: 50px; width: 1000px}
#bildframe {position: absolute; left: 50px; top: 150px; width: 1150px; height: 650px;  overflow: hidden}



/*Kontakt Seite*/

#konname 			{position: absolute; left: 150px; top: 25px; font-size: 20px; width: 420px;}
#konemail 			{position: absolute; left: 150px; top: 73px; font-size: 18px; width: 420px;}
#konbetreff 		{position: absolute; left: 150px; top: 121px; font-size: 18px; width: 420px;}
#Nachrichtenfeld	{position: absolute; left: 150px; top: 170px; font-size: 18px; width: 420px;}

#konsubmit 	{position: absolute; left: 0px; top: 430px; height: 30px; width: 200px; border-radius: 10px; background-color: #4b87d2; font-size: 20px; color: white}
#konreset 	{position: absolute; left: 210px; top: 430px; height: 30px; width: 200px;  border-radius: 10px; background-color: #4b87d2; font-size: 20px; color: white}
#konabbruch {position: absolute; left: 420px; top: 430px; height: 30px; width: 150px;  border-radius: 10px; background-color: #4b87d2; font-size: 20px; color: white}



/*bottom*/


#footmap {position: absolute;  left: 8px; top: 1760px; width: 1270px; height: 210px; background-color: #5f95c9; background-repeat: repeat-x; border-radius: 10px}

#footliste {position: absolute;  left: 38px; top: 0px; width: 1270px; height: 30px; list-style-type: none;}

.footindex {float: left}

.footindex .footinfo {
	display: block;
    width: 160px; height: 30px;
    font-size: 22px;
    text-align: center; color: white;
}


.footsubliste1 {position: absolute;  left: 50px; top: 0px; list-style-type: none; float: left; }
.footsubliste2 {position: absolute;  left: 190px; top: 0px; width: 200px; list-style-type: none; float: left}
.footsubliste3 {position: absolute;  left: 340px; top: 0px; width: 200px; list-style-type: none; float: left}

.footsubinfo {width: 140px;  height: 0px; cursor: pointer;}

.footsubinfo a {font-size: 16px; font-family: "Arial"; }

.footsubindex p:hover  {background-color: #1287bd;      text-decoration: underline;}

.endfloat {clear: both}



/*Impressum*/

#toptex {position: absolute; left: 170px; top: 30px; font-size: 24px; font-family: "Arial"; font-weight: normal; line-height: 22px; color: #464646;}
#impressum {position: absolute; top: 70px; left: 170px; width: 1000px}

