/* CSS Document */


html, body, div, p, h1, h2, h3, ul, ol, li , 
span, a, table, td, th, form, img, input, textarea

		{
		font-family:       arial;
		font-size:          12px;
		color:           #000000;
		margin:                0;
		padding:               0;
		line-height:         18px;
		}

/* Definition allgemeiner Elementen */

h1, h1 a
		{
		font-size:       18px;
		margin-top:      20px;
		margin-bottom:   20px;
		color: #CC0000;
		font-family: "Trebuchet MS", Arial;
		font-weight: 700;
		}

h2
		{
		font-size:       15px;
		margin-top:      18px;
		margin-bottom:   15px;
		}

h3, h4, h5
		{
		font-size:       12px;
		margin-top:      16px;
		margin-bottom:   12px;
		}

p
		{
		margin-top:      14px;
		margin-bottom:   16px;
		}

#content ul
		{
		margin-top:      18px;
		margin-bottom:   30px;
		list-style-image: url(gfx/pfeil.gif);
		}
		
#content ul ul
		{
		margin-top:      16px;
		margin-bottom:   18px;
		list-style-type: circle; /* Voreinstellung 'circle' (leerer Kreis) */
		}
ol
		{
		margin-top:      18px;
		margin-bottom:   30px;
		list-style-type: decimal; /* Voreinstellung 'decimal' (Nummerierung - 1.,2.,3.,4. ...) */
		}

#content li
		{
		margin-left:     40px;  /* Einrückung der Listenpunkte */
		margin-bottom: 8px;
		}

a:link
		{
		color:             #000000;
		text-decoration: underline;
		}

a:visited
		{
		color:             #000000;
		text-decoration: underline;
		}

a:hover
		{
		color:             #ff0000;
		text-decoration:      none;
		}

a:active
		{
		color:             #000000;
		text-decoration: underline;
		}

a img
		{
		border:         none;
		}






body
		{
		margin:            0;
		padding:           0;
		border:            0;
		overflow:     hidden;
		height:         100%;  
		text-align:   left;
		}

#frame-top,
#frame-bottom
		{
		position:   absolute; 
		top:               0; 
		left:              0; 
		width:          100%; 
		height:        121px;
		overflow:     hidden;
		color:         white;
		padding:           0;
		z-index: 1;
		background: url(gfx/farbverlauf.jpg) repeat-x -10px 0 #000;
		}

#frame-bottom
		{
		top:           auto;
		bottom:           0; 
		height:        65px;
		overflow:    hidden;
		color:        white;
		background: url(gfx/farbverlauf.jpg) repeat-x -10px 27px #000;
		}

#frame-mitte
		{
		width:        100%;
		position:    fixed; 
		top:         121px;
		left:         auto;
		right:        auto;
		bottom:       65px;
		overflow:     auto;
		overflow-x:   auto; 
		overflow-y: scroll;
		text-align: center;
		z-index:         1;
		}


#frame-spalte
		{
		width:        242px;
		position:  absolute; 
		top:              0;
		left:           6px;
		right:         auto;
		bottom:           0;
		overflow:    hidden;
		text-align:  center;
		z-index:          2;
		}

* html body /*IE6 hack*/
		{
		padding: 121px 0 65px 0;
		}

* html #frame-mitte, #frame-spalte /*IE6 hack*/
		{
		height: 100%; 
		}


#content
		{
		position:    absolute;
		left:             260px;
		width:          460px;
		background:      #fff;
		text-align:      left;
		padding-bottom: 40px;
		}



#oben
		{
		width:            990px;
		text-align:        left;
		margin-top:        97px;
		}

#obernavi
		{
		color:    #fff;
		float:   right;
*margin-top: -1px;
		}

#obernavi a
		{
		color:    #fff;
		margin: 0 5px 0;
		}

/*#obernavi input
		{
		width:        100px;
		height:        17px;
		* height:      19px;
		padding:          0;
		margin-right:   5px;
		line-height:   10px;
		}
*/
#breadcrumbs
		{
		width: 430px;
		height: 18px;
		overflow: hidden;
		margin-left:  260px;
		color:         #fff;
		}

#breadcrumbs a
		{
		color:         #fff;
		}

#breadcrumbs a:hover
		{
		color: #ffcc00;
		}

#spalte-oben
		{
		width:          242px;
		height:         380px;
		position:    absolute;
		top:                0;
		left:               0;	
		z-index:           98;
		text-align:      left;
		background: url(gfx/hauptspalte-oben.jpg) no-repeat 0 0;
		}




#logo
		{
		width:            200px;
		height:            65px;
		margin:   25px 0 0 22px;
		text-indent:    -5000px;
		background: url(gfx/js-druckfarben.gif) no-repeat;
		}

#logo a
		{
		display:         block;
		width:            100%;
		height:           100%;
		text-decoration:  none;
		margin: 0;
		padding: 0;
		}

#navigation
		{
		width:            191px;
		padding:              0;
		margin:   16px 0 0 26px;
		list-style-type:   none;
		}

#navigation li
		{
		width:            191px;
		height:            28px;
		padding:              0;
		margin:               0;
		list-style-type:   none;
		}

#navigation li a
		{
		display:          block;
		width:            169px;
		height:            21px;
		*width:            100%;
		*height:           100%;
		padding:  7px 0 0 22px;
		font-size:         15px;
		font-weight:        700;
		color:             #888;
		text-decoration:   none;
		background: url(gfx/navi_dunkelgrau.gif) no-repeat;
		}

