﻿body
{
	background-color: #38434a;
	font-family: Arial;
	font-size: 12px;
	color: #747474;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	background-image: url(images/hintergrund.gif);
	background-repeat: repeat-x;
	
}

#div_main
{
 width: 840px;
 margin: auto; 
  
    }
    
    
#div_main2

{
    float: left;
    width: 840px;
    }    

h1
{
	font-family: Arial;
	font-size: 12px;
	color: #bebebe;
}

h2
{
	font-family: Arial Narrow;
	font-size: 26px;
	color: #bebebe;
	letter-spacing:1px;
}

h3
{
	font-family: Arial;
	font-size: 12px;
	/*color: #bebebe;*/
}

p
{
 max-width:770px;}

ul.Historie li
{margin:0px 0px 10px 0px; padding:0px 25px 0px 0px;}

#ul_mainNavi
{
	list-style: none;
	margin: 0px;
	padding: 10px 0px 0px 55px;
}

#ul_mainNavi li
{
	float: left;
}

.li_mainNavi_seperator
{
	text-decoration: none;
	color: #80878b;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	padding: 0px 5px 0px 5px;
}

#ul_subNavi
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#ul_subNavi li
{
	float: left;
}

.li_subNavi_seperator
{
	text-decoration: none;
	color: #ffffff;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	padding: 0px 5px 0px 5px;
}

#ul_mainNavi2
{
	list-style: none;
	margin: 0px;
	padding: 5px 0px 0px 20px;
}

#ul_mainNavi2 li
{
	padding: 2px 0px 0px 0px;
}

#ul_sprache
{
	list-style: none;
	margin: 0px;
	padding: 5px 0px 0px 0px;
}

#ul_sprache li
{
	float: left;
}



#div_head_1
{
	float: left;
	width: 150px;
	height: 80px;
	background-color: #ffffff;
}

.li_sprache_seperator
{
	text-decoration: none;
	color: #ffffff;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	padding: 0px 5px 0px 5px;
}

#div_head_2
{
	float: left;
	width: 475px;
	height: 30px;
	background-color: #ffffff;
	padding-top: 50px;
}

#div_head_3
{
	background-color: #009c94;
	width: 215px;
	height: 80px;
	float: left;
}


#div_subNavi1
{
	float: left;
	width: 605px;
	height: 20px;
	background-color: #0b1d29;
	padding: 5px 0px 0px 20px;
}

#div_subNavi2
{
	float: left;
	width: 195px;
	height: 25px;
	background-color: #009c94;
	padding: 0px 0px 0px 20px;
}


#div_content
{
	vertical-align: top;
	float: left;
	width: 795px;
	padding: 40px 0px 15px 45px;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
}



#div_frame
{
	float: left;
	width: 215px;
	background-color: #ffffff;
	font-family: Arial;
	font-weight: normal;
	font-size: 11px;
	color: #6e6e6e;
	text-decoration: none;
	text-align: left;
	line-height:18px;
	
}


.frameHeadline
{
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	color: #006863;
	text-decoration: none;
	padding: 0px 0px 0px 10px;
}
hr
{
	width: 192px;
	margin: 3px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	height: 1px;
	border: solid 0px black;
	background-color: #ccd3d3;
}

#div_footer
{
	text-align: center;
	margin: auto;
	font-family: Arial;
	font-size: 10px;
	color: #ffffff;
	padding: 0px 0px 5px 0px;
}

#ul_footer
{
	width: 690px;
	list-style: none;
	margin: 0px;
	padding: 5px 0px 5px 150px;
	float: left;
}

#ul_footer li
{
	float: left;
	padding: 0px 0px 0px 15px;
}


#div_ul
{
	border: solid 1px #ccd3d3;
	padding: 0px;
	width: 772px;
	float: left;
	margin-bottom:15px;
	margin-right:10px;
	
}

#div_kasten
{
	border: solid 1px #ccd3d3;
	padding: 20px;
	width: 515px;
	float: left;
	margin-bottom:15px;
	margin-right:10px;
}

#ul1
{
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 30px 46px;
	float: left;
	width: 323px;
}
#ul1 li
{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	color: #009c94;
}


