/**************** Body and tag styles ****************/

*{margin:0; padding:0;}

body {
	text-align:center;
	color:#303030;
	background:#e8eaec;
	background:#FFF;
	font-family: Arial, Tahoma, sans-serif;
	margin-top:30px;
	font-size: xx-small; /*für IE5 */
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size: xx-small; /*für konforme Browser */
}


p.bodytext, p, td {
	margin:0;
	font-family: Arial, Tahoma, sans-serif;
	font-size: xx-small;
}

.csc-sitemap
{
	overflow: auto;
}


#Tabelle im Frontend anpassen
table.typo3-editPanel { border: none; background-color: none; width: auto;}
table.typo3-editPanel TD.typo3-editPanel-controls { padding:2px; border: 2px solid silver; background-color: #fff;}

a{
	color:#578bb8;
	font-weight:bold;
	text-decoration:none;
	background-color:inherit;
}

a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}
a img{border:none;}

p {padding:0 0 1.6em 0;}


p form{margin-top:0; margin-bottom:20px;}

.Stil1 {color: #EAEEEF}

img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}


/**************** navigation styles ****************/

.navigation ul{
	list-style-type:none;
	color:#ffffff;
	margin: 0px;
	padding: 0px;
	bottom:0px;
}

#header .navigation ul{
	position:relative;


	bottom:-8px;
}

.navigation li{
	padding: 0px;
	display:inline;
	white-space:nowrap;
	border-right: 1px solid #CBCBCB;
}

.navigation li a{
	font-weight:normal;
	text-decoration:none;
	color: #A3A3A3;
	padding: 0 0.5em;
}

.navigation .linkact1 a,#subcontent .linkact1 a{
	color: #494949;
	text-decoration:none;
}

* html .navigation a {width:1%;}

.navigation .selected,.navigation a:hover, #subcontent ul li a:hover{
	text-decoration:none;
	color: #494949;
}

/**************** navigation head ****************/

#header #inhaltmenue {
	float:left;
	height:18px;
	width:620px;
}

#header .navigation {

}

#header .navigation li a{

}

#header .navigation .selected,.navigation a:hover{
	text-decoration:none;
	color: #494949;
}

#header .navigation li , #contentleft .navigation li{
	letter-spacing:0;
	padding: 0px;
	marging: 0;
	}
	
#headerlinks .navigation li{
	border:none;
	font-weight:bold;
}
	
#headerlinks .navigation li a{
	text-transform:uppercase;
	padding: 0 4px 0 0;
	margin: 0px;
	font-weight:bold;
	}

/**************** navigation content ****************/

#content .navigation li a{
	padding-top: 0;
	padding-right: 4px;
	padding-bottom: 0;
	padding-left: 2px;
	border:none;
	}
	
.contentmitte .navigation{
position:relative;
top:-8px;
}

/**************** Header styles ****************/

#container{
	width:940px;
	text-align:left;
	background:#FFF;
	color:#303030;
	margin:auto;
}

#header{
	position:relative;
	float:left;
	height:20px;
	margin:0px;
	padding: 0 0 0 20px;
}
#headerlinks{
	float:left;
	bottom:0px;
	width:285px;
	margin:0px;
}

html>body #headerlinks {
                       width: 285px;
                       }
#logo{
	float:left;
	margin: 0px;
	padding:2px 0.2em 0 0;

}

#hauptmenue{
	color: #496E96;
	color: #FFF;
	background-color: #496E96;
}

#logout{
	position:absolute;
	z-index:2;
	top:10px;
	margin:0 0 0 500px;
	width:100px;
	color: #000;
	background-color: #FFF;
	border: 1px solid black;
	text-align: center;
}

#header h2{
	margin:10px 0 0 40px;
	font-size:1.4em;
	background-color:inherit;
	color:#f0f2f4;
	letter-spacing:-1px;
	font-weight:normal;
}


#subcontent ul.einzug
{
float:right;
width:280px;
}
/***untermenue abstand rechts ********/
#subcontent ul.abstand
{
margin-bottom:0.8em;
}

#subcontent ul li
{
	text-align:right;
	list-style-type:none;
}
#subcontent ul li a{
	display:block;
	font-weight:normal;
	text-decoration:none;
	color: #A3A3A3;
	padding:0px;
}


/**************** Content styles ****************/

#content{
	position:relative;
	width: 939px;
	float:left;
	background-color: #F6F6F6;
	height: 369px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin: 0px;
}

html>body #content {
                       width: 940px;
                       }


#content h1 {
margin:0px 0px 4px 0px;
font-size:120%;
font-weight:bold;
letter-spacing:1px;
color:#494949;
}

