/**
 * CSS FORSTHOFF


/**
 * General Body Styling
 * --------------------
 * These are normal css setup reccommended for your
 * HTML template although they are not neccessary
 */


body 
{
font-family: Arial, sans-serif;
font-size: 70%;
margin: 0px;
color: #000000;
text-align: center;

}

#center{
margin:  0 auto;
position: relative;
width: 990px;

}

#main{
width:990px;
float: left;
border: solid 1px #cccccc;

text-align: left;

}

img{
border:0;
}


.main{
background-color: #efefef;
}

#main_home{
width:990px;
background-image:url(images/hg.gif); background-repeat:repeat-y;
height:600px;
border: solid 1px #cccccc;
text-align: left;
}

#sprachwahl{
position:absolute; top:10px; left:200px;
}

#sprachwahl div{
float:left;
margin-left: 5px;
}

#pic1{
	position:absolute;
	top:150px;
	left:0px;
	width:198px;
	height:237px;
}
#pic2{
	position:absolute;
	top:150px;
	left:198px;
	width:594px;
	height:169px;
}
#pic3{
position:absolute; top:150px; left:396px; width:198px; height:169px;
}
#pic4{
position:absolute; top:150px; left:594px; width:198px; height:169px;
}
#pic5{
	position:absolute;
	top:150px;
	left:792px;
	width:198px;
	height:237px;
}

#text1{
position:absolute; top:120px; left:400px;
}

#text2{
	position:absolute;
	top:400px;
	left:200px;
	width: 198px;

}


#text2 [id]{
	position:absolute;
	top:400px;
	left:200px;
	width: 218px;

}

#extlink{
	position:absolute;
	top:400px;
	left:400px;
	font-weight: bold;
}

#flash{
	position:absolute;
	top:15px;
	left:305px;
}

#flash_en{
	position:absolute;
	top:21px;
	left:190px;
}


p{
font:normal 11px Arial, sans-serif;
margin-top:5px;
padding::0px;
}

p.bold{
font:bold 11px Arial, sans-serif;
}


p.bodytext{
font:normal 11px Arial, sans-serif;
padding:1px;
margin: 1px;
}

ul{
padding:0px;
margin:0px;
}


/**
LINKS_ANFANG
 */

#links {
float:left;
}


#logo {
background-color:#9D2C3F;
}

.nav_home {
width:190px;
background-color:#9D2C3F;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 6px;
border-top: 1px solid #fff;
}

#nav_home a{
color:#fff;
font: 12px Arial, sans-serif bold;
display: block;
} 

#nav_home a:hover{
width:164px;
background-color:#9D2C3F;
} 


#container_nav_left1{
margin-bottom: 20px;
margin-top:1px;
width: 167px;
}

.nav_left {
width:164px;
background-color:#9D2C3F;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 6px;
border-top: 1px solid #fff;
}


#nav_left a{
color:#fff;
font: 1em Arial, sans-serif;
display: block;
} 

#nav_left a:hover{
width:164px;
background-color:#9D2C3F;
} 


.nav_left_akt {
width:164px;
background-color:#A06371;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 6px;
border-top: 1px solid #fff;
}


#nav_left_akt a{
color:#fff;
font: 1em Arial, sans-serif;
display: block;
}


.nav_left_akt2 {
width:164px;
background-color:#C199A2;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 6px;
border-top: 1px solid #fff;
}


#nav_left_akt2 a{
color:#fff;
font: 1em Arial, sans-serif;
display: block;
}  



/**
LINKS_ENDE
 */
 
 
 
/**
 * General Styles
 * --------------------
 * The following are styles that are often used
 * site wide to provide better control
 * of content's appearences.
 */


a:link, a:visited {
	/* same as above, but for links */
	color: #9D2C3F;
	font:normal 1em Arial, sans-serif;
text-decoration:none;
}

a:hover {
	/* same as above, but for links */
	color: #9D2C3F;
	font:normal 1em Arial, sans-serif;
text-decoration:none;
}

.link_bold{
color: #000;
font:bold 1em Arial, sans-serif;
}

.link_bold a:link, .link_bold a:hover, .link_bold a:active, .link_bold a:visited{
	color: #000;
	font:bold 1em Arial, sans-serif;
text-decoration:none;
}


 
/**
MITTE_ANFANG
 */
#mitte {
width:650px;
margin:0px 0px 0px 0px;
float:left;
background-color: #fff;

}


#top{
height: 120px;
background-color:#CCCCCC;
}

#content{
padding-left: 15px;
padding-top: 20px;
padding-left: 10px;
}

#pfad {
margin-left:0px;
margin-top:0px;
margin-right:0px;
width:663px;
height:19px;
background: url(/fileadmin/images/hg_pfad.jpg); background-repeat:repeat-x;
float:left;
}

.pfad{
padding:6px 0px 0px 5px;
}

#pfad a{
color:#666;
font:normal 9px Arial, sans-serif;
text-decoration:none;
margin:3px 0px 0px 5px;
} 

#pfad a:hover{
color:#003366;
font:normal 9px Arial, sans-serif;
}


