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

body { background:	#b1b1b1 url(/pics/layout/bg_top.gif) repeat-x 0 0; }				/* editable */

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

a:hover { text-decoration: underline; }

img { border:	0; }


/************************************************************* PAGE */
div.frame {
	width:		100%;
	padding:	0;																/* editable */
	 /* editable */
	text-align: center;}
div.page {
	margin: 0 auto;	width:		848px;
	text-align	:left;
	border		:6px solid #FFFFFF;
	background :#FFFFFF}
div.bg1, div.bg2, div.bg3, div.bg4 {
	width:	100%;
	margin:	0;
}

div.bg1 { background:	 url(/pics/layout/bg_bg1.gif) repeat-y top left; }
div.bg2 { background:	 url(/pics/layout/bg_bg2.gif) repeat-y top right; }
* html div.bg2 { background:	 url(/pics/layout/bg_bg2_ie.gif) repeat-y top right; }
/*div.bg1 { background:	#FFFFFF url(/pics/layout/bg_page1.gif) repeat-y; }
div.bg2 { background:	url(/pics/layout/bg_page2.gif) repeat-y 838px; }
div.bg3 { background:	url(/pics/layout/bg_top.gif) repeat-x 0 0; }*/

div.bg4 {  }

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


/************************************************************* HEADER */
div.header {
	 font-size  :0.7em;
	 background : url(/pics/layout/bg_hmenu1.gif) repeat-x top left;  
	 height:63px;
}
*+ html div.bg_header{
	 background : url(/pics/layout/bg_hmenu1.gif) repeat-x top left; 
	 height:63px;
}
p.logo {
	float:		left;
	margin-right:	14px;
	background:	url(/pics/layout/image_1226396209302.gif) no-repeat top left;			
}
p.logo a {
	display:		block;
	width:			170px;
	height:			63px;
	text-decoration:none;
}

p.logo span { display:	none; }

.logo .float-left, .logo .float-right { padding-top:	6px; }


/************************************************************* HORIZONTAL MENU */
div.hmenu {
	clear:			both;
	color:			#86858e;
	font-size:		0.75em;
	text-align:		center;
}

div.hmenu-workspace {
	display:	block;
	height:		1.4em;
	padding:	3px 7px;
}

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

li.hmenu1 {
	display: inline;
	float: left;
}
a.hmenu {
	color			:#86858e;
	font-size		:1em;
	text-decoration	:none;
	padding			:0 2px 0 5px;
}
a.hmenu:hover {
	color:			#86858e;
	text-decoration:none;
}

.header-img {
	width:		678px;
	height:		170px;
	margin-left:170px;
	background: url(/pics/layout/image_1226481121362.jpeg) no-repeat;
}



/************************************************************* MAIN */
div.main {
	clear:		both;
	min-height:	480px;
}

* html div.main {
	position:	relative;
}

/* 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;
	padding		:19px 2px 5px 2px;
}
*+ html div.breadcrumb { width: 490px;}
span.breadcrumb-infotext {
	display:	block;
	float:		left;
	padding:	3px 0;
	font-size:	0.75em;
}
div.breadcrumb UL {
	display:		inline;
	list-style-type:none;
}
div.breadcrumb LI {
	display:	inline;
	float:		left;
}
a.breadcrumb {
	display:		block;
	float:			left;
	margin:			0;
	color:			#86858e;
	font-size:		0.63em;
	text-decoration:none;
	/*background:		#fff url(/pics/layout/arrow.gif) no-repeat 0 6px;*/
}
a.breadcrumb:hover {
	color:			#86858e;
	text-decoration:none;
}


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

div.vmenu-workspace {
	/*height:		152px;	*/
	margin:		0 0 40px 0;
	overflow:	hidden;
}

div.suche{
	height:		20px;
	padding:	12px 0 5px 8px;
	overflow:	hidden;
	text-align	:right;
}
*+ html div.suche{ width:  378px;} 
#suche-feld {
	height:		17px;
	width:		112px;
	padding:	0;
	font-size:	0.8em;
}
div.suche div { display:	inline; }
div.suche div a {
	color:				#86858e;
	font-size:			1em;
	font-weight:		700;
	text-decoration:	underline;
}

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

