/************** Basis-Stylesheet ************/
html
{
height:100%;
}

body 
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size:70%;
	background: #FFFFFF; 
	color: #000000;
	height:100%;
	margin:0px;
	padding:0px;
	text-align:center;
}

html, body, h1, h2, h3, h4, h5, h6, div, p, table, td, ul, ol, li, dd, dt, dl, blockquote, address, hr, pre 
{
	margin: 0;
	padding: 0;
}

img, table
{
	border:0px;
}

table, td, p, li, ul, ol, dl, dd, dt
{
	font-size:100%;
	line-height:120%;
}


hr 
{
border:solid #f04d11 1px;
height:1px;
}
.align-center
{text-align:center;}

.align-left
{text-align:left;}

.align-right
{text-align:right;}

.align-justify
{text-align:justify;}

/************** Container-Stylesheet ************/


#container 
{
	width:969px;
	background: #FFFFFF url(../grafik/container-hg.gif) repeat-y;
	margin:auto;
	margin-top:10px;
	border: 1px solid #b2b2b2;
	text-align:left;
}

#headernavi
{
	color:#FFFFFF;
	width:100%;
	text-align:right;
	height:20px;
	padding-top:5px;
	background: #f04d11;
}
	
#navigation
{ 
background: transparent url(../grafik/logo-wasserski.jpg) no-repeat;
	padding:0px 0px 0px 0px;
	width:159px;
	float:left;
}
	
#content
{ 
	float:left;
	width:628px;
	padding:0px 0px 0px 10px;
}

#content-main
{ 
	float:left;
	width:588px;
	padding:25px 10px 25px 30px;
}

#content-highlight
{ 
	float:left;
	width:153px;
	padding-top:5px;
	margin-left:10px;
}

#height
{
    height:385px;
    float:right;
    width:0px;
}

#ende
{
	margin-bottom:106px;
}

#clear
{
	clear: both;
}




#footer
{ 

	clear:both;
	background:url(../grafik/footer-hg.gif);
	height:26px;

}  

/************** Allgemeine Textformate Stylesheet ************/

a
{
	color: #000000;
	text-decoration:none;
	background-image: none; 
	padding: 0px;
}



h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	line-height:120%;
}

h1 {
	font-size:130%;
	background: url(../grafik/h1-hg.gif) no-repeat;
	color:  #f04d11;
	margin-bottom:10px;
	padding:18px 0px 15px 35px;
	letter-spacing:2px;
	

}

h2
{
	font-size:120%;
	margin-bottom:10px;
	padding-bottom:2px;
	letter-spacing:1px;	
}

h3
{
	font-size:100%;
}

h4 
{
	font-weight:normal;
	background-color:#e5e5e5;
	padding:7px;

}


p
{
padding-bottom:5px;
}


content-heightlight dl
{
	margin-bottom:15px;
	border-bottom:1px dashed #d1dec2;
	padding:0px;
}


.grau
{
	background-color:#e5e5e5;
	padding:5px;
	margin-bottom:10px;

}

dd
{
	margin-bottom:5px;
}

dt
{

	margin:0px 7px 3px 0px;
	float:left;
}

#content-highlight dt
{
	float:none;
}


.contenttable td
{
border-bottom:1px solid #f04d11;
border-left:1px solid #f04d11;
vertical-align:top;
padding:5px;
}

/************** Spezielle Textformate Stylesheet ************/





/************** Links-Stylesheet ************/

p#copyright a
{
	color: #6c7d8b;
	text-decoration:none;
	font-size:10px;
margin:auto;
	
}





#content a
{
	background: url(../grafik/link.gif) left no-repeat; 
	padding:0px 0px 0px 10px ;
	font-weight:bold;
	color: #f04d11;
}


#content-main dl.csc-textpic-image a
{
	background-image: none; 
	padding: 0px;
}

#content a.toplink
{
	background: url(../grafik/toplink.gif) right no-repeat; 

}

#content-highlight a
{
	background: none; 
	padding:0px 0px 0px 0px ;	
	text-decoration:underline;
}


#content div.tx-cal-controller a
{
	background-image: none; 
}

/************** erste Ebene ************/

a:hover, a:focus,  a:active {
text-decoration:underline;
}




#navigation a {
	font-size:100%;
	width:140px;
	font-weight:bold;
}

#navigation ul.sub li a {

	font-size:80%;
	width:130px;
	font-weight:normal;

}

#navigation a:link, #navigation a:visited, #navigation a:hover, #navigation a:active, #navigation a:focus {
	display: block;
	padding:4px 0px 5px 10px ;
	text-decoration: none;
	
}

#navigation a:hover, #navigation  a:focus, #navigation  a:active {
	color:  #f04d11;
}


#navigation li a.aktiv {
	color:  #f04d11;
}

 

#headernavi a
{
	color:#FFFFFF;
}
/************** Absatz-Stylesheet ************/

/************** Liste-Stylesheet ************/

#content dd
{
font-weight:normal;
font-size:0.9em;
padding:5px 0px 0px 15px;
background: transparent url(../grafik/bildunterschrift.jpg) no-repeat 0px 7px;
}



#content-main ul
{
margin:0px 0px 10px 25px;
}

#content-main ol
{
margin:0px 0px 0px 25px;
}

#headernavi ul
{
	margin-left:805px;

}

#navigation ul.main
{
margin:110px 0px 0px 10px;
width:150px;
}

#navigation ul.sub
{
margin:0px 0px 0px 5px;
width:145px;
}

#navigation li 
{	list-style:none;
	border-bottom: 1px solid #b2b2b2;
}

#navigation ul.sub li 
{	list-style:none;
	border-bottom: 0px solid #b2b2b2;
	border-top: 1px solid #b2b2b2;
}

#headernavi li 
{	display: inline;
	list-style:none;
	float:left;
	text-align:center;
	padding:0px 5px 0px 5px ;	
}

.hidden

{

display:none;
}

.right
{
	text-align:right;
}

#navigationsub li.last 
{
border:none
}

.header
{
border-bottom:#000000 3px solid;
}


/* formular */
label, input, textarea, select
{ 
	font-size: 10px;
	display: block;
	float: left;
  margin-top: 2px;
  margin-bottom: 10px;
  width:250px;
}

#checkbox
{ 
 width:20px;
  margin-left:0px;
}


fieldset{ background-color:#F1F1F1;  border:0px;}



input, textarea, select{  border: 1px solid #f04d11;}

input#mailformFormular_löschen
{ 
	margin-left:100px;
	background-color:#f04d11;
	font-weight:bold;
}

input#mailformformtype_mail 
{ 
	margin-left:100px;
	margin-bottom:10px;
	background-color:#f04d11;
	font-weight:bold;
	  width:150px;
}

.csc-mailform-label {clear:left;margin:bottom:10px;}
label
{  
	clear:left;
 	text-align: right; 
	padding-right: 10px;
	width:200px;
	font-weight:900;
} 
form {
  background: #FFFFFF;
  border: 1px solid #f04d11;
  margin-right:1em;
  padding:0.5em;
}

p.hinweis
{ 
  color:#FF0000;
  font-size:85%;
  float:left;
 
  
 }