#content h2 {
margin:0px 0px 4px 0px;
font-size:110%;
font-weight:bold;
letter-spacing:0px;
color:#496E96;
}

#content h3,h4,h5 {
margin:0px 0px 2px 0px;
font-size:12px;
font-weight:bold;
letter-spacing:0px;
color:#496E96;
}

#content > h2:firstchild {
margin:-10px 0 2px 0;
}

/* Text html area */
.MsoNormal {
	width:400px;
	color:#A3A3A3;
	margin:0 0 3em 0;
	padding:0 0 0 2px;
}
/**************** Sidebar styles ****************/


#contentleft h2{
margin:0px;
}

#subcontent p{
	margin-bottom:12px;
	padding:0px;
	line-height: 120%;
}

#subcontent {
position:absolute;
top:50px;
right:1px;
width: 288px;
height: 260px;
overflow:none;
margin-right:0px;

}

html>body #contentleft {
                       width: 290px;
                       }

#subcontent2 {
position:absolute;
z-index: 3;
margin-top:40px;
width: 255px;
height: 270px;
overflow:auto;
border:1px solid black;
}

#subcontent h1{
text-transform:uppercase;
margin:0 0 0 0;
font-size:120%;
font-weight:normal;
text-align:left;

letter-spacing:0px;
color:#505050;
background-color:inherit;
}

/**************** Footer styles ****************/

#footer{
	clear:both;
	width:940px;
	height: 50px;
	margin:0px;
	background:#FFFFFF url(hg_wasseru.jpg) no-repeat bottom;
	padding:0px;
}

#copyright{
	position:relative;
	background-image:none;
	top:20px;
	padding-left:310;
	text-align:left;
	color: #A3A3A3;
}


#copyright a{color:#A3A3A3; background-color:inherit; font-weight:normal;}
#copyright a:hover{color:#303030; background-color:inherit; text-decoration: underline;}

/**************** Misc classes and styles ****************/

#contentleft{
	position:relative;
	float:left;
	width:310px;
	height: 370px;
	background-color: #EAEAEA;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	padding-left:20px;

}
html>body #contentleft {
                       width: 290px;
                       }


.clear{clear:both;}
.small{font-size:0.8em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.important{color:#f02025; background-color:inherit; font-weight:bold;}

/**************** INHALTSBEREICH ****************/

.contentmitte {
	float:left;
	width:629px;
	height: 330px;
	background-color: #F6F6F6;
	padding: 0 0 0 0;
	margin:0;
}


#textmitte {
	position:relative;
	width: 620px;
	height: 280px;
	overflow:auto;
	margin-top:50px;
}

/**************** Bilderabstand im Inhalt ****************/
.csc-textpic-caption {
	color:#A3A3A3;
	margin:0;
	padding:0;
}
.csc-textpic-caption .bodytext {
	color:#A3A3A3;
	margin:0 0 3em 0;
	padding:0;
}

.bodytext {
	color:#A3A3A3;;
}

/* Bildabstand unten */
#textmitte dt img{
	margin-top:0px;
	margin-bottom:0px;
}
.csc-textpic-imagerow dl
{
	position:relative;
	padding:0 0 100px 0px;
}

.contentmitte ul {
clear:both;
margin: 0px 0 10px 0px;
padding: 0px;
list-style-type: square;

}

.contentmitte ul li{
	text-align:left;
	color:#303030;

}



/**************** Content styles ****************/

#content{
	background:#FFFFFF url(hg_wasseru.jpg) repeat-y bottom;
	background:#FFFFFF url(bilder/titelbild_felsen01.png) repeat-y top;
}




/**************** Footer styles ****************/

#footer{
	background:#FFFFFF url(hg_wasseru.jpg) no-repeat bottom;
	background:#FFFFFF url(bilder/titelbild_felsen02.png) repeat-y bottom;
}

#footer a{color:#A3A3A3; background-color:inherit; font-weight:normal;}
#footer a:hover{color:#303030; background-color:inherit; text-decoration: underline;}

/**************** Misc classes and styles ****************/

#contentleft{
	background-color: transparent;

}


/**************** INHALTSBEREICH ****************/

.contentmitte {
	background-color: transparent;
	color: #303030;
}
#textmitte {
	height: 230px;
	overflow:auto;
	margin-top:100px
}
p.bodytext {
	color:#666;
	font-size: 110%;
}
p.bodytext strong {
	font-weight:bold;
}
p.bodytext a, a:link, a:hover {
	color:#666;
	font-weight:normal;
}