@charset "utf-8";
/* CSS Document */



* {
	padding: 0; margin: 0; 
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #191919;
}

h1 {
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 10px;
}
h2 {
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 2px;
	margin-top: 15px;
}
p {
	margin-bottom: 10px;
}

a:link {
	color:#06F;
}
a:visited {
	color:#FFF;
}

/*IDs*/

#wrapper {
	width: 925px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1px;
	background-color: #FFF;
	position: relative;
}
#headerTop {
	height: 10px;
	background-image: url(img/top-leiste.jpg);
	background-repeat: no-repeat;
}
#header {
	height: 490px;
}
/*#headerUnten {
	height: 26px;
	background-color: #282828;
	font-size: 10px;
	color: #FFF;
	padding-left: 10px;
	line-height: 150%;
	letter-spacing: 0.4em;
}*/

/*#headerUntenStart {
	height: 26px;
	background-color: #161616;
}*/

/*#logoSchwarz {
	float: right;
	width: 380px;
	background-image: url(img/logo-schwarz.png);
	background-repeat: no-repeat;
	margin-right: 25px;
}
#logoWeiss {
	float: right;
	width: 380px;
	background-image: url(img/logo-schwarz.png);
	background-repeat: no-repeat;
	margin-right: 25px;
}*/
#navi {
	overflow: hidden;
	margin-top: 0px;
	padding-top: 1px;
	position: absolute;
	left: 0px;
	border-left-style: solid;
	border-right-style: solid;
	width: 919px;
	z-index: 1;
}

/*Naviblock - Container für die Flyout-Navigation, der Naviblock dient dazu, 
die ganze Navigation untereinander zu halten, er muss die richtigen Eigenschaften
von naviElement und SubnaviElement so kombinieren, dass alles akurat untereinander steht
*/


.naviContainer {
	width: 153px;
	float: left;
}
.naviblock {
	float: left;
	width: 153px;
	overflow: hidden;
}
.SubNaviblock {
	float: left;
	width: 153px;
	overflow: hidden;
	visibility: hidden;
}
.naviElement {
	width: 141px;
	float: left;
	height: 26px;
	color: #FFF;
	font-size: 13px;
	background-color: #000;
	/*background-image: url(img/bg-navi.png);*/
	padding-left: 10px;
	padding-top: 2px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 27px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #333;
	border-left-color: #333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}
.SubNaviElement {
	width: 141px;
	float: left;
	height: 26px;
	color: #FFF;
	font-size: 13px;
	/*	background-image: url(img/bg-navi.png);*/
	background-color: #000;
	padding-left: 10px;
	padding-top: 2px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 175%;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #333;
	border-left-color: #333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}
.naviElement:hover {
	background-color: #333;
/*	background-image: url(img/bg-navi_hover.png);*/
}
.SubNaviElement:hover {
	background-color: #333;	
/*	background-image: url(img/bg-navi_hover.png);*/
}
.naviElement a {
	color: #FFF;
	text-decoration: none;
	display: block;
}

.SubNaviElement a {
	color: #FFF;
	text-decoration: none;
	display: block;
}
/*.trennung {
	background-color: #0C9;
}*/


#inhalt {
	background-color:#000;
	color: #FFF;
	overflow: hidden;
	padding-top: 25px;
	font-size: 0.81em;
	line-height: 150%;
	padding-bottom: 15px;
}

#inhalt ul {
	margin-left: 0.7em; 
	padding-left: 0.7em; 
}

#inhalt li {
	margin-bottom: 5px;
	margin-top: 5px;
}

#inhalt a:link {
	color: #FFF;
}
#inhalt a:visited {
	color: #FFF;
}
#inhalt a:hover {
	color: #CCC;
}

#inhaltLinks {
	float: left;
	width: 410px;
	padding-left: 20px;
	margin-top: 35px;
}

#inhaltRechts {
	float: right;
	width: 410px;
	padding-right: 20px;
/*	background-color: #FFF;*/
	margin-top: 35px;
}

#footer {
	height: 20px;
	font-size: 10px;
	color: #FFF;
	margin-bottom: 10px;
	line-height: 20px;
	padding-left: 10px;
	background-image: url(img/footer-bg.jpg);
	background-repeat: no-repeat;
}
.vollbild {
	margin-top: 0px;
	margin-bottom: 0px;
}
.standardBild {
	padding: 3px;
	border: 1px solid #666;
}

.teaser {
	color: #000;
	width: 410px;
	margin-top: 5px;
	margin-bottom: 10px;
}
/*Extra Klasse, falls der Teaser oben in die Spalte soll*/
.teaserOben {
	color: #000;
	width: 410px;
	margin-bottom: 10px;
}
.teaserhead {
	padding-left: 5px;
	background-image: url(img/bg-teaser.jpg);
	background-repeat: repeat;
	height: 20px;
	padding-top: 4px;
	font-weight: bold;
	color: #FFF;
	line-height: 11px;
}
.teaserBody {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #1E1E1E;
	color: #FFF;
}
.bildUnterschrift {
	font-size: 11px;
	margin-top: 4px;
	padding-bottom: 10px;
}

/* Klassen für die Teaser und Bilder in der Kategorie-Übersicht*/
.KategorieUeberschrift {
	font-weight: bold;
	height: 25px;
	font-size: 16px;
	margin-bottom: 10px;
}

.KategorieTeaser {
	color: #000;
	width: 410px;
	margin-bottom: 34px;
}

.KategorieTeaserBody {
	height: 166px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	background-color: #1E1E1E;
	color: #FFF;
	padding: 8px;
}

/* jetzt wird noch ein eigener TeaserHead für den KategorienTeaser notwendig, damit ich 
dafür einen Roll-Over-Effekt realisieren kann.*/

*.KategorieTeaserhead {
	padding-left: 5px;
	background-image: url(img/bg-teaser.jpg);
	background-repeat: no-repeat;
	height: 20px;
	padding-top: 4px;
	font-weight: bold;
	color: #FFF;
	line-height: 11px;
}


/*die Kategoriebilder bekommen einen Rahmen*/
.KategorieBild {
	padding: 3px;
	border: 1px solid #666;
	margin-bottom: 34px;
}

/* Sonderfall Fotos
es wird eine Übersichts-Seite für die Fotos benötigt und die entsprechenden Unterseiten
in beiden Fällen erfällt der 2-Spaltensatz
*/
.fotoblock {
	overflow: hidden;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
/*	background-color: #2A2A2A;*/
}
/*für die Überschriften über den Foto-Blocks*/
.fotoblockHeader {
	padding-left: 5px;
	margin-top: 20px;
}
.fotoBildUebersichtLinks {
	float: left;
}
.fotoBildUebersicht {
	float: left;
	margin-left: 15px;
}
.fotoBildLinks {
	float: left;
}
.fotoBild {
	float: left;
	margin-left: 15px;
	margin-bottom: 15px;
	z-index: 10;
}