@charset "UTF-8";

/* CSS  Screen

G16 Media GmbH, Kiel, Germany
http://www.g16-interactive.net

*/



/* ----------- ALLGEMEINE DEFINITIONEN ----------- */

html,body{
	margin:0px;
	padding:0px;
	font-size:1.0em;
	background-color:#fdfdfd;
	font-family:Arial,Verdana, sans-serif;
	color:#262626;
	line-height:115%;
	height:100%;
	min-height:100%;
}

/*  
	height:auto; */

#wrapper {
	position: relative;
	width: 841px;
	margin: 0 auto;
	height:100%;
}


html>body>#wrapper {
	min-height:100%;
	 height:auto; /*  vor IE 6 verstecken  */
	}



.clearer {
    height: 0;
    clear: both;
    overflow: hidden;
    font-size: 0;
	padding:0px;
	margin:0px;
}

.logo {
	float:left;
	width:400px;
	border:0px;
}


a {
	text-decoration:none;
	color:#015eac;
}

img {
	border:0;
}


.link02 {
	background:#015eac;
	border:0px;
	color:#FFFFFF;
	padding:3px 7px 3px 7px;
	font-size:1.0em;
	letter-spacing:0.1em;
}

/* ----------- SERVICENAVIGATION ----------- */

#service {
	color:#aebbc8;
	height:20px;
	width:233px;
	float:right;
	font-size:0.7em;
	letter-spacing:0.1em;
	margin-top:5px;
	margin-right:-10px;
}

#service ul {
    display: inline; /* required by IE/Mac */
	list-style: none; 
}


#service ul li {
   	float:left;
 	/*  display: inline; */
	margin:0px;
}



#service ul li a{
	padding: 0px 8px 0px 8px;
	font-weight:normal;
	color:#aebbc8;
	font-style:normal;
	text-decoration:none;
}



#service ul li a:hover{
   	color:#015eac;
	text-decoration:none;
}


/* ----------- HAUPTNAVIGATION ----------- */

#navi {
	width:840px;
	padding:0px;
	height:25px;
}

#navi ul {
	float:right;
    /*display: inline; *//* required by IE/Mac */
	list-style: none;
	margin:15px -6px 0 0;
	padding:0;
}


#navi ul li {
 	/*  display: inline; */
	float:left;
	padding:0px 2px 0px 2px;
	margin:0;
}



#navi ul li a{
	padding: 0px 3px 0px 3px;
	font-weight:normal;
	text-decoration:none;
	color:#015eac;
	font-size:1.1em;
}



#navi ul li a:hover{
   	color:#f5a011;
	text-decoration:none;
}

.navi_aktiv {
	color:#f5a011;
}

.navi02 {
	background-image:url(/shared/pfeil2.gif);
	background-repeat:no-repeat;
	padding-left:12px;
}


.navi02_aktiv {
	color:#f5a011;
	background-image:url(/shared/pfeil2_aktiv.gif);
	background-repeat:no-repeat;
	padding-left:12px;
}

.navi03 {
	padding-left:35px;
	background-image:url(/shared/punkt_navi.gif);
	background-repeat:no-repeat;
}

.navi03_aktiv {
	color:#f5a011;
	padding-left:35px;
	background-image:url(/shared/punkt_navi_aktiv.gif);
	background-repeat:no-repeat;
}


/* ------------------ HEADER (blauer Kasten mit Bild) ------------------ */

#blauer_kasten {
	background-color:#015eac;
	color:#FFFFFF;
	width:272px;
	height:230px;
	float:left;
}

#headline_kasten {
	font-size:2.6em; 
	line-height:1.1em; 
	margin:15px 30px 0px 30px;
}


#text_kasten {
	margin:0px 30px 15px 30px;
	line-height:1.3em;
}

.btn_kasten {
	margin-top:10px; 
	border:0;
}


#headerbild {
	width:569px;
	height:230px;
	float:right;
}


#bildtext {
	margin:-33px 0 0 30px; 
	color:#FFFFFF;
	font-size:1.2em;
}

/* ----------- SUBNAVI----------- */

#subnavi {
	width:270px;
	float:left;
	margin:0;
}

#subnavi ul {
	list-style:none;
    display: block;/* required by IE/Mac */
	padding:0px;
	margin:0px;
	
}


#subnavi ul li {
 	display: block;
}


#subnavi ul li a{
	display:block;
	width:240px;
	margin:0;
	font-size:0.84em;	
	text-decoration:none;
	padding:3px 0px 3px 30px;
	color:#015eac;
	border-bottom:1px solid #dce1f0;
}


#subnavi ul li a:hover{
   	color:#f5a011;
	text-decoration:none;
}


#subnavi img {
	border:0;
}




.navi_pfeil {
	background-image:url(/bilder/pfeil.gif);
	background-repeat:no-repeat;
	padding:20px 0 0 40px;
}


/* ----------- SUBNAVI----------- */