li.vmenu2, li.vmenu3, li.vmenu4 { display:	inline; }
li.vmenu1{
	background:transparent url(/pics/layout/vmenu_linie.gif) repeat-x scroll left bottom;
	display:block;
	padding-bottom:2px;
}

a.vmenu {
	display:		block;
	width:			154px;
	padding:		7px 8px 5px 8px;
	color:			#FFFFFF;
	font-size:		0.75em;
	font-weight:	700;
	text-align:		left;
	text-decoration:none;
	/*background:		url(/pics/layout/bg_mn_off.png) repeat-x;*/
	background 	:#037836;
	
}

a.vmenu:hover {
	color:				#FFFFFF;
	text-decoration:	none;
}
a.vmenu1 { text-transform:	uppercase; }

a.vmenu1-active {
	color		:#00441d;
	background	:#d4e5db url(/pics/layout/vmenu_active.gif) repeat-x top left;
	/*background:	url(/pics/layout/bg_mn_on.png) repeat-x;*/
}
a.vmenu1:hover {
	color		:#00441d;
	background	:#d4e5db url(/pics/layout/vmenu_active.gif) repeat-x top left;
}

.vmenu1 .menu-sub {
	position:	absolute;
	top:		284px;
	width:		170px;
}

* html .vmenu1 .menu-sub {
	top:221px;
}

a.vmenu2,a.vmenu3,a.vmenu4 {
	width:		auto;
	/*margin:		7px 8px 2px;*/
	padding:	3px 0 0px 8px;
	height:16px;
	color:		#00441d;
	font-weight:	400;
	font-size	:0.75em;
	background	:transparent url(/pics/layout/arrow.gif) no-repeat 2px 9px;
}

a.vmenu2{
	background	:#d4e5db;	
}
a.vmenu2:hover,a.vmenu3:hover,a.vmenu4:hover{
	color:		#00441d;
}
a.vmenu2-active{ 
	color			:#00441d; 
	font-weight		:700;
	background		:none;
	border-bottom 	:1px solid #d4e5db}
a.vmenu3-active, a.vmenu4-active { 
	color		:#00441d; 
	font-weight	:700;
	background:	none;	
}

.vmenu2 .menu-sub {
	position:	static;
	top:		0;
}

* html .vmenu2 .menu-sub {
	height:0;
}

a.vmenu3 { margin-left:	15px; }
a.vmenu4 { margin-left:	30px; }


.kunde-kontaktdaten{
	padding			:8px 8px;
	margin			:16px 0 0 0 ;  
	color			:#474747;
	font-size		:0.75em;
	text-align:		left;
	text-decoration	:none;
}
/************************************************************* CONTAINER */
div.container {
		float:		right;
	width:		170px;
	margin:		40px 0 0 -170px;
	text-align:	left;
}

* HTML div.container-right{
	width			: 145px;
	margin			: 40px 0 0 -145px;
	padding			: 0px;
} 

div.container-left {
	float			: left;
	width			: 0px;
}
div.container-right {
	float			: right;
	width			: 150px;
	padding			: 0 10px 0 15px;
	
}

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

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

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

div.container-workspace {
	float:		left;
	width:		100%;
	margin:		0 0 30px 0;
	overflow:	hidden;
}
div.container-headline {
	width: 			100%;
	padding:		4px;
	color:			#26223f;
	font-weight:	700;
	text-decoration:none;
	overflow:		hidden;
}
div.container-content {
	/*min-height:	113px;*/
	padding:	3px 0;
	color:		#5313131;
	font-size:	0.70em;
	background:	url(/pics/layout/bg_cntr.jpg) no-repeat;
}
* html div.container-content { height:	113px; }

.container-menu div.container-content {
	background:	url(/pics/layout/bg_cntr_mn.gif) no-repeat;
}


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

h2.container {
	display:	inline;
	font-size:	1em;
	color:		#26223f;
}

img.border-image { float:	left; }


/************************************************************* CONTENT */

div.content {
	width:		508px;
	margin:		0 145px 0 170px;
	text-align:	left;
	background:	#FFFFFF;
	padding: 1px;}

* html div.content, *+ html div.content {
	width			: 508px;
	padding			: 0px;
	margin			: 0 145px 0 170px;
}

div.content-wrap {
	float			: left;
	padding			: 0 6px 0 14px;
	width:		489px;
	
}

.mod_home .content-wrap {
	background:	transparent url(/pics/layout/bg_mag.gif) repeat-x left bottom;
	
}
div.content-workspace { margin:	1px auto 20px auto; float:left;width:100%;}
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 0px 20px;
	color:			#b1b1b1;
	text-align:		left;
	font-weight:	700;
}

