html, body {height: 100%;}
body {
	margin: 0px; 
	padding: 0px; 
	border:none;	
	font-family: Verdana, Arial, Helvetica, Univers, sans-serif;
	font-size: 11px; /* 0.7em*/
	line-height: 15px; /* 1.3em*/
	overflow : auto;
	background-color:#F7F7F7;	/*#EEEEEE*/
}
h1{
font-size:20px;
color:#999999;
font-weight:normal;
line-height:24px;
margin:0;
padding:0;
}
h2{
font-size:14px;
color:#999999;
font-weight:bold;
line-height:24px;
margin:0;
padding:0;
}
h3{
font-size:13px;
color:#a91800;
font-weight:bold;
line-height:13px;
margin:0;
padding:0;
}
h4{
color:#666666;
font-size:12px;
font-weight:bold;
line-height:12px;
margin:0;
padding:0;
}
h5{
font-size:11px;
font-weight:bold;
line-height:11px;
margin:0;
padding:0;
}
img[alt]{
	font-size:10px;
}
pre{font-family: Verdana, Arial, Helvetica, Univers, sans-serif;
	font-size: 11px; /* 0.7em*/
	line-height: 15px; /* 1.3em*/
	margin: 0px; 
	padding: 0px;
	display:inline;
}
/* Links */
a:link{color:#a91800; text-decoration:none;}
a:hover{color:#666666; text-decoration:none;}
a:visited{color:#a91800; text-decoration:none;}
a:active{color:#a91800; text-decoration:none;}

a.greylink{color:#888888; text-decoration:none;}
a:hover.greylink{color:#333333; text-decoration:none;}

/* ----- */
#SensiNav{
	position: absolute;
	width: 237px;
	right:0px;
	float:right;
	z-index:11;
	bottom:0px;
}
#SensiNav ul{
	position:absolute;
	bottom:0px;
	color:#666666;
	font-size:10px;
	line-height:13px;
	font-weight:bold;
	list-style-position: outside;
	list-style:none;
	padding:0; 
	margin:0; 
	margin-bottom:20px;
	margin-left:10px;
}
#SensiNav ul li{
	padding:0;
	margin:0;
	background: url(../img/li-arrow-red.gif) no-repeat 0px 3px;
	padding-left: 25px;
}

#SensiNavInfo{
	position: absolute;
	display:none;
	background-color:#ffffff;
	width: 230px;
	height:100px;	
	left:755px;
	float:left;
	z-index:12;
	bottom:35px;
	font-size:10px;
	line-height: 12px;
	color:#666666;
}
#SensiNavInfo p{
	position:absolute;
	margin:0;
	padding:0 5px 10px 8px;
	bottom:0px;
}
#SensiNav a{
    text-decoration: none; 
    color:#919191;
}
#SensiNav a:hover{
    text-decoration: none; 
    color:#a91800;
}

#LogoText{
	position: relative;
	top: 32px;
	right:10px;
	float:right;
	z-index:11;
}
#LogoBild{
	position: absolute;	
	top: 364px;
	left:330px;
	width:530px;
	text-align:center;
	float:right;
	z-index:10;
	margin:0; padding:0;
}
#LogoBild2{
	position: absolute;
	top: 364px;
	left:430px;
	width:530px;
	text-align:center;
	float:right;
	z-index:10;
	margin:0; padding:0;
}
#LogoBild3{
	position: absolute;
	top: 364px;
	left:792px;
	width:231px;
	text-align:center;
	float:right;
	z-index:10;
	margin:0; padding:0;
}
#reddoor{
	position: absolute;
	top: 98px;
	left:522px;
	width:33px;
	height:84px;
	text-align:center;
	float:left;
	background-color:#a91800;
	z-index:12;

}

#FreiDrop{
	position: absolute;
	top: 0px;
	left:72px;
	z-index:105;
	float:left;
}
#FreiDrop.DropPos0{left:100px;}
#FreiDrop.DropPos1{left:77px;}
#FreiDrop.DropPos2{left:140px;}
#FreiDrop.DropPos3{left:230px;}
#FreiDrop.DropPos4{left:299px;}
#FreiDrop.DropPos5{left:365px;}
#FreiDrop.DropPos6{left:465px;}
#FreiDrop.DropPos7{left:545px;}
#FreiDrop.DropPos8{left:540px;}