#footer {
width: 620px;
margin-left:2px;
margin-top: 30px;
margin-bottom: 10px;
height: 10px;
}

.footer{
font:normal 9px Arial, sans-serif;
color:#666;
margin-left:10px;
}

#footer_home {
position:absolute; top:580px; left:400px;
}

/**
MITTE_ENDE
 */
 
 /**
RECHTS_ANFANG
 */
 
#rechts{
float: left;
width: 171px;
margin-top: 130px;
}

#service{
padding-top:0px;
padding-left:0px;
height:122px;
background-color:#ddd;

}

#service div{
padding-top:5px;
padding-bottom:6px;
padding-left: 5px;
background-color:#ddd;
border-top: 1px solid #999;
border-bottom: 1px solid #fff;
}

#service_home div{
padding-top:25px;
padding-bottom:24px;
padding-left: 10px;
background-color:#ddd;
border-top: 1px solid #999;
border-bottom: 1px solid #fff;
}

#content_rechts{
padding-top:5px;
padding-left:5px;
}

/**
RECHTS_ENDE
 */
 
 
 
  /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Tables | Tabellen
  *
  * (en) Generic classes for table-width and design definition
  * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
  *
  * @section content-tables
  */

  table.contenttable { width: 97%; border-collapse:collapse; margin-bottom: 0.5em;  border: 1px #ccc solid; }
  table caption { font-variant:small-caps; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed; }


 /** th,td { padding: 2px; border: 0px #ccc solid; }*/
  thead th { color: #fff; border-bottom: 1px #800 solid; }
  tbody th { padding-left: 5px; background: #9D2C3F; color: #fff; font-weight: bold; }
  tbody th[scope="row"], tbody th.sub { background: #f0f0f0; color: #fff; }

  tbody th { border-bottom: 0px solid #fff; text-align: left; }
  tbody td tr { border-bottom: 0px solid #eee; }

  .contenttable tr.altrow{
   background-color:#efefef;
   color: #000;
}

  .contenttable td{
   border: 1px solid #ccc;
}


label{
width:100px;
height:20px;
font-size: 11px;
}

input{
float: left;
margin-right: 10px;
}


 
 
 
h1 {
color: #9D2C3F; 
font-family: Verdana, sans-serif;
font-size: 14px;
padding:0 0 10px 0;
margin:0px;
}


 
h2 {
	font-family: Arial, sans-serif;
	font-size: 9px;
	font-weight: bold; 
	}

	
	
h3 {
	color: #AD0202; 
	font-family: Arial, sans-serif;
	font-size: 15px;
	font-weight: bold; 
margin:0px;

	}
	


h4 {
	color: #AD0202; 
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold; 
	}

h5 {
	color: #38556c; 
	font-family: Arial, Verdana, Helvetica;
	font-size: 13px; font-weight: bold;
	}

h6 {
	color: #38556c; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; font-weight: bold;
	}
	

/**
 * Form Styles
 * -----------------
 * Here are 2 styles that uses to let users control
 * how their forms and buttons may look.
 */

.button {
	/* this style applies to most form buttons generated
	   and its components. Change its format here*/
	color: #FFFFFF; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-top: 4px;
	font-weight: normal;
	text-align: center;
	font-size: 12px;
	background: #ff6600;
	border: 1px solid #000066;
	height: 20px;
	}
	
.input {
	/* this style applies to most form buttons generated
	   and its components. Change its format here*/
	font-weight: normal;
	text-align: left;
	font-size: 100%;
	border: 1px solid #1941A5;
	height: 20px;
	width: 140px;
	}
	
.textarea {
	/* this style applies to most form buttons generated
	   and its components. Change its format here*/
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	font-size: 100%;
	border: 1px solid #1941A5;
	height: 100px;
	width: 140px;
	}


 

 /**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */

  .subcolumns { width: 98%; overflow:hidden; }

  /* (en) alternative class for optional support of old Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { width: 100%; float:left; }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25%; }
  .c33l, .c33r { width: 33%; }
  .c50l, .c50r { width: 50%; }
  .c66l, .c66r { width: 67%; }
  .c75l, .c75r { width: 75%; }
  .c38l, .c38r { width: 38.2%; }
  .c62l, .c62r { width: 61.8%; }

  .subc  { padding: 0 0.5em; }
  .subcl { padding: 0 0.1em 0 0; }
  .subcr { padding: 0 0 0 0.1em; }

  .equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; }
  .equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,
  .equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,
  .equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r {
    display:table-cell; vertical-align:top;
    float:none; margin:0; overflow:hidden;
  }

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


.zb{
width:82px;
margin-top:7px;
margin-bottom:7px;
margin-right:3px;
float:left;
}

.zb_bez{
height: 110px;
font: 11px Verdana, Arial, sans-serif;
}
.zb_bez[class]{
height: 100%;
font: 11px Verdana, Arial, sans-serif;
}

.zbcontainer{
width:430px;
margin-top: 20px;
}

.zbcontainer[class]{
width:510px;
float:left;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img 
margin-bottom:5px;
margin-left:0;
margin-right:0;
}