/* CSS Document */

*{margin:0px;
padding:0px;}

body {
background-color: #CDCDCD;
font-family: Verdana, Arial, Sans-Serif;
color:#000000;
padding-top:0px;
margin:0px;

	SCROLLBAR-FACE-COLOR: #ffffff;
	SCROLLBAR-HIGHLIGHT-COLOR: #8ed8f8;
	SCROLLBAR-SHADOW-COLOR: #FFFFFF;
	SCROLLBAR-3DLIGHT-COLOR: #ffffff;
	SCROLLBAR-ARROW-COLOR: #8ed8f8;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #8ed8f8;

}


div.drum
{

}





h1 {
	font-family: Arial, Sans-Serif;
	font-size:18px;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: -10px;
	margin:0px;
	letter-spacing: 1px;
}

h2 {
font-size:16px;
font-weight: normal;
padding: 5px 0px;
margin:0px;}



/* ----------container zentriert das layout-------------- */


#container
{
	width:833px; 
	height:540px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-416px;
	margin-top: -270px;
	padding-bottom:0px;
	margin-bottom:0px;
	text-align:left;
background-image:url(images/hintbig.gif);
	background-repeat: no-repeat;
	overflow:hidden;
	
}

#container2
{
width:833px; 
	height:540px;
	margin-left:-416px; /*halber wert der gewünschten breite der seite*/
	position:absolute;
	
	top:-270px; /* halber wert der gewünschten höhe der seite*/
	left:50%; 
	padding-bottom:0px;
	margin-bottom:0px;
	text-align:left;
background-image:url(images/hintbig2.gif);
	background-repeat: no-repeat;
	overflow:hidden;
	
	SCROLLBAR-FACE-COLOR: #ffffff;
	SCROLLBAR-HIGHLIGHT-COLOR: #8ed8f8;
	SCROLLBAR-SHADOW-COLOR: #FFFFFF;
	SCROLLBAR-3DLIGHT-COLOR: #ffffff;
	SCROLLBAR-ARROW-COLOR: #8ed8f8;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #8ed8f8;

	
}







/* ----------banner for logo-------------- */


#logo {float:left;
padding: 0px;
margin-left: 23px;
margin-top: 10px;
width:200px;
}

*html #logo {float:left;
padding: 0px;
margin-left: 13px;
margin-top: 55px;
width:200px;
}

/* -----------------Inhalt--------------------- */
#content {float:left;
font-size:14px;
line-height:18px;
width:400px;

padding: 0px;
margin-top: 100px;
margin-right: 20px;
margin-left:80px;
line-height:15px;

}

*html #content { 
width:400px;

font-size:14px;
line-height:18px;
float:left;
margin-top: 100px;
margin-left:40px;


}



p, pre{
padding: 0px 0px;
margin:0px;
}

/* --------------left navigavtion------------- */
#left {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;
float:left;
width:180px;
margin-top:50px;
margin-left:10px;
margin-right:0px;
margin-bottom:0px;


}
* html #left {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;
float:left;
width:180px;
margin-top:5px;
margin-left:5px;
margin-right:0px;
margin-bottom:0px;


}
#right {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;
float:right;
margin-left:0px;
padding-right:120px;
margin-top:155px;
z-index:100;


}
* html #right {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;
float:right;
margin-left:0px;
padding-right:86px;
margin-top:88px;
z-index:100;


}

.imgrechts{
border-top: solid 10px #E3E3E3;
border-left: solid 10px #E3E3E3;
border-bottom: solid 10px #E3E3E3;
}

.imglinks{
border-top: solid 10px #E3E3E3;
border-right: solid 10px #E3E3E3;
border-bottom: solid 10px #E3E3E3;
}



/* -----------footer--------------------------- */




#footer {
position:relative;
margin-left:0px;

 }



#ftr {position:fixed;
bottom: 0; left: 0; 
width: 100%;
 height:25px;
 border: solid #ABAAA6; 
 border-width:1px 0;
 background:#BBBAB7;
 color: #333333;
 margin-bottom:0px;
 z-index:5;

 }