#MainImg{
	position: absolute;
	top: 125px;
	left:28px;
	width:520px;
	z-index:105;
	float:left;
	text-align:center;	
}
#MainImgGB{
	position: absolute;
	top: 128px;
	left:2px;
	width:550px;
	z-index:105;
	float:left;
	text-align:center;	
}
#MainArea{
	position: absolute;
	top: 128px;
	left:28px;
	width:520px;
	z-index:105;
	float:left;
	text-align:left;
	font-size:12px;
}
#MainArea b{
	color:#666666;
}
#MainArea.marginleft{
	left:242px;
	width:550px;
}
#HeadlineLeft{
	position:absolute;
	top: 122px;
	left: 30px;
	float:left;
	padding:0;
	
}

#Text{
	position: absolute;
	top:125px;
	left:645px;
	width:330px;
	z-index:105;
	float:left;
	font-size:12px;
}
#Text p{
	font-size:12px;
	margin-top:7px;
	line-height:15px;
}
#map24{
	position:relative;
	top:2px;
}
/*Begin:------------------------- ArtistListing ---------------------------*/
#ArtistListing{
	position: absolute;
	top:125px;
	left:735px;
	width:233px;
	z-index:105;
	float:left;
}
#ArtistListing ul{
	clear:both;
	list-style:none;
	text-align:right;
	color:#666666;
	line-height:23px;
	margin:0;
	padding:10px 6px 10px 0;font-size:12px;
}
#ArtistListing img{
	float:right;
}
#ArtistListing ul a{
	color:#666666;
}
#ArtistListing ul a:hover{
	color:#a91800;
}
#ArtistListing ul li.MenuSel a{
	font-weight:bold;
	color:#a91800;
}
/*End:------------------------- Liste im Layout2 ---------------------------*/
/* auch bei horizontalem Scroll kein verikaler Scroll*/
#wrapper1024 {
/*font-size: 1.2em;*/
position: absolute;
width: 992px;
height: 620px;
top: 50%;
left: 50%;
margin-left: -496px;
margin-top: -310px;

}
/* Postkarten */
.KarteQuer{
padding-top:0px;
width:520px;
}
.KarteHoch{
height:448px;
}



/* MediumNav vertikal */

#MiniNavVert{
	position:absolute;
	top:122px;
	left:586px;
	width:14px;
	z-index:80;
}
#MiniNavVert2{
	position:absolute;
	top:122px;
	left:688px;
	width:14px;
	z-index:80;
}
#MiniNavHoriz1{
	position:absolute;
	top:560px;
	left:196px;
	width:250px;
	z-index:80;
	text-align:right;
}

/* Begin:---------------------------------------- Für Scroll-Javascript --------------------------------------------- */
#divContainer{
	position:absolute; 
	width:600px; 
	height:430px; 
	overflow:hidden; 
	top:125px; left:30px; 
	clip:rect(0,600,430,0); 
	visibility:hidden;
	z-index:20;
}

#divContent{position:absolute; width: 600px; top:0; left:0;}
/* Begin:---------------------------------------- OverviewArea --------------------------------------------- */
.overview{
	position:relative;
	width:165px;
	height:165px;
	float:left;
	background-color:#ffffff;
	margin-bottom:60px;
	margin-right:30px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding:0;
}
.overviewTxt{
	position:absolute;
	top:165px;
	left:-1px;
	width:167px;
	height:25px;
	text-align:right;
	margin:0px;
}
.overviewTxt p{
	font-size:10px;
	margin:5px 1px 0 0 ;
}
.overviewTxt p a,.overviewTxt p a:hover,.overviewTxt p a:active,.overviewTxt p a:visited{
	text-decoration:none;
	color:444444;
}
.overview img{
	position:relative;
	display:block;
	margin:0;
	padding:0;
}
.overviewImgQ{
	position:relative;
	width:100%;
}
.overviewImgH{
	position: relative;
	height:100%;
}


/* Begin:------------------------------------------ WerkeArea --------------------------------------------- */
.Infotext{
	position:absolute;
	top:170px;
	left:145px;
	color:#999999;
	font-size:12px;
}
#MainArea .Infotext{

	top:167px;
	left:147px;

}
.werke{
	position:relative;
	float:left;
	background-color:#fff;
	margin-bottom:60px;
	margin-right:40px;
	padding:0;
}
.werkeTxt{
	position:absolute;
	top:330px;
	clear:both;
	padding:0;
	padding-top:10px;
	left:-1px;
	height:25px;
	margin:0px;
}
.werkeTxt p{
	font-size:10px;
	margin:0;
	padding:0;
	line-height:13px;
}
.werkeImg{
	position: relative;
	height:330px;
	background-color:#9966CC;
	margin:0;
	padding:0;
	border: 1px solid #CCCCCC;
}
/* Begin:-------------------------------------------- Biografie-Area ------------------------------------------------- */
#Portrait{
	position:absolute;
	width:187px;
	top: 128px;
	left: 30px;
	float:left;
	padding:0;
}

