/*ScrollbarStyle*/

div.iframe1, textarea, select, option{
    scrollbar-3dlight-color:#ffffff;
    scrollbar-highlight-color: #a2b2b2;
    scrollbar-face-color:#ffffff;
    scrollbar-shadow-color: #a2b2b2;
    scrollbar-darkshadow-color:#ffffff;
    scrollbar-track-color:#ffffff;
    scrollbar-arrow-color: #a2b2b2;
}
/*EndScrollbarStyle*/

/*Allgemeine Schriftformate*/
body,table {font-family:verdana, helvetica, sans-serif; font-size:12px;color:#000000;}
img {border:0;}

h1{font-size:28px;}
h2{font-size:25px;}
h3{font-size:22px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}

ul{margin:0;padding:0;}
li{margin-left:0;padding:0;}

a.link1{text-decoration:none; color:#000000; font-size:10px;}
.text {text-align:justify;}
.text2 {font-size:10px;text-align:justify;}
.text3 {
	font-size:10px;
	text-align:justify;
	color: #FFFFFF;
}

a.link2:link{text-decoration:none; color:#C17400; font-size:10px;}
a.link2:visited{text-decoration:none; color:#C17400; font-size:10px;}
a.link2:hover{text-decoration:none; color:#FF9900; font-size:10px;}
a.link2:active{text-decoration:none; color:#FF9900; font-size:10px;}

.text {
	text-align:justify;
	color: #CCCCCC;
	font-size: 18px;

}
.text2 {font-size:10px;text-align:justify;}
.text3 {
	font-size:10px;
	text-align:justify;
	color: #FFFFFF;
}

/*Individuelle Blockformate*/
html{margin:0px;padding:0px;height:100%;background:#000000;}
body{margin:0px;padding:0px;height:100%;background:#000000;}

#background{position:absolute; left:11px; top:43px; width:930px; height:497px;}
	#start #background{background: url(../images/start/background.jpg);}
	#login #background{background: url(../images/login/background.jpg);}
	#impressum #background{background: url(../images/impressum/background.jpg);}
	#sitemap #background{background: url(../images/sitemap/background.jpg);}
	#kontakt #background{background: url(../images/kontakt/background.jpg);}
	#galerie #background{background: url(../images/galerie/background.jpg);}
	#projekte #background{background: url(../images/projekte/background.jpg);}
	#photografien #background{background: url(../images/galerie/background.jpg);}
	#aquarelle #background{background: url(../images/galerie/background.jpg);}
	#projekte #background{background: url(../images/projekte/background.jpg);}
#news #background{background:   url("../images/leistungen/background.jpg");}
	#marrakech #background{background: url(../images/marrakech/background.jpg);}
	#strelasund #background{background: url(../images/strelasund/background.jpg);}
	#leipzig #background{background: url(../images/leipzig/background.jpg);}
	#leistungen #background{background: url(../images/leistungen/background.jpg);}
	
#doubleline{position:absolute; left:27px; top:43px; width:5px; height:497px;}
	#start #doubleline{background: url(../images/start/doubleline.gif);}
	#login #doubleline{background: url(../images/login/doubleline.gif);}
	#impressum #doubleline{background: url(../images/impressum/doubleline.gif);}
	#sitemap #doubleline{background: url(../images/sitemap/doubleline.gif);}
	#kontakt #doubleline{background: url(../images/kontakt/doubleline.gif);}
	#galerie #doubleline{background: url(../images/galerie/doubleline.gif);}
	#photografien #doubleline{background: url(../images/galerie/doubleline.gif);}
	#aquarelle #doubleline{background: url(../images/galerie/doubleline.gif);}
#news #doubleline{background:   url("../images/leistungen/doubleline.gif");}
	#marrakech #doubleline{background: url(../images/marrakech/doubleline.gif);}
	#strelasund #doubleline{background: url(../images/strelasund/doubleline.gif);}
	#leipzig #doubleline{background: url(../images/leipzig/doubleline.gif);}
	#leistungen #doubleline{background: url(../images/leistungen/doubleline.gif);}
	
#line1{position:absolute; left:0px; top:19px; width:100%; height:1px; background:#c3c1af;}
#line2{position:absolute; left:0px; top: 567px; width:100%; height:1px; background:#a9a797;}
#line3{position:absolute; left:11px; top:0px; width:1px; height:100%; background:#999990;}
#line4{position:absolute; left:941px; top:0px; width:1px; height:100%; background:#999990;}
#line5{position:absolute; left:46px; top:43px; width:11px; height:497px; background:#000000;}
#bleuchamps{
	position:absolute;
	left:56px;
	top:543px;
	width:182px;
	height:22px;
	visibility: visible;
}
#copyright{position:absolute; left:67px; top:25px; width:165px; height:16px;}

#loginbutton,#impressumbutton,#sitemapbutton,#kontaktbutton,#galeriebutton,#newsbutton, #projektebutton{
	position:absolute;
	height:23px;
	z-index:3;
	visibility: hidden;
}
#loginbutton{left:575px; top:370px; width:50px;}
	#start #loginbutton{background: url(../images/start/loginbutton.gif);}
	#login #loginbutton{background: url(../images/login/loginbutton.gif);}
	#impressum #loginbutton{background: url(../images/impressum/loginbutton.gif);}
	#sitemap #loginbutton{background: url(../images/sitemap/loginbutton.gif);}
	#kontakt #loginbutton{background: url(../images/kontakt/loginbutton.gif);}
	#galerie #loginbutton{background: url(../images/galerie/loginbutton.gif);}
	#news #loginbutton{background:   url("../images/leistungen/loginbutton.gif");}
	#marrakech #loginbutton{background: url(../images/marrakech/loginbutton.gif);}
	#strelasund #loginbutton{background: url(../images/strelasund/loginbutton.gif);}
	#leipzig #loginbutton{background: url(../images/leipzig/loginbutton.gif);}

#impressumbutton{left:607px; top:427px; width:80px;}
	#start #impressumbutton{background: url(../images/start/impressumbutton.gif);}
	#login #impressumbutton{background: url(../images/login/impressumbutton.gif);}
	#impressum #impressumbutton{background: url(../images/impressum/impressumbutton.gif);}
	#sitemap #impressumbutton{background: url(../images/sitemap/impressumbutton.gif);}
	#kontakt #impressumbutton{background: url(../images/kontakt/impressumbutton.gif);}
	#galerie #impressumbutton{background: url(../images/galerie/impressumbutton.gif);}
	#news #impressumbutton{background:   url("../images/leistungen/impressumbutton.gif");}
	#marrakech #impressumbutton{background: url(../images/marrakech/impressumbutton.gif);}
	#strelasund #impressumbutton{background: url(../images/strelasund/impressumbutton.gif);}
	#leipzig #impressumbutton{background: url(../images/leipzig/impressumbutton.gif);}
#sitemapbutton{left:666px; top:450px; width:64px;}
	#start #sitemapbutton{background: url(../images/start/sitemapbutton.gif);}
	#login #sitemapbutton{background: url(../images/login/sitemapbutton.gif);}
	#impressum #sitemapbutton{background: url(../images/impressum/sitemapbutton.gif);}
	#sitemap #sitemapbutton{background: url(../images/sitemap/sitemapbutton.gif);}
	#kontakt #sitemapbutton{background: url(../images/kontakt/sitemapbutton.gif);}
	#galerie #sitemapbutton{background: url(../images/galerie/sitemapbutton.gif);}
	#news #sitemapbutton{background:   url("../images/leistungen/sitemapbutton.gif");}
	#marrakech #sitemapbutton{background: url(../images/marrakech/sitemapbutton.gif);}
	#strelasund #sitemapbutton{background: url(../images/strelasund/sitemapbutton.gif);}
	#leipzig #sitemapbutton{background: url(../images/leipzig/sitemapbutton.gif);}


#kontaktbutton{left:718px; top:116px;  width:65px;}
	#start #kontaktbutton{background: url(../images/start/kontaktbutton.gif);}
	#login #kontaktbutton{background: url(../images/login/kontaktbutton.gif);}
	#impressum #kontaktbutton{background: url(../images/impressum/kontaktbutton.gif);}
	#sitemap #kontaktbutton{background: url(../images/sitemap/kontaktbutton.gif);}
	#kontakt #kontaktbutton{background: url(../images/kontakt/kontaktbutton.gif);}
	#galerie #kontaktbutton{background: url(../images/galerie/kontaktbutton.gif);}
	#news #kontaktbutton{background:   url("../images/leistungen/kontaktbutton.gif");}
	#marrakech #kontaktbutton{background: url(../images/marrakech/kontaktbutton.gif);}
	#strelasund #kontaktbutton{background: url(../images/strelasund/kontaktbutton.gif);}
	#leipzig #kontaktbutton{background: url(../images/leipzig/kontaktbutton.gif);}


#galeriebutton{left:770px; top:84px; width:59px;}
	#start #galeriebutton{background: url(../images/start/galeriebutton.gif);}
	#login #galeriebutton{background: url(../images/login/galeriebutton.gif);}
	#impressum #galeriebutton{background: url(../images/impressum/galeriebutton.gif);}
	#sitemap #galeriebutton{background: url(../images/sitemap/galeriebutton.gif);}
	#kontakt #galeriebutton{background: url(../images/kontakt/galeriebutton.gif);}
	#galerie #galeriebutton{background: url(../images/galerie/galeriebutton.gif);}
	#news #galeriebutton{background:   url("../images/leistungen/galeriebutton.gif");}
	#marrakech #galeriebutton{background: url(../images/marrakech/galeriebutton.gif);}
	#strelasund #galeriebutton{background: url(../images/strelasund/galeriebutton.gif);}
	#leipzig #galeriebutton{background: url(../images/leipzig/galeriebutton.gif);}
#newsbutton{left:812px; top:250px; width:80px;}
	#start #newsbutton{background: url(../images/start/newsbutton.gif);}
	#login #newsbutton{background: url(../images/login/newsbutton.gif);}
	#impressum #newsbutton{background: url(../images/impressum/newsbutton.gif);}
	#sitemap #newsbutton{background: url(../images/sitemap/newsbutton.gif);}
	#kontakt #newsbutton{background: url(../images/kontakt/newsbutton.gif);}
	#galerie #newsbutton{background: url(../images/galerie/newsbutton.gif);}
	#news #newsbutton{background:   url("../images/leistungen/newsbutton.gif");}
	#marrakech #newsbutton{background: url(../images/marrakech/newsbutton.gif);}
	#strelasund #newsbutton{background: url(../images/strelasund/newsbutton.gif);}
	#leipzig #newsbutton{background: url(../images/leipzig/newsbutton.gif);}
#projektebutton{left:864px; top:50px; width:69px;}
	#start #projektebutton{background: url(../images/start/projektebutton.gif);}
	#login #projektebutton{background: url(../images/login/projektebutton.gif);}
	#impressum #projektebutton{background: url(../images/impressum/projektebutton.gif);}
	#sitemap #projektebutton{background: url(../images/sitemap/projektebutton.gif);}
	#kontakt #projektebutton{background: url(../images/kontakt/projektebutton.gif);}
	#galerie #projektebutton{background: url(../images/galerie/projektebutton.gif);}
	#news #projektebutton{background:   url("../images/leistungen/projektebutton.gif");}
	#marrakech #projektebutton{background: url(../images/marrakech/projektebutton.gif);}
	#strelasund #projektebutton{background: url(../images/strelasund/projektebutton.gif);}
	#leipzig #projektebutton{background: url(../images/leipzig/projektebutton.gif);}

#loginline,#impressumline,#sitemapline,#kontaktline,#galerieline,#newsline,#projekteline{position:absolute;top:20px; width:1px;background:#c3c1af; visibility: hidden; z-index: 1;}
#loginline{left:600px;height:546px;}
#impressumline{left:650px;height:545px;}
#sitemapline{left:700px;height:543px;}
#kontaktline{left:750px;height:542px;}
#galerieline{left:800px;height:541px;}
#newsline{left:850px;height:540px;}
#projekteline{left:900px;height:539px;}
#strelasundthumb,#leipzigthumb, 

#marrakechthumb{
	position:absolute;
	left:836px;
	top:287px;
	width:99px;
	height:62px;
	z-index:4;
	visibility: hidden;
}
#leipzigthumb{top:368px;}
#strelasundthumb{top:449px;}


#rammsteinthumb{position:absolute; left:650px; top:380px; width:99px; height:62px; z-index:4; visibility: hidden;}

#glinka30thumb1{
	top:461px;
	visibility: visible;}

#flatowerthumb{top:299px;
visibility: hidden;}



#quadrat1,#quadrat2,#quadrat3,#quadrat4,#quadrat5,#quadrat6,#quadrat7{
	position:absolute;
	z-index:1;
	visibility: visible;
}
#quadrat1{left:598px; top:565px; width:5px; height:5px;background:#5d5c54;}
#quadrat2{left:647px; top:564px; width:7px; height:7px;background:#717065;}
#quadrat3{left:696px; top:563px; width:9px; height:9px;background:#878679;}
#quadrat4{left:745px; top:562px; width:11px; height:11px;background:#9e9d8e;}
#quadrat5{left:794px; top:561px; width:13px; height:13px;background:#b4b2a2;}
#quadrat6{left:843px; top:560px; width:15px; height:15px;background:#cbc9b6;}
#quadrat7{left:892px; top:559px; width:17px; height:17px;background:#e1dfca;}

#hover1,#hover2,#hover3,#hover4,#hover5,#hover6,#hover7{
	position:absolute;
	left:591px;
	top:20px;
	width:19px;
	height:580px;
	z-index:2;
}
#hover2{left:641px;}
#hover3{left:691px;}
#hover4{left:741px;}
#hover5{left:791px;}
#hover6{left:841px;}
#hover7{left:891px;}

#ultimo,#ultima{position:absolute; left:0px; top:0px; z-index:106; visibility: hidden;}
#ultima{top:540px;}
.text4 {
	color: #A5B7D6;
	font-size: 18px;

}

.keys {  
color: black; font-size: 1pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none 
}