/* Import -------------------------------- */
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin);
@import url(http://fonts.googleapis.com/css?family=Cuprum&subset=latin);
@import url("reset.css");


/* Body -------------------------------- */
body{
	background:#404040;
	color:#fff;
	}

	
/* Schrift -------------------------------- */
h1, h2, h3, h4, h5, h6, a, p, td, li, ul, ol, figcaption{
	font-family:'PT Sans Narrow',"Lucida Grande","Lucida Sans Unicode","Lucida Sans",verdana,helvetica,arial,sans-serif;
	font-size:14px; 
	font-style:normal; 
	font-weight:normal; 
	line-height:140%;
	}
ul, li{
	padding:0;
	margin:0;
	list-style:none;
	}
td{
	vertical-align:top;
	}
#navBild a, #navVorschau a{
	font-family:'Cuprum','PT Sans Narrow',"Lucida Grande","Lucida Sans Unicode","Lucida Sans",verdana,helvetica,arial,sans-serif;
	font-size:20px; 
	line-height:100%;
	}
#adresse p,#adresse a, .info2 p{
	line-height:130%;
	}



/* Links -------------------------------- */
a:link{
	text-decoration:none;
	background:transparent;
	color:#7f7f7f;
	}
a:visited{
	text-decoration:none;
	background:transparent;
	color:#7f7f7f;
	}
a:hover{
	text-decoration:none;
	background:transparent;
	color:#fff;
	}
a:active{
	text-decoration:none;
	background:transparent;
	color:#f00;
	}
a:focus{ 
	outline:none; 
	}
#navBild a:link, #navVorschau a:link{
	text-decoration:none;
	background:transparent;
	color:#f00;
	}
#navBild a:visited, #navVorschau a:visited{
	text-decoration:none;
	background:transparent;
	color:#f00;
	}
#navBild a:hover, #navVorschau a:hover{
	text-decoration:none;
	background:transparent;
	color:#fff;
	}
#navBild a:active, #navVorschau a:active{
	text-decoration:none;
	background:transparent;
	color:#f00;
	}
p.info1 a:link span{display: none;}
p.info1 a:visited span{display: none;}
p.info1 a:hover span{
width:300px;
margin:-19px 0 0 90px;
display: block;}


/* Container -------------------------------- */
#aussen{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:1;
	}
#bg{
	position:absolute;
	top:0;
	left:0;
	height:812px;
	width:100%;
	background:#191919;
	color:#fff;
	z-index:2;
	}
#innen{
	position:relative;
	top:0;
	left:0;
	height:796px;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	background:#191919;
	color:#7f7f7f;
	z-index:5;
	}
#logo{
	position:absolute;
	top:60px;
	left:35px;
	}
#menu{
	position:absolute;
	top:117px;
	left:34px;
	}
#adresse{
	position:absolute;
	top:444px;
	left:34px;
	height:100px;
	width:240px;
	}
#bild{
	position:absolute;
	top:60px;
	left:300px;
	}
#bildZusatz{
	position:absolute;
	top:559px;
	left:300px;
	}
#vorschau{
	position:absolute;
	top:634px;
	left:36px;
	}
#navVorschau{
	position:absolute;
	top:737px;
	left:300px;
	}


/* Navigation -------------------------------- */
.submenu{
	margin:0 0 0 15px;
}


/* Inhalt -------------------------------- */
#bildZusatz div{
	float:left;
	padding:0 24px 0 0;
	}
#legende{
	color:#fff;
	}
.bildVorschau img{
	padding:0 20px 0 0;
}



/* classes -------------------------------- */
.clear{
	clear:both;
	width:0;
	height:0;
}
.unten{
	position:absolute;
	bottom:0;
	}