/* ----------------------------------------------------- */
/* body tag */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;  
	}


/* ----------------------------------------------------- */
/* header----------------------------------------------- */

#header_menu {
	position: absolute;
	left: 195px;
	right: 220px;
	top: 0px;
	min-width: 560px;
	max-width: 860px;
	height: 40px;
	padding-top: 10px;
  	padding-bottom: 10px;
	line-height: 20px;
	z-index: 2;
	text-align: right;
}

/* ----------------------------------------------------- */
/* navigation--------------------------------------------*/

#navigation {
	position: absolute;
	top: 150px;
	left: -200px;
	height: 470px; 
	width: 195px;
	padding-left: 10px;
	padding-top: 20px;
	z-index: 6;
	overflow: auto;
}

/* ----------------------------------------------------- */
/* content---------------------------------------------- */

#content_wrapper {
	position: absolute;
	left: 195px;
	right: 195px;
	top: 40px;
	
	min-width: 560px;
	max-width: 860px;
	z-index: 5;
	overflow: visible;
	background: #ffffff;
}

/* ----------------------------------------------------- */
/* decoration inside content wrapper-------------------- #26B9D9*/

#bluebar {
   position: absolute;
   left: 0px;
   top: 190px;

@cc IE begin;
    /* IE does not like 100% height for divs contained in divs */
    width: expression(document.body.clientWidth ? document.body.clientWidth+'px' : '2000px');
@cc end;
@cc !IE begin;
   width: 100%;
@cc end;

   z-index: 0;
   height: 470px;  
   background: #3399CC; 
}

#left_logo {
   position: absolute;
   top: 70px;
   left: 0px;
   height: 120px;  /* wie Header-Bild */
   width: 190px;

}	

#header_image {
	position: relative;
	left: 0px;
	top:  6px;
	width: 100%;
	height: 150px;  /* wie Header-Bild */
	z-index: 1;
	overflow: hidden;
	background: #EEEEEE;
}

#redbar {
	position: relative;
	left: 0px;
	width: 100%;
	height: 6px;
	background: #CC3333;
	z-index: 5;
}

#footer {
	position: relative;
	left: 3%;
	width: 92%;
	height: 1.3em;
	min-height: 20px;
  	text-align: right;
	line-height: 20px;
	z-index: 3;
	padding: 3px;
}

/* ----------------------------------------------------- */
/* the disclaimer box that goes into the right blue bar- */

#disclaimer {
	position: absolute;
	top: 570px;
	right: -8em;
	z-index: 1;
	text-align:left;
	color: #FFFFFF;
}

#disclaimer a {
	text-align:left;
	color: #FFFFFF;
	vertical-align:bottom;  
	text-decoration: none;
}

#disclaimer a:link {
	text-align:left;
	color: #FFFFFF;
	vertical-align:bottom;  
	text-decoration: none;
}

#disclaimer a:visited {
	text-align:left;
	color: #FFFFFF;
	vertical-align:bottom;  
	text-decoration: none;
}

#disclaimer a:hover {
	text-align:left;
	color: #FFFFFF;
	vertical-align:bottom;  
	text-decoration: underline;
}


/*----------------------------------------------------------*/
/*--inside columns--*/

#content_1column {
	position: relative;
	top: 10px;
	left: 40px;
   	width: 90%; 
	min-height: 500px;
	padding-bottom: 20px;
}


#news_2column {
    position: relative;
@cc !IE begin;
    height: 90%; 
@cc end;
@cc IE begin;
    /* IE does not like 100% height for divs contained in divs */
    height: expression(document.body.clientHeight ? (document.body.clientHeight - 20)+'px' : '95%');
@cc end;
    right: 3%;
    top: 0px;
    width: 25%;
    background: url(dotted_v.png) repeat-y top left;
    float: right;
    padding-left: 10px;
    margin-bottom: 20px;
}

#content_2column {
	position: relative;
    	width: 65%; 
	min-height: 500px;	
}


