/* CSS Document */
/*neu*/
 body  {
	text-align: center;
    margin: 0; 
	padding: 0;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color:#003366;
	SCROLLBAR-FACE-COLOR: #FFFFFF; SCROLLBAR-HIGHLIGHT-COLOR: #003366; SCROLLBAR-SHADOW-COLOR: #003366; SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR: #003366; SCROLLBAR-TRACK-COLOR: #FFFFFF; SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
}

img{border:0px; margin:0; padding:0}

a {color:#CC0000;
text-decoration:none
}

.seite{
	position:relative;
	margin:  2% auto 0 auto;
	padding: 0 0 50px 0;
	width: 780px;
	text-align:left;
}
.impressum{
	position:relative;
	margin:  2% auto 0 auto;
	padding: 0 0 50px 0;
	margin-left: 5px;
	width: 350px;
	text-align:left;
}
.header{
	position:relative;
	margin:  0;
	padding: 0 ;
	width: 100%;
	height:121px;
}
.nav{
	position:relative;
	margin:  0;
	padding: 0 ;
	width: 100%;
	height:27px;
	background-color:#003366;
}
.nav ul {
	position:relative;
	margin:  0;
	padding: 0 ;
	list-style-type:none;
}
.nav ul li  {
	margin:  0;
	padding: 0 ;
	display:inline;
}
.nav  li a  {
	margin:  0;
	padding: 0 ;
}
.content_veranstaltungen, .content_themen, .content_regionen, .content_index { /*Neu Dreispringer 28.01.08*/
	position:relative;
	margin:  0;
	padding: 0 ;
	width: 778px;
	height:495px;
	border-left: 1px solid #003366;
	border-right: 1px solid #003366;
}
.content_themen{
	background:url(img/HG_themen.gif) 0 0 no-repeat;
}
.content_regionen{
	background:url(img/HG_regionen.jpg) 0 0 no-repeat;
}
/*-----------inhalt index-------------*/
 .content_index p.titel{
	position:absolute;
	top:60px;
	left:0px;
	margin:  0;
	padding: 0;
}

/*Zusatz-> Heidi! 071206!*/
.content_index .jochen{
	position:absolute;
	top:340px;
	left:45px;
	margin:  0;
	padding: 0;
	width:470px;
	height:200px;
	font-size:10px;
	text-align:justify;
	line-height:12px
	
}
.content_index .fliess_info{
	position:absolute;
	top:68px;
	left:45px;
	margin:  0;
	padding: 0;
	width:470px;
	height:450px;
	text-align:justify;
	line-height:15px
	
}
 .content_index p.titel_info{
	position:absolute;
	top:40px;
	left:0px;
	margin:  0;
	padding: 0;
}
/* für erweiterung "Veranstaltung" !!!*/
.content_index .button_themen{
	position:absolute;
	top:68px;
	left:540px;
	margin:  0 ;
	padding: 0;
	height:120px;
	width:215px;
}
.content_index .button_regionen{
	position:absolute;
	top:208px;
	left:540px;	
	margin:  0;
	padding: 0;
	height:120px;
	width:215px;
}
.content_index .button_veranstaltung{
	position:absolute;
	top:348px;
	left:540px;
	margin:  0 ;
	padding: 0;
	height:120px;
	width:215px;
}



/*----------- Themen-------------*/
 .content_themen p.titel{
	position:absolute;
	top:60px;
	left:0px;
	margin:  0;
	padding: 0;
}
ul.linie1{
	position:absolute;
	top:  50px;
	left: 170px ;
	list-style-type:none;
}
ul.linie1 li{
	display:inline;padding-right:15px;
	}
ul.linie2{
	position:absolute;
	top:  110px;
	left: 130px ;
	list-style-type:none;
}
ul.linie2 li{
	display:inline;padding-right:5px;
	}

ul.linie3{
	position:absolute;
	top:  180px;
	left: 95px ;
	list-style-type:none;
}
ul.linie3 li{
	display:inline;padding-right:15px;
	}
ul.linie4{
	position:absolute;
	top:  240px;
	left: 100px ;
	list-style-type:none;
}
ul.linie4 li{
	display:inline;padding-right:10px;
	}
ul.linie5{
	position:absolute;
	top:  300px;
	left: 120px ;
	list-style-type:none;
}
ul.linie5 li{
	display:inline;padding-right:30px;
	}
ul.linie6{
	position:absolute;
	top:  360px;
	left: 160px ;
	list-style-type:none;
}
ul.linie6 li{
	display:inline;padding-right:20px;
	}

ul.linie7{
 position:absolute;
 top:  420px;
 left: 190px;
 list-style-type:none;
}
ul.linie7 li{
 display:inline;padding-right:20px;
 }

/*-----------Buttons Regionen-------------*/
.content_regionen p.titel{
	position:absolute;
	top:60px;
	left:0px;
	margin:  0;
	padding: 0;
}
.button_region, .button_region_act{
	position:absolute;
	margin:0;
	padding: 2px 10px 0px 10px;
	height:14px;
	text-align:center;
	font-weight:bold;
	font-size:10px;
	line-height:10px
}
.button_region{
	background-color:#DDE9F0;
	border: 1px solid #A8BECC
}
.button_region_act{
	background-color:#A8BECC;
	border: 1px solid #FFFFFF
}
.button_region a{/*temporär*/
	color:#98A6AF;
	text-decoration:none
	}
