/************************************************************* HTML TAGS */

html {}

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

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

a:hover { text-decoration: underline; }

img { border:	0; }


/************************************************************* PAGE */
div.frame {
	width:		100%;
	padding:	0;																/* editable */
	background:  url(/pics/layout/image_1221579401631.gif) repeat-x 0 0; /* editable */
	text-align: center;}
div.page {
	margin: 0 auto;	width:		858px;
	text-align:	left;
}
div.bg1, div.bg2, div.bg3, div.bg4 {
	width:	100%;
	margin:	0;
}

div.bg1 {  }
div.bg2 {  }
div.bg3 { background:	url(/pics/layout/bg_top.gif) repeat-x 0 0; }
div.bg4 { background:  url(/pics/layout/image_1221579401631.gif) repeat-x 0 0; }

/* 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; }

p.logo {
	float			: left;
	margin-left		: 5px;
	background		: url(/pics/layout/image_1232439150854.gif) no-repeat top left;		
}
* HTML p.logo {	margin-left		: 2px;}
p.logo a {
	display:		block;
	width:			178px;
	height:			75px;
	text-decoration:none;
}

p.logo span { display:	none; }

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


/************************************************************* HORIZONTAL MENU */
div.hmenu {
	clear:			both;
	color:			#FFFFFF;
	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				: #0062aa;
	font-size			: 1.1em;
	text-decoration		: none;
	font-weight			: 700;
}
a.hmenu:hover {
	color:			#0062aa;
	text-decoration:none;
}

.header-img {
	width:		692px;
	height:		195px;
	margin-left:170px;
	background: url(/pics/layout/image_1234450838643.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 {
	height:	1.4em;
	margin: 0 0 2px 12px;
}
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;
	padding:		3px 10px;
	color:			#0062aa;
	font-size:		0.75em;
	text-decoration:none;
	background:		transparent url(/pics/formbuttons/arrow.gif) no-repeat 0 6px;
}
a.breadcrumb:hover {
	color:			#0062aa;
	text-decoration:none;
}


/************************************************************* VERTICAL MENU */

div.vmenu {
		float:		left;
	width:		170px;
	margin:		-178px -170px 0 5px;
	overflow:	hidden;
}
* HTML div.vmenu {
	margin:		-178px -170px 0 2px;
}

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

div.suche{
	/*height:		20px;*/
	padding:	0px 0 0px 7px;
	overflow:	hidden;
}
#suche-feld {
	height:		19px;
	width:		112px;
	padding:	0;
	border		:1px solid #86857e !important;
}
div.suche div { display:	inline; }
div.suche div a {
	font-size		: 1.1em;
	color			: #0062aa;
	font-weight		: 700;
	text-decoration	: underline;
	padding-left	: 3px;
}

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;
	width:			154px;
	padding:		6px 8px 5px;
	color:			#FFFFFF;
	font-size:		0.75em;
	font-weight:	700;
	text-align:		left;
	text-decoration:none;
	background:		url(/pics/layout/menue_line.gif) repeat-x;
/*	background:		url(/pics/layout/bg_mn_off.png) repeat-x;*/
}

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

a.vmenu1:hover, a.vmenu1-active {
	color			:	#585858;
	background		:   url(/pics/layout/menue_bg_hover.gif) repeat-x;
/*	background		:   url(/pics/layout/bg_mn_on.png) repeat-x;*/
}

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

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

a.vmenu2,a.vmenu3,a.vmenu4 {
	width:		auto;
	margin:		7px 8px 2px;
	padding:	0;
	color:		#585858;
	background:	none;
}