#shadow_left {
	position: absolute;
	left: -3px;
	top: 12px;
	bottom: 0px; 
	width: 5px;
	background: url(shadow_left_1.png) repeat-y;
	z-index: 5;
}

#shadow_right {
	position: absolute;
	right: -5px;
	top: 12px;
	bottom: 0px;
	width: 5px;
	background: url(shadow_right_1.png) repeat-y;
	z-index: 0;
}

#shadow_top_corner {
	position: absolute;
	left: -3px;
	right: 0px; 
	top: 6px;
	height: 6px;
	background: url(shadow_corner_tl.png) no-repeat top left;
	z-index: 5;
	text-align: right;
	padding: 0;
}

#shadow_top_corner_r {
	position: absolute;
	left: 2px;
	right: -5px; 
	top: 6px;
	height: 6px;
	background: url(shadow_corner_tr.png) no-repeat top right;
	z-index: 5;
	text-align: right;
	padding: 0;
}

#shadow_bottom {
	position: absolute;
	left: 0px;
	right: 0px; 
	bottom: -6px;
	height: 6px;
	background: url(shadow_bottom.png) repeat-x top left;
	z-index: 5;
	text-align: right;
	padding: 0;
}

#shadow_bottom_corner_l {
	position: absolute;
	left: -3px;
	bottom: -6px;
	width: 3px;
	height: 6px;
	background: url(shadow_corner_ll.png) no-repeat top left;
	z-index: 5;
	text-align: right;
	padding: 0;
}

#shadow_bottom_corner_r {
	position: absolute;
	right: -5px; 
	bottom: -6px;
	width: 5px;
	height: 6px;
	background: url(shadow_corner_lr.png) no-repeat top right;
	z-index: 5;
	text-align: right;
	padding: 0;
}

/* ----------------------------------------------------- */
/* top navigation bar styles---------------------------- */	

.topnavigation a:link{
	font-size: 10px;
	color:#C0C0C0;
	text-decoration: none; 
	 border: none;
}

.topnavigation a:visited{
	font-size: 10px;
	color: #C0C0C0;
	text-decoration: none; 
}
.topnavigation a:hover{
	font-size: 10px;
	color: #CC3333;
	text-decoration: none;
}

.topnavigation a:active{
	font-size: 10px;
	color: #CC3333;
	text-decoration: none;
	

}

/* ----------------------------------------------------- */
/* left navigation bar styles--------------------------- */	


.nav
{	
	font-size: 14px; 
	list-style: none outside;
	list-style-image: none;
	margin-left: 5px; 
	margin-top: 10px;
	padding-left: 1px;
}
	
.nav a:link 
{
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 1.5;
	text-decoration:none;
/*	background: url(bg_navi.gif) no-repeat;*/
}

.nav a:visited
{
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration:none;
	
}

.nav a:hover
{
	font-size: 14px;
	color: #EEEEEE;
	font-weight: bold;
	text-decoration: underline;
	
	
}
.nav a:active
{
	font-size: 14px;
	color: #3399CC;
	font-weight: bold;
	background-color: #FFFFFF;
	text-decoration:none;
	
}

.nav_current a
{
	font-size: 14px;
	color: #3399CC;
	font-weight: bold;
	background-color: #FFFFFF;
	text-decoration:none;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:1px; 
	padding-top:1px;
}

.nav_current a:link
{
	font-size: 14px;
	color: #3399CC;
	font-weight: bold;
	background-color: #FFFFFF;
	text-decoration:none;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:1px; 
	padding-top:1px;
}

.nav_current a:visited
{
	font-size: 14px;
	color: #3399CC;
	font-weight: bold;
	background-color: #FFFFFF;
	text-decoration:none;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:1px; 
	padding-top:1px;
}

.nav_current a:active
{
	font-size: 14px;
	color: #3399CC;
	font-weight: bold;
	background-color: #FFFFFF;
	text-decoration:none;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:1px; 
	padding-top:1px;
}