.button_region a:hover{/*temporär*/
	color:#98A6AF;
	text-decoration:none
	}
.button_region_act a{/*temporär*/
	color:#003366;
	text-decoration:none
	}
.button_region_act a:hover{/*temporär*/
	color:#FFFFFF;
	text-decoration:none
	}


/*-----------Layers Abstracts-------------*/
#abstract1, #abstract2, #abstract3, #abstract4, #abstract5, #abstract6, #abstract7, #abstract8, #abstract9, #abstract10,
#abstract11, #abstract12, #abstract13, #abstract14, #abstract15, #abstract16, #abstract17, #abstract18{
	position:absolute;
	z-index:2;
	visibility:hidden;
	width:400px;
	height:450px;
	border: 1px solid #003366;
	background-color: #FFFFFF
}
.zu{
	margin:  -1px -1px 0 0;
	padding: 0;
	width:401px;
	height:20px;
	text-align:right
}
.pic2{
	float:left;
	margin:  0 0 5px 20px;
	padding: 0;
	width:68px;
	height:68px;
}
.content_themen .titel_abstract{
	float:right;
	margin:  0 20px 5px 10px;
	padding: 0;
	height:68px;
	width:276px;
	font-weight:bold;
}
.content_regionen .titel_abstract{
	margin:  0 20px 5px 20px;
	padding: 0;
	font-weight:bold;
}
.autor{
	clear: both;
	margin:  0 20px 1px 20px;
	padding: 0;
	width:100%;
}
.datum{
	margin:  0 20px 5px 20px;
	padding: 0;
	color:#A8BECC
}
.pdf{
	margin:  0 0 20px 20px;
	padding: 0;
	text-align:right;
	font-weight:bold
}
.pdf a{
	color:#CC0001;
	text-decoration:none;
	margin-right:10px;
}
.pdf a:hover{
	color:#CC0001;
	text-decoration:underline
}
.fliess{
	margin:  0 20px 20px 20px;
	padding: 0;
}

.fliess_v{
	margin:  0 5px 5px 5px;
	padding: 0;
}


.lienx a{
	color:#CC0001;
	text-decoration:none
}
.lienx a:hover{
	text-decoration:underline
}

/*-----------inhalt veranstaltungen-------------*/  /*Neu Dreispringer 28.01.08*/
 .content_veranstaltungen p.titel{
	position:absolute;
	top:60px;
	left:0px;
	margin:  0;
	padding: 0;
}
.video{
	position:absolute;
	top:90px;
	left:40px;
	width:320px;
	height:320px;
	border: 1px solid #003366;
}
.content_veranstaltungen .fliess{
	margin:0;
	padding: 10px;
	width:350px;
	text-align:justify
}
 .content_veranstaltungen .intro, #kommentar1, #kommentar2, #kommentar3, #kommentar4 {
	position:absolute;
	z-index:2;
	top:90px;
	left:370px;
	width:370px;
	height:230px;
	border: 1px solid #003366;
	background-color:#FFFFFF
}
 .content_veranstaltungen .intro{
	z-index:1;
}
#kommentar1, #kommentar2, #kommentar3, #kommentar4 {
	visibility:hidden;
	z-index:2;
}
.content_veranstaltungen  .zu{
	margin:  -1px -1px 0 0;
	padding: 0;
	width:371px;
	height:20px;
	text-align:right
}
.content_veranstaltungen  .autor {
	margin:  0 20px 5px 20px;
	padding: 0;
	font-weight:bold;
}

.videoliste {
	position:absolute;
	top:338px;
	left:370px;
	width:370px;
	height:90px;
}
.videoliste p{
	margin:0 0 2px 0;
	padding:0 ;
}


.videoliste table{
	margin:0;
	padding:0;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:9px;
}
.videoliste table a{
	display:block;
	margin:0 8px -7px 0;
	padding:0;
	width:85px;
	border: 1px solid #FFFFFF;
	}
.videoliste table a:hover{
	border: 1px solid #CC0000
	}

 .content_veranstaltungen .dokumente{
	position:absolute;
	top:415px;
	left:40px;
	margin:  0;
	padding: 0;
	width: 701px;
}
  .content_veranstaltungen .dokumente ul{
	margin:  0;
	padding: 0;
}
.content_veranstaltungen .dokumente ul li{
	list-style-type:none;
	display:inline;
	margin:  0 20px 0 0;
	padding: 0;
}
.content_veranstaltungen .dokumente ul li a{
	color: #003366
}
.content_veranstaltungen .dokumente ul li a:hover{
	color: #CC0000
}

/*-----------footer-------------*/
.foot{
	clear: both;
	margin: 0;
	padding: 3px 20px 2px 0;
	width:760px;
	height:21px;
	background-color:#003366;
	text-align:right;
	color:#FFFFFF;
}
.foot a{
	color:#FFFFFF;
	text-decoration:none;
}
.foot a:hover{
	color:#FFFFFF;
	text-decoration:underline
}