#subnavi02 {
	width:270px;
	float:left;
	margin:0;
}

#subnavi02 ul {
	list-style:none;
    display: block;/* required by IE/Mac */
	padding:0px;
	margin:0px;
	
}


#subnavi02 ul li {
 	display: block;
}


#subnavi02 ul li a{
	display:block;
	width:240px;
	margin:0;
	font-size:0.84em;	
	text-decoration:none;
	padding:3px 0px 3px 30px;
	color:#015eac;
	border-bottom:1px solid #dce1f0;
}


#subnavi02 ul li a:hover{
   	color:#f5a011;
	text-decoration:none;
}


#subnavi02 img {
	border:0;
}



/*------------- CONTENT-Elemente ---------*/


#content {
	margin:0px;
}

#inhalt {
	width:532px;
	float:left;
	margin-left:36px;
	font-size:0.75em;
	padding-left:2px;
}

#inhalt a:hover {
	color:#f5a011;
}

h1 {
	font-size:1.5em;
	font-weight:normal;
	margin:0px 0px 20px -2px;
}

h2 {
	font-size:1.3em;
	font-weight:normal;
	color:#015eac;
	margin:25px 0px 13px -2px;
}

hr {
	color:#990000;
}

.headline_bgcolor {
	background-color:#ecedf6;
	padding:3px;
	margin-right:5px;
}

.contentbild {
	float:right;
	padding:3px;
	margin:2px 0 10px 15px;
	border:1px solid #dce1f0;
}

.contentbild_links {
	float:left;
	padding:3px;
	margin:2px 15px 10px 0px;
	border:1px solid #dce1f0;
}

.contentbild_links02 {
	float:left;
	margin:2px 15px 10px 0px;
}

.contentbild02 {
	float:right;
	padding:3px;
	margin:2px 0 10px 10px;
}


.content_kasten {
	/*border:1px solid #dce1f0;*/
	margin:0;
	padding:0;
}

.links_kasten {
	float:left;
	width:240px;
}

.links_kasten_bild {
	float:left;
	width:280px;
}

.rechts_kasten {
	float:left;
	width:240px;
}

.rechts_kasten_bild {
	float:right;
	width:240px;
}


.link {
	margin-left:28px;
}


.link_pfeil {
	background-image:url(/shared/pfeil.gif);
	background-repeat:no-repeat;
	background-position: left;
	padding-left:10px;
}

table {
	border:0px solid red;
	width:531px;
	margin:0;
	padding:0;
}

td {
	border-bottom:1px solid #dce1f0;
	padding:2px 2px 2px 0px;
	margin:0;
	width:150px;
}

.headline_tabelle {
	height:16px; 
	background-color:#ecedf6;
	color:#015eac;
	font-size:1.3em;
	padding:4px 4px 4px 1px;
	border-bottom:1px solid #dce1f0;
}




#inhalt ul {
	list-style: url(/shared/quadrat.gif);
}

/* --------------------FOOTER -------------------- */

#footer {
	color:#015eac;
	font-size:0.7em;
}

#footer_links {
	float:left;
	width:200px;
	margin:0;
	padding:0;
}

#footer_rechts {
	float:right;
	width:288px;
	margin:0;
	padding:0;
}
	
	
/*---------------- STARTSEITE --------------------------*/

#teaser_start_veranstaltungen {
	width:270px;
	float:left;
	font-size:0.75em;
}

#teaser_start_veranstaltungen ul li a {
	text-decoration:none;
	color:#015eac;
}

#teaser_start_veranstaltungen ul li a:hover{
   	color:#f5a011;
	text-decoration:none;
}

.teaser_veranstaltungen_rahmen {
	padding:3px 3px 0 3px;
	border:1px solid #dce1f0;
}

.bild_teaser_links {
	float:left; 
	width:79px;
}

#inhalt_mitte {
	width:250px;
	float:left;
	margin:0;
	
}

#inhalt_rechts {
	width:250px;
	float:left;
	margin-left:32px;
}

.teaser_bild {
	padding:3px 3px 0px 3px;
	border:1px solid #dce1f0;
	
}	
	
/*------------------FORMULAR-----------------------*/

#form_links {
	width:245px; 
	float:left;
}

#form_rechts {
	width:245px; 
	float:right;
}

.form {
	border:1px solid #aebbc8; 
	height:16px; 
	width:240px;
}

.form_nachricht {
	border:1px solid #aebbc8; 
	width:525px;
	height:70px;
	margin:0;
	padding:0px;
}

.senden {
	background:#015eac;
	border:0px;
	color:#FFFFFF;
	float:right;
	margin-right:4px;
	font-size:1.0em;
}


/*------------------ IMPRESSIONEN -----------------------*/

.bild_links {
	float:left;
	width:160px;
	height:120px
}

.bild_mitte {
	float:left;
	width:160px;
	height:120px;
	margin-left:22px;
}

.bild_rechts {
	float:left;
	width:160px;
	height:120px;
	margin-left:22px;
}