/* ----------------------------------------------------- */
/* left subnavigation bar styles------------------------ */	

.subnav
	{
	font-size: 11px; 
	font-weight: normal;
	line-height: 1.5;
	list-style: none outside;
	list-style-image: none;
	margin-left: 5; 
	margin-top: 5;
	padding-left: 1;
	
    }

.subnav a:link {
 	font-size: 11px; 
	font-weight: normal;
	color: #FFFFFF;
	text-decoration:none;
	
	
}

.subnav a:visited {
 	font-size: 11px; 
	font-weight: normal;
	color: #FFFFFF;
	text-decoration:none;
	
}

.subnav a:hover {
	font-size: 11px; 
	font-weight: normal;
	color: #EEEEEE;
	text-decoration: underline;
	}

.subnav a:active{
 	font-size: 11px; 
	font-weight: normal;
	color: #3399CC;
	text-decoration:none;
	background-color: #FFFFFF;
}

.subnav_current a{
 	font-size: 11px; 
	font-weight: normal;
	color: #3399CC;
	text-decoration:none;
	background-color: #FFFFFF;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:1px; 
	padding-top:1px;
}

.subnav_current a:active{
	font-size: 11px; 
	font-weight: normal;
	color: #3399CC;
	text-decoration:none;
	background-color: #FFFFFF;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:1px; 
	padding-top:1px;
}

.subnav_current a:visited{
 	font-size: 11px; 
	font-weight: normal;
	color: #3399CC;
	text-decoration:none;
	background-color: #FFFFFF;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:1px; 
	padding-top:1px;
}

.subnav_current a:active{
 	font-size: 11px; 
	font-weight: normal;
	color: #3399CC;
	text-decoration:none;
	background-color: #FFFFFF;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:1px; 
	padding-top:1px;
}

/* ----------------------------------------------------- */
/* styles for all other text---------------------------- */	

h1 {
	font-size: 14px;
	font-weight: bold;
	color:	#666666;}
	
h2 {
	font-size: 13px;
	font-weight: bold;
	color:	#666666;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	color:	#666666;
}

h4 {
	font-size: 11px;
	font-weight: bold;
	color:	#666666;
}


p
{
	font-size: 12px;
}

body
{
	font-size: 12px;
}

li
{
	font-size: 12px; 
	list-style-image:url(pfeil.png);
	list-style-position:outside;
	margin-left:-20px;
}

.top {
	font-size: 10px;
	text-decoration: none;
	text-align: right;
}

a{
	font-size: 12px;
	color: #3399CC;
	text-decoration: none;}
	
a:link{
	font-size: 12px;
	color: #3399CC;
	text-decoration: none;}

a:visited{
	font-size: 12px;
	color: #3399CC;
	text-decoration: none;}
	
a:hover{
	font-size: 12px;
	color: #3399CC;
	text-decoration: underline;}
	
a:active{
	font-size: 12px;
	color: #3399CC;
	text-decoration: none;}

img { border: 0px; }

/*----------------------------------------------------------*/
/*-- typo3 css_styled_content --*/
DIV.csc-frame-frame1 {
    float: right;
@cc IE begin;
    /* IE does not like 100% height for divs contained in divs */
    height: expression((document.body.clientHeight - 20) ? document.body.clientHeight+'px' : '1000px');
@cc end;
@cc !IE begin;
    height: 95%;
@cc end;
    width:25%;
    min-height: 500px; 
    background: url(dotted_v.png) repeat-y top left;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 10px;
    padding-right: 10px;
}


.horizontal_red_dots {
    background: url(dotted.gif) repeat-x top left;
    height: 1px;
    margin-top: 5px;
    width: 100%;
}

.vertical_red_dots {
    background: url(dotted.gif) repeat-y top left;
	width: 1px;
	margin-left: 5px;
	margin-right: 5px;
	height: 100%;
}