/* Reset *************************************************************/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;border:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} ol,ul {list-style:none;}caption,th {text-align:left;} h1,h2,h3,h4,h5,h6{font-size:1em;} q:before,q:after{content:'';} abbr,acronym {border:0;} a, a:hover, a:visited, a:active { text-decoration: none;}



/* Main Positions *************************************************************/

#top, #main, #footer, .verlauf-oben, .verlauf-unten, .abstand		{ 
	margin: 0 auto;
	width: 900px;
}

#top	{	position: absolute ; top: 0; width: 100%; height: 50px; z-index: 20;}
#main	{	margin: 40px auto 50px auto; z-index: 10;}
#content{	min-width: 510px; padding-top: 40px;}
#footer	{	position: absolute; bottom:0; width: 100%; z-index: 20;}

#scrollPic	 {	display:none; max-width: 380px;	padding-top: 40px;	}
	#showPic {	display:none;	margin-right: 30px;}
	#loading {	display:none;	}
	#thumbs	 {	display:none;	}
/*
#contentleft, #showPic, #content, #service {	float: left; }
#logo {	filter:alpha(opacity=50); 	-moz-opacity:.50; 	opacity:.10; }
*/

html>body #top,html>body #footer	{	position:fixed;	}




#top table	{
	width: 908px; 
	margin: 0 auto;
	}
#top table	td	{
	width: 5%; 
	white-space: nowrap; 
	text-align: center;
	text-transform: lowercase;
	font-size: 18px;
	font-weight: bold;
	}
#top td .tdfirst	{text-align: left; padding:0;}
#top td .tdlast	{text-align: right;}

.verlauf-oben, .verlauf-unten, .abstand	{
	width: 998px;
	}
.verlauf-oben	{
	background: url('grafik/verlauf-oben.png') repeat-x;
	}
.verlauf-unten	{
	background: url('grafik/verlauf-unten.png') repeat-x;
	}
#top table, .hintergrund, .abstand, #footer	{
	background-color: #333;
/*	background: url('grafik/bg.png');
*/	}

.footercentre {width: 998px; margin: 0 auto}
.footercentre table {width: 998px; margin: 12px 0 4px 0;}
.footercentre table td	{width: 10%; vertical-align: bottom; white-space: nowrap; line-height: 12px; }
.footercentre .td-0	{ padding-bottom: 2px;}





/* STYLING *************************************************************/

body, td, h1, h2{
	vertical-align:	top;
	text-align: left;
	font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif;
	font-size:	14px;
	line-height: 1.333em;
	font-weight: normal;
	color: #fff;
	}
body{	background-color: #333;	}

#main .td-0	{
	min-width: 80px;
	padding-right:  6px;
	}

#service td {	
	padding: 0em 2em 0 0;
	font-weight: bold;
	}

h1	{
	font-weight: bold; 
	line-height:  1em;
	}

#titel	{
	font-weight: bold;
	font-size: 1.3em;}

p, h1, .contentblock	{	margin-bottom: .66em; }

#content td	{
/*	padding: 0 0 0.33em 0;
	line-height: 1em;
	margin: 0;
	padding-right: 4px;
*/}

i	{	font-style: normal }

i b, b i	{
	font-size: 1.3em;
	line-height: .66em;
}

a	{	color:		#fff;
		text-decoration:none;
		-moz-outline-width:0px;
		}
a:hover	{color: #c90; }


.weit	{	white-space:nowrap;	}

.caption	{  
		padding:2px 0 12px 0;
		color: #666;
		font-size:	10px;
}

.gelb {
	color: #c90;
	font-weight: bold;

	}
.blau {
	color: #39f;
	font-weight: bold;
	letter-spacing: .21em;	}

.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap,
.csc-textpic-intext-left .csc-textpic-image	{float: left;}





.csc-textpic	{clear: both; padding-top: 3em;}

.contenttable	{clear:both; margin-top: .5em; }


/* Main Menue *************************************************************/

.mOpen, .mActifSub	{	
	font-weight: bold;	
	color: #c90;
}
.mSpace {
	width:8px;
	padding-right:8px;
	text-align:center;
}

.menutop td	{padding-top: 12px;}


/* Sitemap Bilderuebersicht *************************************************************/

.msTBL	{
	width: 960px; 
	padding-left: 65px;
	padding-top: 40px;	
}
.msTD {
	width: 118px;
	height: 158px;
	float: left;
	display: table-cell;
}
.msIMG	{
	width: 75px;
	height: 100px;
	overflow: visible;
	text-align: center;
	vertical-align: middle;
	}
.msTitle	{
	width: 75px;
	font-size: 12px;
	line-height: 14px;
	white-space: normal;
	text-align: center;
	}

/* Image Gallery Popup*************************************************************/

#prevImg, .nextNumber {
	padding-right: 2px;
}
#nextImg {}

.prevNext a:hover {	
	text-decoration:none; 
}
#thumbs img	{
	padding: 6px 6px 6px 0; 
	margin-top: -6px; 
	background-color: white;
}

.popcaption	{
	width: 100%;
	height: 15px; 
	line-height: 15px;  
	font-size: 12px;
	}
.bildbeschriftung {color: #aaa; font-size: 9px;}


.prevNext {	text-align: right;}
.hideMe {	color:		#aaa;}
.nextNumber{}

#prevImg, .nextNumber {padding-right: 4px;}
#prevImg a, #nextImg a, .hideMe { font-size: 1.5em; line-height: .66em;}



#thumbs img	{padding: 0 0 10px 10px; background-color: #f6f6f6;}


.spalte1, .spalte2	{width: 450px; float: left; padding-top: 40px;}

/* login *************************************************************/
input	{border: 1px solid #ccc; margin: 0; height: 16px; vertical-align: baseline;}
.button	{ }
.logout	{border: 0px solid #ccc; background-color: white; padding: 0;margin: 0;width: auto;text-align: left; color: gray}



/* Columns *************************************************************/
.columnchart {					font-weight: bold;	}
.columnchart .columnContent {	font-weight: normal;	}


/* Sprachschalter *************************************************************/
.lang a, .lang a:visited {color: #bbb;	}
.lang a:hover {	color: #000;	}

dl .csc-textpic-caption	{	display: none	}

.csc-uploads p, .csc-uploads-fileName p	{margin: 0;padding: 0; }