#Portrait img{
	width:187px;

}
#Longtext{
	position:relative;
	float:left;
	width:385px;
	left: 212px;
	font-size:12px;
	padding:0;
	line-height:13px;
	/*background-color:#FFCCFF;*/
}
#Longtext h2{
	margin: 0;
	padding:0;
	font-size:14px;
	font-weight:bold;
	line-height:13px;
	padding-bottom:15px;
}

/* End:-------------------------------------------- Biografie-Area ------------------------------------------------- */
/* Begin:-------------------------------------------- Menu ------------------------------------------------- */

#Menu{
	z-index:100;
}
ul#Menu {
	position: relative;
	top:55px;
	left:10px;
	font-size:11px;  	
	text-align: left;
    margin: 0; 
	padding: 0 10px 0 10px;    
	float:left;
}
ul#Menu a, ul#Menu span {    
    text-decoration: none; 
	font-weight: normal;
    color:#666666;
	padding:5px 10px 7px 10px; /*wichtige Überlappung für Ein- und Ausblenden*/	
	display: block;
}
ul#Menu li {
	position:relative;
    list-style: none;
    display: inline;
    margin: 0; 
	padding: 0;
	float: left;
}
ul#Menu li a:hover {
color:#a91800;
}
ul#Menu li.MenuSel a {
	font-weight:bold;
	color:#a91800;
}
/*Begin:-------- Menüpunkte mit Unternavigation -------- */
ul#Menu li ul {
	position: absolute;
	top: 20px; left: 0; /* Abstand der Subnav nach unten */
	width:500px;
    margin: 0; 
	padding: 0;    
    display: none; 
	z-index:102;	
}
ul#Menu li:hover ul {
    display: block; 
}
ul#Menu li ul li {
    float: left;
    display: block;
    margin-bottom: 0.2em;
}
/*End:-------- Menüpunkte mit Unternavigation -------- */
/*Begin:------ Das selektierte Untermenu, das sichtbar bleibt -------- */
ul#Menu li.MenuSel ul {
    display: block;  
}
/*End:-------- Das selektierte Untermenu, das sichtbar bleibt -------- */
/*Begin:------ Die Untermenüpunkte nicht selektierter Submenus -------- */

ul#Menu li ul li a {
	font-weight:normal;
	color:#666666;
}
ul#Menu li ul li a:hover {
	color:#a91800;
}
ul#Menu li ul li.MenuSel a {
	font-weight:normal;
	color:#a91800;
}
/*End:-------- Die Untermenüpunkte nicht selektierter Submenus -------- */
/*Begin:------ Die Untermenüpunkte selektierter Submenus -------- */
ul#Menu li.MenuSel ul li a {
	font-weight:normal;
	color:#666666;
}
ul#Menu li.MenuSel ul li a:hover {
	color:#a91800;
}
ul#Menu li.MenuSel ul li.MenuSel a {
	font-weight:normal;
	color:#a91800;
}

/*End:-------- Die Untermenüpunkte selektierter Submenus -------- */

/* End:-------------------------------------------- Menu ------------------------------------------------- */

/* Für Footer und Content */
#holder {min-height: 100%; position: relative;}
* html #holder {height: 100%;} /* Für IE*/

#content {
	position: absolute;
	width:988px;
	height:595px;
	float: left;
	border: 1px solid #666;
	margin:0; padding:0;
	background-color:#FFFFFF;
}
#content.IEspecial {
	position: absolute;
	height:597px;
}

.IEspecialBgLogo {	
	background-image:url(../img/bg_logo.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.bgLogo{
	background-image:url(../img/bg_logo.gif);
	background-repeat: no-repeat;
	background-position: right bottom;	
}
#footer {
	clear:both;
	position: absolute;
	height: 23px;
	bottom: 0; 
	left: 0; 
	width: 100%; 
	text-align:left;
	font-size:11px;
	color:#666666;/*#999999*/
	width:990px;
}
#footer a{
	padding-left: 20px;
	text-decoration:none;
	color:#666666;/*#999999*/
}
#footer a:hover{color:#999999;}/*#555555*/

#footer p{
	margin:7px 0 0 0;
	padding:0;
	
}
#footer li{
	display:inline;
	list-style: none;
}
#footer .copyright{padding-right: 40px;float:left;}
#footer .impressum{float:right;}
#footer .creagrafix{float:right; padding-left:62px;}