a.vmenu2-active, a.vmenu3-active, a.vmenu4-active { color:		#0062aa; }

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

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

a.vmenu3 { margin-left:	28px; }
a.vmenu4 { margin-left:	38px; }

/************************************************************* CONTAINER */
div.container {
	display: none;	float:		right;
	width:		0px;
	margin:		0 0 0 0;
    padding:	20px 0 0 0;
	text-align:	left;
    background:	#FFFFFF;
}

div.container-left {
	float:	left;
	width:	0px;
}
div.container-right {
	float:	right;
	width:	0px;
}

div.container-menu { 
	width			: 168px; 
    float			: left;
    margin			: 20px 0 0 2px;
 }

* HTML div.container-menu { 
    margin			: 20px 0 0 0px;
    padding-left 	: 2px;
 }

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

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

div.container-workspace {
	float:		left;
	width:		100%;
	margin:		0 0 7px 0px;
	overflow:	hidden;
}
* HTML div.container-workspace {
	border		: 1px solid #000;
	width		: 166px;
}
div.container-headline {
	padding:		8px 12px;
	color:			#0062aa;
	font-weight:	700;
	text-decoration:none;
	overflow:		hidden;
	background		:#0062aa url(/pics/layout/containerhead_mz.gif) no-repeat top left;
}
div.container-content {
	/*min-height			: 113px;*/
	color				: #3c3a3d;
	padding				: 10px 7px 10px 7px;
	font-size			: 0.70em;
	background			: url(/pics/layout/bg_cntr.jpg) no-repeat;
	border				: 1px solid #b4b4b4;
	border-top			: none;
}
* 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:	#0062aa; }

h3.container {
	display			: inline;
	font-size		: 0.8em;
	color			: #FFFFFF;
}

img.border-image { float:	left; }

img.containerimage{
	text-align			: center;
	border				: 1px solid #b4b4b4;
}
.bildcontainer{
	margin				: 0 0px 7px 0;
}

/************************************************************* CONTENT */
div.content {
	width:		665px;
	margin:		0 0px 0 183px;
	text-align:	left;
	background:	#FFFFFF;
}

* html div.content {
	margin-right	: -30px;
	width			: 649px;
	padding			: 0px;
}

div.content-wrap {
	float:		left;
	width:		661px;
	padding:	0 2px 0 2px;
}

* HTML div.content-wrap {
	padding				: 0px;
}

.mod_home .content-wrap {
	background:	transparent url(/pics/layout/bg_mag.gif) repeat-x left bottom;
}
div.content-workspace { margin:	14px auto 10px 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 50px 8px 13px;
	margin-right	:13px;
	/*color:			#ebebeb;*/
	text-align:		left;
	font-weight:	700;
	background		: #fff url(/pics/layout/line_content.gif) no-repeat left bottom;
}

.mod_home div.content-header {
	padding:		3px 50px 8px 13px;
	/*background:		url(/pics/layout/bg_cnt_hd_6.gif) no-repeat 0 7px;*/	
}

div.content-text {
	height:		100%;
	padding:	10px 13px 10px 13px;
	color:		#585858;
	text-align:	left;
	font-size:	0.70em;
}
* HTML div.content-text {
	padding				:	10px 13px 10px 13px;
}
h3.content-title {
	display			: inline;
	color			: #0062aa;
	font-size		: 1.3em;
}

.mod_home .magazinetitle {
	color:		#0062aa;
	font-size:	1.2em;
}


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

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

.footer a:hover {
}

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

.paging { background:	#ebebeb; }

.border1 { border:	1px solid #FFFFFF; }

div.form-begin {
	border			: 1px solid #FFFFFF;
	background		: #ebebeb;
	margin-top 		: 16px;
}

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

input.button {
	color:	#585858;
	border:	1px outset #585858;
}
option {
	color:		#585858;
	background:	#FFFFFF;
}
button {
	color:	#585858;
	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:	#FFFFFF;
}

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


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

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

.trenner {
	clear:		both;
	height:		0;
	margin:		8px 0;
	line-height:0;
	font-size:	0;
	width:		100%;
	border-top	:	1px solid #0062aa;
	display		: none;
}

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

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

.media-img {}


input[type="text"], textarea {
	border			:1px solid #b4b4b4 !important;
}
div.form-begin label  *, #form_id_10{
	border			: 1px solid #b4b4b4 ;
}

span.formtext , span.formtext b, #submit_kontakt_form{
	border			: none !important;
}
img.mail{
#	margin-bottom:-3px;
}

* HTML img.mail{
#	margin-bottom:-1px;
}

*+ HTML img.mail{
#	margin-bottom:-1px;
}

.mod_newsletter h3.content{
	color			: #585858 !important;
}