.rahmen{
border:1px solid #BFC2C3}

A.weiss:link { color: #ffffff ; text-decoration:none; font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; }
A.weiss:visited { color:#ffffff; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF;}
A.weiss:active { color: #ffffff; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF;}
A.weiss:hover { color: #000; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFCC99;}

A.black:link { color: #000 ; text-decoration:none; font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 11px;  }
A.black:visited { color:#000; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
A.black:active { color: #000; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
A.black:hover { color: #fff; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

a.mainlink:link { color: #69C9F2; text-decoration:none; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  font-weight: normal}
a.mainlink:visited { color:#69C9F2; text-decoration:none;text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  font-weight: normal}
a.mainlink:hover { color: #69C9F2; text-decoration:underline; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight: normal}
a.mainlink:active { color: #69C9F2; text-decoration:none; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal}


.current { color: #564b47; text-decoration:none; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold}

a.sublink:link { color: #69C9F2; text-decoration:none; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  font-weight: normal}
a.sublink:visited { color:#69C9F2; text-decoration:none;text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  font-weight: normal}
a.sublink:hover { color: #69C9F2; text-decoration:underline; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
a.sublink:active { color: #69C9F2; text-decoration:none; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal}

a.copylink:link { color: #69C9F2; text-decoration:none; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;  font-weight: normal}
a.copylink:visited { color:#69C9F2; text-decoration:none;text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;  font-weight: normal}
a.copylink:hover { color: #69C9F2; text-decoration:underline; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight: bold}
a.copylink:active { color: #69C9F2; text-decoration:none; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal}



#clearing{clear:both;
}

.abstand{margin-left:42px;}

* html .abstand{margin-left:35px;}


	
	 .einzug{	margin-left: 10px;}
			 .einzugrechts{	float:right;}



#navilinks{float:right; width:350px; text-align:left; color:#FFFFFF}

.navilinks ul
{
        list-style-type: none;
        display: inline;
        padding: 0;
        border: solid 0px;
        margin: 0px 0 20px 40px;
        text-align: left;
								 color: #fff;
}

.navilinks ul li
{
         color: #fff;
								padding: 0px 0px 10px 0px;
        line-height: 0.6em;
        border: solid 1px #F7F8FA;
        margin: 0px;
        text-align: left;
}

.navilinks ul li a
{
        text-decoration: none;
        color: #fff;
        padding: 5px 2px 2px 20px;
        font-size: 0.8em;
        font-weight: normal;
        border: solid 0px;
        display: block;
        text-align: left;
        margin: 0;
        background: url(../images/schatten.gif) bottom left no-repeat;
}

.navilinks ul li a:visited
{
        text-decoration: none;
        color: #fff;
        font-size: 0.8em;
        font-weight: normal;
        margin: 0;
        text-align: left;
}

.navilinks ul li a:hover
{
        text-decoration: none;
        color: #fff;
        font-size: 0.8em;
        font-weight: bold;
        margin: 0;
        padding: 5px 2px 2px 20px;
        text-align: left;
        background: url(../../images/schatten2.gif) bottom left no-repeat;
}


.navilinks ul li ul li a , .navilinks ul li ul li a:hover { background: none; }





#nav1{width:70px; height:45px; float: left;	margin-top: 0px; text-align:center; border-left: 2px solid #fff; }


.borderweiss{border: 1px solid #fff}

form {float:left; width 200px;}

.links{float:left; height:14px;}
#fotorechts{position:absolute; bottom:20px; left:520px; width: 292px; height:184px; overflow:hidden; border: 1px solid #000000;}
#claim{position:absolute; bottom:50px; left:540px}
#pfeillinks{position:absolute; bottom:38px; left:49px}



#umgalerie{position:absolute; right: 10px; margin-top:21px; width: 156px; margin-right:10px; height:499px; overflow: auto;overflow-x: hidden; background:#8ed8f8}
#galerie{width: 140px; text-align:center;  height:499px; background:#8ed8f8}
#einzelbild{float:left; width: 350px; margin-top:110px; margin-left:70px;}
*html #einzelbild{float:left; width: 350px; margin-top:110px; margin-left:30px;}
#umnavi{margin-top:150px; width: 150px; height:200px; margin-left:10px; }
*html #umnavi{margin-top:100px; width: 150px; height:200px; margin-left:10px; }
.claim2{margin-top:60px; width: auto; margin-left:0px;}
/*#suche{float:left; margin-bottom:20px; width: 180px; margin-left:10px; font-size:9px;}*/
#suche{width: 180px; font-size: 10px; position: absolute; left: 10px; bottom: 20px;}
#suche .feld{height:18px; width:120px; border: 1px solid #CDCDCD; color:#69C9F2}
#einzelbild .suchwort{ position: absolute; top:70px; font-size:10px; width: 200px; left:270px;}

#contentv{width:500px;line-height:15px;float:left;margin-top: 10px;margin-left:20px;}
#contentv .vita{margin-top:60px; width: auto; margin-left:40px; font-size:10px}
*html #contentv .vita{margin-top:60px; width: auto; margin-left:10px; font-size:10px}
#contentk { width:400px;line-height:18px;float:left;margin-top: 100px;margin-left:20px;}
#contentk .adresse{ font-size:10px; width: auto; margin-left:40px;}
*html #contentk .adresse{ font-size:10px; width: auto; margin-left:10px;}
#contentk .copy{margin-top:190px; margin-left:40px;font-size:9px}
*html #contentk .copy{margin-top:190px; margin-left:10px;font-size:9px}

#impressum {position:absolute;top:50%;left:50%;margin-top:255px;margin-left:-395px}
#impressum a {color:white;text-decoration:none;font-size:80%}
#impressum a:hover {text-decoration: underline;}