#navigation li a:hover
		{
		background: url(gfx/navi_rot.gif) no-repeat #f0ebbd;
		color: #765;
		}


#navigation li.unternavi
		{
		min-height:             21px;
		max-height: 44px;
		height: auto;
		}

#navigation li.unternavi a
		{
		width:             152px;
		*width:             100%;
		height:            auto;
		padding:    2px 0 1px 39px;
		font-size:          12px;
		font-weight:         400;
		color:              #333;
		background: url(gfx/navi-unter_rot-inaktiv.gif) no-repeat #f0efef;
		}

#navigation li.unternavi a:hover
		{
		background: url(gfx/navi-unter_rot.gif) no-repeat #f0ebbd;
		}




#navigation li.unternavi-aktiv
		{
		height:             23px;
		}

#navigation li.unternavi-aktiv a
		{
		width:             152px;
		height:             20px;
		*width:             100%;
		*height:            100%;
		padding:    4px 0 0 39px;
		font-size:          12px;
		font-weight:         400;
		color: #CC0000;
		background: url(gfx/navi-unter_rot.gif) no-repeat #f0efef;
		}

#navigation li.unternavi-aktiv a:hover
		{
		background: url(gfx/navi-unter_rot.gif) no-repeat #f0ebbd;
		}



#navigation li.abschluss
		{
		height: 1px;
		background: url(gfx/navi_abschluss.gif) no-repeat;
		padding: 0;
		margin: 0;
		font-size: 1px;
		}

#aktuelles
		{
		width: 179px;
		min-height: 95px;
		margin: 30px 0 0 35px;
		background: url(gfx/aktuelles-box_oben.gif) no-repeat;
		border-top: solid 1px #fff;
		}

#aktuelles div
		{
		margin: 8px 8px 0 4px;
		font-size: 11px;
		color: #888;
		padding: 0;
		}

#aktuelles-abschluss
		{
		width: 179px;
		height: 10px;
		margin: 0 0 0 35px;
		background: url(gfx/aktuelles-box_unten.gif) no-repeat;
		}

#spalte-unten
		{
		width:         242px;
		height:        200px;		
		position:   absolute;
		bottom:            0;
		left:              0;
		z-index:          98;
		text-align:     left;
		background: url(gfx/hauptspalte-unten.gif) no-repeat 0 bottom;
		}

#spalte-unten div
		{
		margin-left: 35px;
		margin-top: 140px;
		}

#spalte-unten div a
		{
		text-decoration:   none;
		color:             #888;
		}

#spalte-unten div img
		{
		vertical-align:  middle;
		margin-right:       4px;

		}

#unten
		{
		width:             990px;
		text-align:         left;
		margin-top:       4px;
		}

#abschluss
		{
		margin-left:       255px;
		color:              #fff;
		}

#bilder
		{
		width: 230px;
		position:    absolute;
		left:             750px;
		margin-top: 25px;
		background:      #fff;
		text-align:      left;
		}




table
		{
		width: 100%;
		margin: 0 0 20px;
		padding: 0;
		border: solid 2px #ccc;
		border-collapse: collapse;
		background: #EFEEE7;
		}

caption,
caption a
		{
		text-align: left;
		font-weight: bold;
		color: #000;
		font-size: 15px;
		padding: 10px 0;
		margin: 18px 0 15px;
		}

caption span
		{
		font-weight: 400;
		}

td, th
		{
		vertical-align: top;
		background: #e8e7de;
		padding: 4px;
		border-collapse: collapse;
		border: solid 1px #ccc;
		}

td
		{
		background: #f5f4ee;
		}


td h2, th h2
{
margin: 6px 0;
padding: 0;
}

td .bodytext,
th .bodytext

{
padding: 0;
margin: 0;
}


td a img, th a img
{
margin: 0; 
padding: 0;
}



#kontakt dt
{
width: 100px;
float: left;
clear: left;
margin: 0;
padding: 5px 0;
}

#kontakt dd
{
margin: 0;
padding: 5px 0;
}



.csc-mailform
{
border: none;
}

.csc-mailform-field
{
padding: 3px 0;
}

.csc-mailform-field label
{
width: 80px;
padding: 0;
vertical-align: top;
display: block;
float: left;
clear: left;
}


.csc-mailform-field input,
.csc-mailform-field textarea
{
width: 230px;
}

.csc-mailform-submit
{
width: 90px !important;
margin-left: 80px;
}

.csc-form-label
{
margin: 0;
padding: 0;
float: left;
color: #000;
}

#obernavi form
{
display: inline;
padding: 0;
margin: 0;
}

#obernavi input
{


}

#obernavi input.submit
{

height: 22px;
/*border: solid 1px #aaa;
background-color: #ddd; */
}



.csc-searchResult
{
padding-left: 50px;
*padding-left: 30px;
font-weight: 400;
}

.csc-searchResultHeader
{
font-weight: bold;
}


.csc-form-labelcell p
{
margin: 0;
padding: 0;
}

.csc-form-fieldcell p
{
margin: 0;
padding: 0;
}

.csc-loginform,
.csc-loginform td,
.csc-loginform tr,
.csc-loginform .csc-form-labelcell,
.csc-loginform .csc-form-fieldcell
{
border: none;
background-color: #fff;
}

.csc-loginform
{
width: 300px;
margin: 20px 0 0 20px;
}

.csc-form-commentcell
{
display: none;
}