#ul2
{
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 30px 46px;
	float: left;
	width: 324px;
}

#ul2 li
{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	color: #009c94;
}

#ul3
{
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 46px;
	float: left;
	width: 323px;
}
#ul3 li
{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	color: #009c94;
}


#ul4
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 46px;
	float: left;
	width: 324px;
}

#ul4 li
{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	color: #009c94;
}

.hotline
{
	text-decoration: none;
	color: #ffffff;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}


.img_content
{
	float:right; padding:0px 22px 15px 20px
}

/******************************************************/
/********************** Kontakt ***********************/
/******************************************************/

.kontaktformular
{
	text-decoration: none;

}
.kontaktformular_td1
{
	width: 100px;
	height: 22px;
}

.kontaktformular_td2
{
	width: 400px;
	height: 25px;
}

.textbox
{
	width: 200px;
	text-decoration: none;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	height:15px;
		color: #747474;
}

.textbox_multiline
{
	width: 300px;
	height: 200px;
	text-decoration: none;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
		color: #747474;
}

.textbox_plz
{
	text-decoration: none;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	width: 40px;
		color: #747474;
}
.pfichtfeld
{
	text-decoration: none;
	color: red;
	font-weight: normal;
}

.ul_fehler{
	color: red;
	padding:0px 0px 20px 30px;
	margin:0px;
}

.td_ansprechpartner1
{
	height:15px;
	vertical-align:top;
}

.td_ansprechpartner2
{
	vertical-align:top;
}

/******************************************************/
/************************ Links ***********************/
/******************************************************/

/* Navigation */
a
{
	font-family: Arial;
	font-size: 12px;
	color: #2a817d;
	text-decoration: underline;
}
a:link
{
}
a:hover
{
	color: #2a817d;
}
a:active
{
}


a.navi
{
	text-decoration: none;
	color: #80878b;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
}
a.navi:link
{
}
a.navi:hover
{
	color: #008a83;
}
a.navi:active
{
}



/* Subnavi */
a.subNavi
{
	color: #ffffff;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
a.subNavi:link
{
}
a.subNavi:hover
{
	color: #fbfe9a;
}
a.subNavi:active
{
}

/* Sprachwahl */
a.sprache,.span_sprache
{
	text-decoration: none;
	color: #ffffff;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
}
a.sprache:link
{
}
a.sprache:hover
{
	color: #fbfe9a;
}
a.sprache:active
{
}


/* Navi2 */
a.navi2
{
	text-decoration: none;
	color: #ffffff;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
}
a.navi2:link
{
}
a.navi2:hover
{
	color: #fbfe9a;
}
a.navi2:active
{
}


/* Footer */
a.footer
{
	text-decoration: bold;
	color: #ffffff;
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
}
a.footer:link
{
}
a.footer:hover
{
}
a.footer:active
{
}




/******************************************************/
/************************ Referenzen*******************/
/******************************************************/

.ul_refrenzen
{
	padding:55px 0px 0px 40px;
	margin: 0px 0px 0px 0px;
}

.ul_referenzen li
{
	line-height:18px;
}

/******************************************************/
/************************ Sonstiges*******************/
/******************************************************/



.bilder_sonstiges
{
	padding: 20px 20px 10px 0px;
}

p.cetec_jubilaeumsfeier{width:380px; height:230px;}
p.eu_twinning_projekt_estland{width:380px; height:320px;}

img.bilder_jubilaeum_l
{
	margin: 10px 10px 0px 0px; 
    
}

img.bilder_jubilaeum_r
{
	margin: 10px 0px 0px 0px;
    
}


/****************************************************************************************************/
/* Druckansicht */
/****************************************************************************************************/

@media print
{  

	body
	{
		width: 600px;
	} 


	#div_head_2, #div_head_1, #div_head_3, #ctl00_img_head, #div_frame, #div_subNavi2 ,#div_subNavi1, #div_footer
	{
		display: none;
	}

	#div_content, #div_content div, div, #aspnetForm, #aspnetForm div, #aspnetForm div div, #div_main, #div_main2
	{
		width: 600px;
		margin:0;
		padding:0;
	}
	




}