.mod_home div.content-header {
	padding:		3px 7px 3px 20px;
	background:		url(/pics/layout/bg_cnt_hd_41.gif) no-repeat 0px 5px;	
}

div.content-text {
	width			: 483px;
	height			: 100%;
	padding			: 0 0 10px;
	color			: #474747;
	text-align		: left;
	font-size		: 0.75em;
	float			: left;
}

h3.content-title {
	display:	inline;
	color:		#474747;
	font-size:	1.05em;
	background:url(/pics/layout/bg_cnt_hd_41.gif) no-repeat 0px 2px;padding-left:20px;;	
}

.mod_home h3.content-title {
	color:		#8b8b8b;
	font-size:	1.1em;
	text-align :left;
}

.mod_home .magazinetitle {
	color:		#5e9b4e;
	font-size:	1.2em;
	text-align :left;
}


/************************************************************* FOOTER */
div.footer {
	clear:		both;
	height:		1.4em;
	margin:		0;
	/*padding:	3px 7px;*/
	font-size:	0.75em;
	color:		#86858e;
	text-align:	left;
	padding-bottom:6px;
}

.footer a {
	display:		block;
	float:			left;
	padding:		2px 10px;
	color:			#86858e;
	font-weight:	700;
}

.footer a:hover {
}
*+ HTML  .footer-center{
	margin		: 0 170px 0 171px;
}
.footer-center{
	background  : #FFF;
	margin		: 0 168px 0 171px;
	height		: 25px;
}

/************************************************************* STANDARDS */
span.paging { color:	#474747; }

/*.paging { background:	#b1b1b1; }*/

.border1 { border:	1px solid #8b8b8b; }

div.form-begin {
	border:		1px solid #8b8b8b;
	background:	#b1b1b1;
}

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

input.button {
	color:	#474747;
	border:	1px outset #00441d;
}
option {
	color:		#474747;
	background:	#FFFFFF;
}
button {
	color:	#474747;
	border:	1px solid #000000;
}
fieldset {
	margin:		10px 0;
	padding:	5px 10px;
	border:		2px solid #000000;
}

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

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

.magazinetitle {
	margin-bottom: 	8px;
	font-size:		1.25em;
}


/************************************************************* MAGAZINE */
.mag-half-l, .mag-half-r {
	float:	left;
	width:	228px;
}

.mag-half-l {
	padding-right:	10px;
	border-right:	1px solid #b1b1b1;									
}
.mag-half-r { padding-left:	11px; }

.trenner {
	clear:		both;
	height:		0;
	margin:		0px 0;
	line-height:0;
	font-size:	0;
	width:		488px;
	border-top:	1px solid #8b8b8b;
}

/************************************************************* MEDIA */
/*.media-big {
	padding:	5px;															
	text-align:		left;
	border:		3px double #8b8b8b;					
}*/

.big-left { margin-right:	10px; }
.big-right { margin-left:	10px; }

.media-img {}

.formtext{color:#474747}
.text {color:#474747 !important}
/*.text a{color:#474747 !important}*/
.intern{color:#474747}
.extern{color:#474747}

.bildcontainer {
	margin-bottom: 30px;
}