html {
	min-height: 101%;
}



body {
	margin: 0px;
	padding: 0px;
	background-image: url(hintergrund.png);
	color: #7d7a8d;
   font-family: Arial, Helvetica, sans-serif;
}


.clear_left {
	clear: left;
	height: 0px;
	margin: 0px;
	padding: 0px;
}


#kopf {
	background-image: url(kopf-hintergrund.png);
	background-repeat: no-repeat;
   height: 203px;
}

#kopf p {
   margin: 0px;
	padding-top: 100px;
	padding-left: 700px;
	color: #a8a3bd;
	
}

#kopf ul {
	height: 40px;
	list-style-image: none;
	list-style-position: inside;
	list-style-type: none;
	margin: 0px;
	padding-top: 38px;
	padding-left: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#kopf ul li {
	float: left;
	width: 121px;
}

#kopf ul li a {
   background-image: url(tmenu-hintergrund.png);
	background-repeat: no-repeat;
	color: #a8a3bd;
   margin:0px;
	padding-top: 10px;
	padding-left: 9px;
	text-decoration: none;
	font-weight: bolder;
	display: block;
	height: 26px;
	width: 111px;
}

#kopf ul li a:hover {
   background-image: url(tmenu-hintergrund_hover.png);
	background-repeat: no-repeat;
	color: #a8a3bd;
}

/* ------------------------------------------------------------- */

#bauch {
	background-image: url(content-hintergrund.png);
	background-repeat: repeat-y;
}

#bauch #seitenmenu {
	float: left;
   width:105px;
}

#bauch #seitenmenu ul {
	margin: 0px;
   padding-top: 7px;
	padding-left: 0px;

}

#bauch #seitenmenu ul li {
	padding-bottom: 4px;	
}

#bauch #seitenmenu ul li a {
	display: block;
	color: #a8a3bd;
	text-decoration: none;	
	font-size: 0.8em;
	padding-left: 7px;
}

#bauch #seitenmenu ul li a:hover {
	color: #a8a3bd;
	background-color: #3f3d48;
	
}


#bauch #content {
	float: left;
	width: 760px;
	margin-left: 22px;
	margin-right: 10px;
}

#bauch #content ul {
	font-size: .9em;
}

#bauch #content p {
	margin:0px;
	margin-bottom: 7px;
	
	font-size: 0.9em;
}

#bauch #content h1 {
	margin:0px;
   margin-top: 12px;
	margin-bottom: 3px;

	font-size: 1.4em;
}

#bauch #content h2 {
	margin:0px;
   margin-top: 12px;
	margin-bottom: 3px;
	font-size: 1.2em;
}

#bauch #content h3 {
	margin:0px;
   margin-top: 12px;
	margin-bottom: 3px;

	font-size: 1em;
}



#bauch #content a {
	color: #615f6e;
}

#bauch #content a:hover {
	color: #615f6e;
	text-decoration: none;
}



/* ---------------------------------------------------------- */

#fuss {
	background-image: url(fuss-hintergrund.png);
	background-repeat: no-repeat;	
	height: 50px;
}

#fuss p {
	font-size: .7em;
	text-align: right;
	width: 887px;
	color: gray;
	margin: 0px;
	padding-top: 16px;
}

#fuss p .abstand {
   padding: 0px 10px;
}

#fuss p a {
	color:gray;
}

#fuss p a:hover {
	color: silver;
}

/* Rahmen um das Bild, wird in Typo3 mit dem Schalter Rahmen gesetzt */
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
	border-color: #999;
}


/* ------------------ TYPO3 Anpassungen --------------- */

dd.csc-textpic-caption {
	font-size: .7em;
}

dd {
   margin-top: 7px;
	font-size: .8em;
}

/* -------------- smoothGallery ---------------------- */

/* Bildunterschrift im tt_content Bereich */
.rgsmoothgallery-caption {
	font-size: 0.7em;
}


.jdGallery .slideInfoZone {
	/* sbs :: Größe der Unteren Aufklapp-Beschriftung  */
	height: 100px;
}


.myGallery {
	/* Rahmen rund um die Gallerie */
	border: 1px solid #1A1823;
}

.jdGallery .slideElement {
	/* Hintergrund der gallerie */
	background-color: #1A1823;
}

/*  sbs add - Beschriftung
Die Verschachtelung muß aus der main.css übernommen werden
da diese sonst den TAG h2 wieder überschreibt  */
#bauch #content .jdGallery .slideInfoZone h2 {
	font-size: 14px;
	margin: 2px 5px;
	text-align: center;
}

#bauch #content .jdGallery .slideInfoZone p {
		font-size: 11px;
		margin: 5px 30px 10px 30px;
		text-align: left;
}