/* Damekow 2018 */

html, body {height:101%; background-color:#b0c4de; color:#2F4F4F; 
	text-align:left; font-family:'Trebuchet MS',Arial,Helvetica,sans-serif}

a {color:#4169e1; text-decoration:none;}
a:link {color:#4169e1; text-decoration:none}
a:active {color:#4169e1; text-decoration:none}
a:visited {color:#4169e1; text-decoration:none}
a:hover {color:#4169e1; text-decoration:none}

@media screen and (min-width:300px)
{
body {margin-top:24px; line-height:24px}

p{font-size:10pt; width:560px; margin-bottom:10pt}

p.rand{margin-top:0px}

p.randG{margin-top:10px}

h1{font-size:12pt;margin-top:0pt}

h2{font-size:12pt;margin-top:0pt}

#container {margin:auto; width:780px}

header {padding:4px; height:155px}

#kopf img{width:252px;height:155px}

p.kopf{width:766px; margin:0px}

.form h2{font-size:11pt; color:#2F4F4F; font-weight:100}
.form textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    width: 90%;
}


/* Module */

#weiss{background-color:#ffffff; padding-bottom:4px}

#main{margin-left:4px; margin-right:4px; border: solid 2px lightgray}

#oben{margin-top:-48px}
#oben img{width:340px; height:50px}

#obenR{float:right; font-size:8pt; width:220px; height:12px; margin-top:-18px; margin-right:20px; margin-bottom:0px; margin-left:0px}

#left{float:left; font-size:8pt; width:148px; margin-top:16px; margin-right:22px; margin-left:-18px; padding-right:20px; border-right:1px solid #dcdcdc}

#content{float:left; font-size:10pt; width:540px; margin-top:8px; margin-left:0px; margin-bottom:24px}

footer{background-color:#b0c4de; margin-top:-5px}


/* Hauptmenue */

.menue a:link, .menue a:visited{color:#4169e1; text-decoration:none}

.menue a:focus, .menue a:hover, .menue a:active{color:#4169e1; text-decoration:none}

.menue ol {list-style:none;margin-top:0px; margin-left:0px; padding-left:0px}

.menue ul {list-style:none;margin-top:0px; margin-left:0px; padding-left:0px}

.menue li{list-style:none; padding-top:8px; padding-bottom:10px; border-bottom:1px solid #dcdcdc}

.menue li a:hover{font-size:110%; background:#b0c4de}

.menue li:first-child{margin-top:-20px; padding-top:4px}

.clear{clear:both}


/* Kontakt-Menue */

.menueK a:link, .menue a:visited{color:#4169e1; text-decoration:none}

.menueK a:focus, .menue a:hover, .menue a:active{color:#4169e1; text-decoration:none}

.menueK ol {list-style:none;margin-top:0px}

.menueK ul {list-style:none;margin-top:0px}

.menueK li{list-style:none;display:inline; font-size:8pt}

.anfahrt{padding-right:3px; border-right:1px solid lightgray}
.kontakt{padding-left:5px}

.menueK li a:hover{font-size:105%; color:#ffffff; background:#b0c4de}


/* internes Menue */

.Mintern h3{margin-left:5px;margin-top:-4px}

.Mintern a:link, .Mintern a:visited{color:#4169e1; text-decoration:none}

.Mintern a:focus, .Mintern a:hover, .Mintern a:active{color:#4169e1; text-decoration:none}

.Mintern ol {list-style:none;margin-bottom:40px; padding-left:5px}

.Mintern ul {list-style:none;margin-bottom:40px; padding-left:5px}

.Mintern li{list-style:none; padding-bottom:10px; padding-top:10px; border-bottom:1px solid #dcdcdc}

.clear{clear:both}


/* Bilder */

img.tipps{width:300px; height:150px}

img.sport{width:220px; height:160px; margin:60px 100px}

img.map{width:400px; height:350px; margin:30px 60px}

img.umgebung1{width:120px; height:80px; margin:5px 10px 0px 5px}

img.umgebung2{width:120px; height:80px; margin:5px 10px 0px 5px}

img.umgebung3{width:120px; height:80px; margin:5px 10px 0px 5px}

img.umgebung4{width:90px; height:80px; margin:5px 10px 0px 5px}


/* Bilder unter Impressionen und im internen Bereich */

div.intern{width:540px}

div.intern img{width:120px; height:100px; margin:12px; transition: all 1s}

div.intern img:hover{transform:scale(2.6,2.2)}

div.intern img.h{width:120px; height:100px; margin:12px; transition: all 1s}

div.intern img.h:hover{transform:scale(1.5,2.4)}


/* Bilder in Gemeinschaftsräumen */

div.bilder{width:540px}

div.bilder img{width:120px; height:100px; padding-left:20px; padding-right:10px; padding-top:10px; padding-bottom:0px; transition: all 1s}

div.bilder img:hover{transform:scale(2.6,2.2)}

div.bilderG{width:540px}

div.bilderG img{width:180px; height:150px; padding-left:20px; padding-right:40px; padding-top:25px; margin-bottom:20px; transition: all 1s}

div.bilderG img:hover{transform:scale(2)}


/* Bilder aus den Wohnungen */

div.bilderWG{width:540px}

div.bilderWG img{width:230px; height:180px; padding-left:15px; padding-right:10px; padding-top:30px; padding-bottom:10px; transition: all 1s}

div.bilderWG img:hover{transform:scale(2)}

div.bilderW{width:540px;margin-top:30px}

div.bilderW img{width:120px; height:100px; padding-left:20px; padding-right:10px; padding-top:10px; padding-bottom:0px; transition: all 1s}

div.bilderW img:hover{transform:scale(2.6,2.2)}

div.bilderW img.h{width:120px; height:100px; padding-left:20px; padding-right:10px; padding-top:10px; padding-bottom:15px; transition: all 1s}

div.bilderW img.h:hover{transform:scale(1.8,3)}

}


@media screen and (min-width:800px)
{
body {margin-top:24px; line-height:24px}

p{font-size:11pt; width:565px; margin-bottom:11pt}

p.rand{margin-top:30px}

p.randG{margin-top:30px}

h1{font-size:14pt;margin-top:0pt}

h2{font-size:14pt;margin-top:0pt}

#container {margin:auto; width:780px}

#header {padding:4px; height:155px}

#kopf img{width:252px;height:155px}

p.kopf{width:766px; margin:0px}

.form h2{font-size:11pt; color:#2F4F4F; font-weight:100}
.form textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    width: 90%;
}


/* Module */

#weiss{background-color:#ffffff; padding-bottom:4px}

#main{margin-left:4px; margin-right:4px; border: solid 2px lightgray}

#oben{margin-top:-48px}
#oben img{width:340px; height:50px}

#obenR{float:right; font-size:10pt; width:230px; height:12px; margin-top:-20px; margin-right:10px; margin-bottom:12px; margin-left:0px}

#left{float:left; font-size:8pt; width:148px; margin-right:22px; margin-top:12px; margin-left:-18px; padding-right:20px; border-right:1px solid #dcdcdc}

#content{float:left; font-size:11pt; width:540px; margin-top:0px; margin-left:0px; margin-bottom:36px}

footer{background-color:#b0c4de; margin-top:-5px}


/* Hauptmenue */

.menue a:link, .menue a:visited{color:#4169e1; text-decoration:none}

.menue a:focus, .menue a:hover, .menue a:active{color:#4169e1; text-decoration:none}

.menue ol {list-style:none;margin-top:-12px; margin-left:0px; padding-left:0px}

.menue ul {list-style:none;margin-top:-12px; margin-left:0px; padding-left:0px}

.menue li{list-style:none; padding-top:8px; padding-bottom:10px; border-bottom:1px solid #dcdcdc}

.menue li a:hover{font-size:110%; background:#b0c4de}

.menue li:first-child{margin-top:-20px; padding-top:4px}

.clear{clear:both}


/* Kontakt-Menue */

.menueK a:link, .menue a:visited{color:#4169e1; text-decoration:none}

.menueK a:focus, .menue a:hover, .menue a:active{color:#4169e1; text-decoration:none}

.menueK ol {list-style:none;margin-top:0px}

.menueK ul {list-style:none;margin-top:0px}

.menueK li{list-style:none;display:inline; font-size:8pt}

.anfahrt{padding-right:5px;border-right:1px solid lightgray}
.kontakt{padding-left:5px}

.menueK li a:hover{font-size:105%; color:#ffffff; background:#b0c4de}


/* internes Menue */

.Mintern h3{margin-left:5px;margin-top:-4px}

.Mintern a:link, .Mintern a:visited{color:#4169e1; text-decoration:none}

.Mintern a:focus, .Mintern a:hover, .Mintern a:active{color:#4169e1; text-decoration:none}

.Mintern ol {list-style:none;margin-bottom:50px; padding-left:5px}

.Mintern ul {list-style:none;margin-bottom:50px; padding-left:5px}

.Mintern li{list-style:none; padding-bottom:10px; padding-top:10px; border-bottom:1px solid #dcdcdc}

.clear{clear:both}


/* Bilder */

img.tipps{width:550px; height:380px}

img.sport{width:220px; height:160px; margin:60px 100px}

img.map{width:250px; height:200px}

img.umgebung1{width:160px; height:110px; margin:5px 15px 0px 0px}

img.umgebung2{width:160px; height:110px; margin:5px 15px 0px 0px}

img.umgebung3{width:160px; height:110px; margin:5px 15px 0px 0px}

img.umgebung4{width:130px; height:115px; margin:5px 15px 0px 0px}


/* Bilder unter Impressionen und im internen Bereich */

div.intern{width:540px}

div.intern img{width:120px; height:100px; margin:15px; transition: all 1s}

div.intern img:hover{transform:scale(2.6,2.2)}

div.intern img.h{width:120px; height:100px; margin:15px; transition: all 1s}

div.intern img.h:hover{transform:scale(1.8,3)}


/* Bilder in Gemeinschaftsräumen */

div.bilder{width:540px}

div.bilder img{width:120px; height:100px; padding-left:20px; padding-right:10px; padding-top:10px; padding-bottom:0px; transition: all 1s}

div.bilder img:hover{transform:scale(2.6,2.2)}

div.bilderG{width:540px}

div.bilderG img{width:180px; height:150px; padding-left:20px; padding-right:40px; padding-top:20px; margin-bottom:30px; transition: all 1s}

div.bilderG img:hover{transform:scale(2)}


/* Bilder aus den Wohnungen */

div.bilderWG{width:540px}

div.bilderWG img{width:230px; height:180px; padding-left:15px; padding-right:10px; padding-top:30px; padding-bottom:10px; transition: all 1s}

div.bilderWG img:hover{transform:scale(2)}

div.bilderW{width:540px;margin-top:30px}

div.bilderW img{width:120px; height:100px; padding-left:20px; padding-right:10px; padding-top:10px; padding-bottom:15px; transition: all 1s}

div.bilderW img:hover{transform:scale(2.6,2.2)}

div.bilderW img.h{width:120px; height:100px; padding-left:20px; padding-right:10px; padding-top:10px; padding-bottom:15px; transition: all 1s}

div.bilderW img.h:hover{transform:scale(1.8,3)}

}


@media screen and (min-width:1010px)
{
body {margin-top:36px; line-height:25px}

p{font-size:12pt; width:720px; margin-bottom:12pt}

p.rand{margin-top:30px}

p.randG{margin-top:50px}

h1{font-size:14pt;margin-top:0pt;}

h2{font-size:14pt;margin-top:0pt}

#container {margin:auto; width:985px}

header {padding:5px; height:188px}

#kopf img{width:321px;height:188px}

p.kopf{width:974px; margin:0px}

.form h2{font-size:12pt; color:#2F4F4F; font-weight:100}

.form textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    width: 80%;
}


/* Module */

#weiss{background-color:#ffffff; padding-bottom:4px}

#main{margin-left:4px; margin-right:4px; border: solid 2px lightgray}
#oben{margin-top:-50px}

#oben img{width:400px; height:55px}

#obenR{float:right; font-size:11pt; width:230px; height:10px; margin-top:-25px; margin-right:10px; margin-left:0px}

#left{float:left; font-size:10pt; width:180px; margin-right:22px; margin-top:18px; margin-left:-18px; padding-right:24px; border-right:1px solid #dcdcdc}

#content{float:left; font-size:12pt; width:740px; margin-top:10px; margin-left:4px; padding-left:2px; margin-bottom:36px}

footer{background-color:#b0c4de; margin-top:-5px}

.eins{margin-top:-12px}


/* Hauptmenue */

.menue a:link, .menue a:visited{color:#4169e1; text-decoration:none}

.menue a:focus, .menue a:hover, .menue a:active{color:#4169e1; text-decoration:none}

.menue ol {list-style:none; margin-top:0px; margin-left:5px; padding-left:0px}

.menue ul {list-style:none; margin-top:-40px; margin-left:5px; padding-left:0px}

.menue li{list-style:none;padding-top:11px; padding-bottom:13px; border-bottom:1px solid #dcdcdc}

.menue li a:hover{font-size:110%; color:#ffffff; background:#b0c4de}

.menue li:first-child{margin-top:-18px; padding-top:0px}

.clear{clear:both}


/* Kontakt-Menue */

.menueK a:link, .menue a:visited{color:#4169e1; text-decoration:none;}

.menueK a:focus, .menue a:hover, .menue a:active{color:#4169e1; text-decoration:none}

.menueK ol {list-style:none;margin-top:0px; padding-right:0px}

.menueK ul {list-style:none;margin-top:0px; padding-left:10px; padding-right:10px}

.menueK li{list-style:none; display:inline}

.menueK li a:hover{font-size:110%; color:#ffffff; background:#b0c4de}

.anfahrt{padding-right:5px;border-right:1px solid lightgray}

.menueK li a:hover{font-size:105%; color:#ffffff; background:#b0c4de}


/* internes Menue */

.Mintern h3{margin-left:10px; margin-top:-3px}

.Mintern a:link, .Mintern a:visited{color:#4169e1; text-decoration:none}

.Mintern a:focus, .Mintern a:hover, .Mintern a:active{color:#4169e1; text-decoration:none}

.Mintern ol {list-style:none;margin-top:-42px;padding-left:10px}

.Mintern ul {list-style:none;margin-top:-42px;padding-left:10px}

.Mintern li{list-style:none; padding-top:10px; padding-bottom:12px; padding-left:0px; border-bottom:1px solid #dcdcdc}

.Mintern li:first-child{margin-top:-18px; padding-top:0px}

.clear{clear:both}


/* Bilder */

img.tipps{width:700px; height:450px}

img.sport{width:300px; height:220px; margin:70px 100px}

img.map{width:400px; height:350px; margin:60px 100px}

img.umgebung1{width:160px; height:110px; margin:5px 15px 0px 0px}

img.umgebung2{width:160px; height:110px; margin:5px 15px 0px 0px}

img.umgebung3{width:160px; height:110px; margin:5px 15px 0px 0px}

img.umgebung4{width:130px; height:115px; margin:5px 15px 0px 0px}


/* Bilder unter Impressionen und im internen Bereich */

div.intern{width:700px}

div.intern img{width:130px; height:110px; margin:20px; padding-left:0px; transition: all 1s}

div.intern img:hover{transform:scale(3,2.5)}

div.intern img.h{width:130px; height:110px; margin:20px; padding-left:0px; transition: all 1s}

div.intern img.h:hover{transform:scale(2.5,3)}


/* Bilder in Gemeinschaftsräumen */

div.bilder{width:700px}

div.bilder img{width:130px; height:110px; padding-left:30px; padding-right:20px; padding-top:20px; padding-bottom:10px; transition: all 1s}

div.bilder img.h{width:110px; height:130px; padding-left:30px; padding-right:20px; padding-top:20px; padding-bottom:20px; transition: all 1s}

div.bilder img:hover{transform:scale(3,2.5)}

div.bilder img.h:hover{transform:scale(2.5,3.4)} 

div.bilderG{width:700px}

div.bilderG img{width:220px; height:180px; padding-left:30px; padding-right:30px; padding-top:20px; margin-bottom:30px; transition: all 1s}

div.bilderG img:hover{transform:scale(2)}


/* Bilder aus den Wohnungen */

div.bilderWG{width:700px}

div.bilderWG img{width:300px; height:220px; padding-left:20px; padding-right:20px; padding-top:30px; padding-bottom:10px; transition: all 1s}

div.bilderWG img:hover{transform:scale(2)}

div.bilderW{width:700px;margin-top:30px}

div.bilderW img{width:130px; height:110px; padding-left:25px; padding-right:20px; padding-top:30px; padding-bottom:20px; transition: all 1s}

div.bilderW img.h{width:130px; height:110px; padding-left:25px; padding-right:20px; padding-top:30px; padding-bottom:20px; transition: all 1s}

div.bilderW img:hover{transform:scale(3,2.5)}

div.bilderW img.h:hover{transform:scale(2.5,3)} 

}