/************************************************************* HTML TAGS */
html {}

body { background:	#e5e5ca; }

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

a:hover { text-decoration: underline; }

img { 
	border:	0;
	float:left;
	clear:both;
}
	

/************************************************************* PAGE */
div.frame {
	width:		100%;
	padding:	15px 0;
	text-align: center;}
div.page {
	margin: 0 auto;	width:		771px;
	text-align:	left;
	border:		0px solid #fff;
	background :  #fff  ;
	min-height	:100% !important;
	height		:100%;
	/*background:	#FFFFFF;*/	
}
/*nur für Sitemap*/
.ctrl_sitemap div.page{	background: #fff;}

div.bg2, div.bg3, div.bg4 {
	width:	100%;
	margin:	0;
}
div.bg1{
	width:	100%;
	margin:	0;
	background: url(/pics/bg_vmenu.jpg) repeat-y;
}
div.bg2{
	
}


/* tl: IE 5.5 Hack von dkr, damit IE HasLayout bekommt, hier könnte inline-block ausreichen? Validiert nicht! */
div.tailer { zoom:	100%; }


/************************************************************* HEADER */
div.header { background:	#20526A; }

p.logo {
	display:		block;
	background:		url(/pics/layout/image_1228223170756.jpeg) no-repeat top left;
	/*border:		2px solid #FFFFFF;
	border-width:	2px 0;*/
	float:			left;
	display:		block;
	width:			550px;
	height:			220px;
	text-decoration:none;
}

p.logo span { display:	none; }

.language_menu{
		
	background:		#d0d3b0;
	color: 			#FFFFFF;
	font-family:	Arial,verdana,helvetica,sans-serif;
	border-top:		1px solid #FFFFFF;
	/*border-left:	1px solid #FFFFFF;*/
	border-bottom:	1px solid #FFFFFF;
	border-right:	0px;
	float:			left;
	width:			221px;
}

.de{
	float:			left;
	text-align:		center; 
	background:		#d0d3b0;
	width: 			119px; 
	border-style:	none;
	border-width: 	0px;
	border-left:	1px solid #FFFFFF;	
	/*border-bottom:	1px solid #FFFFFF;*/  
	height: 		18px;
	
}


.nl{
	font-family:	Arial,verdana,helvetica,sans-serif;
	font-size: 		12pt;
	font-weight:	bold;
	float:			left;
	text-align:		center; 
	width: 			109px; 
	border-width: 	0px;
	border-left:	1px solid #FFFFFF;	
	height: 		18px;
	
}

a.nl {
	font-family:	Arial,verdana,helvetica,sans-serif;
	font-size: 		12pt;
	font-weight:	bold;
	display:		block;
	float:			left;
	color:			#FFFFFF;
	text-decoration:none;
	
	text-align:		center;
	height:			18px;
	width: 			109px;
	padding: 		0.2px;
}
a.nl:hover {
	color:			#FFFFFF;
	text-decoration:none;
	background: #b3b380;
}
a.lang-active {
	font-family:	Arial,verdana,helvetica,sans-serif;
	font-size: 		12pt;
	font-weight:	bold;
	color:			#FFFFFF;
	text-decoration:none;
	display:		block;
	float:			left;
	width: 			109px; 
	background: #b3b380;
	border-left:	1px solid #FFFFFF;	
	text-align:center;
	height:			18px;
	padding: 		0.2px;
}
a.lang-nactive {
	font-family:	Arial,verdana,helvetica,sans-serif;
	font-size: 		12pt;
	font-weight:	bold;
	color:			#FFFFFF;
	border-left:	1px solid #FFFFFF;	
	text-decoration:none;
	background: #d0d3b0;
	display:		block;
	float:			left;
	width: 			109px; 
	text-align:center;
	height:			18px;
	padding: 		0.2px;
}
* html a.lang-nactive{
	float	:left;
	width	:107px;
}
* html a.lang-active{
	float:left;
	width:109px;
}

/************************************************************* HORIZONTAL MENU */
div.hmenu {
	clear:			both;
	color:			#FFFFFF;
	font-size:		0.75em;
	text-align:		center;
	/*border-bottom:	2px solid #FFFFFF;*/
	background:		#d18a6a;
	
}
div.hmenu-workspace {
	display:	block;
	height:		1.4em;
	/*padding:	0px 7px;*/
	height:		24px;
}

ul.hmenu1 { list-style-type:	none;  }

li.hmenu1 {
	display: inline;
	float: left;
	border-left: 1px solid #fff;	
	height:24px;
}
a.hmenu {
	display:		block;
	float:			left;
	color:			#FFFFFF;
	font-size:		1em;
	text-decoration:none;
	background:		#b52814;
	text-align:		center;
	height:			24px;
}
a.hmenu:hover {
	color:			#FFFFFF;
	text-decoration:none;
	
}
a.hmenu1 {
	height: 			19px;
	width:				109px;
	padding-top:		4px;
	font-weight:		700;
	background:			#b52814;
	height:				20px;
}
a.hmenu1:hover {
	text-decoration:none;
	background:		#d18a6a;/*#20526A;*/
}
a.hmenu1-active {
	color:		#20526A;
	background:	#d18a6a;
	
}


/************************************************************* MAIN */
div.main {
	clear		: both;
	text-align	: center;
	background	: #FFF;
}

* html div.main {
	position		: relative;
	min-height		: 480px;
	height			: 100%;
}

/* warum steht das auskommentiert hier drin?
div.main div.vmenu, div.main div.content, div.main div.container { min-height:	480px; }
*/


/************************************************************* BREADCRUMB */
div.breadcrumb {
	width:	100%;
	height:	1.4em;
	margin: 0 auto 2px;
}
*+ html div.breadcrumb {
	height:	1.4em;
	margin: 0 0px;
}

span.breadcrumb-infotext {
	display:	block;
	float:		left;
	padding:	3px 5px;
	font-size:	0.75em;
	color:			#b52814;
	font-weight:	700;
}
div.breadcrumb UL {
	display:		inline;
	list-style-type:none;
}
div.breadcrumb LI {
	display:	inline;
	float:		left;
}
a.breadcrumb {
	display:		block;
	float:			left;
	margin:			0;
	padding:		3px 2px 3px 12px;
	color:			#b52814;/*#20526A;*/
	font-weight:	700;
	font-size:		0.75em;
	text-decoration:none;
	background:		 url(/pics/pfad_pfeil.jpg) no-repeat 0 6px;
}
a.breadcrumb:hover {
	color:			#7D879A;
	text-decoration:none;
}


/************************************************************* VERTICAL MENU */
div.vmenu {
		float:		left;
	width:		220px;
	margin:		0 -220px 0px 0;
	overflow:	hidden;
	background:	#f3f3ea;
}

div.vmenu-workspace { margin:	0 0 30px 0; }

ul.vmenu1, ul.vmenu2, ul.vmenu3, ul.vmenu4 { list-style-type:	none; }

li.vmenu1, li.vmenu2, li.vmenu3, li.vmenu4 { display:	inline;  }

a.vmenu {
	display:		block;
	margin:			0 0 1px;
	padding:		4px 5px 2px;
	color:			#FFFFFF;
	font-size:		0.75em;
	text-align:		left;
	text-decoration:none;
	background:		#f3f3ea;/*#20526A;*/
	color: 			#000;
	font-family:	Arial,verdana,helvetica,sans-serif;
	font-weight:	normal;
	font-style:		normal;
	
}

a.vmenu:hover { color:	#FFFFFF; }

a.vmenu1 {
	padding:		4px 0 2px 20px;
	font-weight:	700;
	background: 	#f3f3ea url(/pics/pfeil.jpg) no-repeat left;
	
}

a.vmenu1:hover { 
		text-decoration:	none; 
		color:				#B52814;
		}

a.vmenu1-active {
	padding:		3px 20px;
	font-weight:	700;
	background: 	#f3f3ea url(/pics/pfeil_unten_1.jpg) no-repeat left;
}
a.vmenu2 {
	padding:		4px 0 3px 30px;
	color:			#FFFFFF;
	font-family:	Arial,verdana,helvetica,sans-serif;
	font-size:		11px;
	font-weight:	400;
	background:		#e6e6d2;/*#b52814;*/
	color: 			#000;
	font-style:		normal;
	background: 	#e6e6d2	 url(/pics/pfeil_2.jpg) no-repeat 10px 3px; 
}

a.vmenu2:hover { 
		background: #d4d4b6	 url(/pics/pfeil_activ_2.jpg) no-repeat 10px 3px; 
		color:				#B52814;
	}

a.vmenu2-active {
	font-size:	11px;
	background:	#d4d4b6 url(/pics/pfeil_activ_2.jpg) no-repeat 10px 3px ;
}
a.vmenu3 {
	padding:		4px 0 2px 25px;
	color:			#FFFFFF;
	font-size:		11px;
	font-weight:	400;
	background:		#b52814;
	background: 	#e6e6d2	 url(/pics/pfeil.jpg) no-repeat 10px 3px ; 
}

a.vmenu3:hover {
		background: #d4d4b6	 url(/pics/pfeil.jpg) no-repeat 10px 3px;  
		color:				#B52814;
}

a.vmenu3-active {
	font-size:	11px;
	background:	#d4d4b6 url(/pics/pfeil.jpg) no-repeat 10px 3px ;
}
a.vmenu4 {
	padding:		3px 0 3px 25px;
	color:			#FFFFFF;
	font-size:		0.70em;
	font-weight:	400;
	background:		#b52814;
}

a.vmenu4:hover { 
		background:	#246E9E url(/pics/marker_an.gif) no-repeat 15px 6px; 
		color:				#B52814;
		}

a.vmenu4-active {
	font-size:	0.70em;
	background: #246E9E url(/pics/marker_an.gif) no-repeat 15px 6px;
}


/************************************************************* CONTAINER */
div.container {
	display: none;	float				:right;
	width				:0px;
	margin				:0 0 0px 0;
	text-align			:left;
	background-color	:#f3f3ea;
}
/*nur für Sitemap*/
.ctrl_sitemap div.container{ display:none;}
div.container-left {
	float:	left;
	width:	0px;
}
div.container-right {
	float:	right;
	width:	0px;
}

div.container-menu { width:	220px; }


div.container-top { width:	0px; }

div.container-bottom { width:	0px; }

div.container-workspace {
	float:		left;
	margin:		0 0 0px 0;
	background		:#f3f3ea;
	border-bottom 	:1px solid #fff;
	padding-bottom	:11px;
	width			:100%;
}
div.container-headline {
	width: 			100%;
	padding:		3px 0;
	color:			#FFFFFF;
	font-weight:	700;
	text-align:		center;
	text-decoration:none;
	border-bottom:	1px solid #d18a6a;
	background:		#20526A;
	overflow:		hidden;
	display: none;
}
div.container-content {
	padding:	5px 1px 0 10px;
	color:		#FFFFFF;
	font-size:	0.70em;
	float:left;
	background-color: #f3f3ea;
}
div.container-content h2{
	color:#000;
}

div.container-content a { color:	#000; }

h2.container {
	display:	inline;
	font-size:	0.75em;
	color:		#FFFFFF;
}

img.border-image { float:	left; }


/************************************************************* CONTENT */
.noprint{
	display:none;
}

div.content {
	width:		530px;
	margin:		0 0px  0  220px;
	padding:	0 11px 0 11px;
	text-align:	left;
	background:	#FFFFFF;
}
*+ html div.content {
	width:		525px;
	background:	#FFFFFF;
}
* html div.content {
	width			:525px;
	background:	#FFFFFF;
	overflow		:hidden; 
}
*+ html .ctrl_sitemap div.content{ width:525px;float:left}

/*nur für Sitemap*/
.ctrl_sitemap div.content{ width:530px;}
* html .ctrl_sitemap div.content{  
	width:520px; 
	overflow	:hidden;
	margin-right:4px;
}

div.content-wrap {
	float:	left;
	margin:	0 auto;
	width:		100%;
}
/*nur für Sitemap*/
.ctrl_sitemap div.content-wrap{width:525px;}

div.content-workspace { margin:	0 auto 15px auto; }
div.content-workspace ol, div.content-workspace ul, div.content-workspace li { margin-left:	17px; }
div.content-workspace ol li, div.content-workspace ul li { margin-left:	0; }
div.content-header {
	padding:		3px 7px;
	color:			#e5e5ca;
	text-align:		left;
	font-weight:	700;
	background:		#fff/*#20526A*/;
}
div.content-text {
	height:		100%;
	margin:		0 0 10px;
	padding:	10px 7px 0;
	color:		#000000;
	text-align:	left;
	font-size:	0.75em;
	
}
h3.content-title {
	display:	inline;
	color:		#000;/*#FFFFFF;*/
	font-size:	0.75em;
}

/************************************************************* FOOTER */
div.footer {
	height : 		22px;
	margin:			0;
	font-size:		10pt;
	color:			#FFFFFF;
	text-align:		center;
	background: 	#d0d3b0;
}

.footer a {
	display:		block;
	float:			left;
	color:			#b52814;
	font-size:		1em;
	font-weight:	700;
	text-decoration:none;
	background:		#d0d3b0;
	text-align:		center;
	
}

.footer a:hover {
	color:			#FFFFFF;
	text-decoration:none;
	background:		#d0d3b0;
}

.kontakt_footer{
	border-left: 1px solid rgb(255, 255, 255); 
	width: 109px; 
	height: 20px;
	padding-top:2px; 
	float: left;
}
.sitemap_footer{
	width: 109px; 
	height: 20px; 
	float: left; 
	padding-top:2px;
}
.impressum_footer{
	border-left: 1px solid rgb(255, 255, 255); 
	width: 110px; 
	float: right; 
	height: 20px;
	padding-top:2px;
}

/************************************************************* STANDARDS */
span.paging {
	 color			: #000000; 
	 font-size		: 80% !important;
	 margin-left	: 40% !important;
}

.paging { 
	background		: #d0d3b0;
}

.border1 { border:	1px solid #20526A; }

div.form-begin {
	border		:1px solid #20526A;
	background	:#FFFFFF;
}

textarea, input.text { border:	1px solid #20526A; }

input.button {
	color:	#000000;
	border:	1px outset #246E9E;
}
option {
	color:		#000000;
	background:	#FFFFFF;
}
button {
	color:	#000000;
	border:	1px solid #20526A;
}
fieldset {
	margin:		10px 0;
	padding:	5px 10px;
	border:		2px solid #20526A;
}

legend {
	padding:	2px 10px;
	border:		1px solid #20526A;
}

div.form-fieldset-inlay {
	padding:	3px 7px;
	background:	#d18a6a;
}