/************************************************************* HTML TAGS */
* {
	font-family: verdana, sans-serif !important;
}

html {}

body { background:	#7f7f7f url(/pics/layout/image_1245676208207.jpeg) repeat-x 0 -44px; }

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

a:hover { text-decoration: underline; }

img { border:	0; }


/************************************************************* PAGE */
div.frame {
	width:		100%;
	padding:	0 0 50px;
	text-align: center;}
div.page {
	margin: 0 auto;	width:		1014px;
	text-align:	left;
	/* border:		2px solid #fff;
	background:	#ffffff; */
}
div.bg4 {
	width:	100%;
	margin:	0;
}
div.bg1 {
	background: url(/pics/layout/bg_frame_right.png) repeat-y top right;
	width: 1007px;
	padding-right: 7px;
	margin:	0;
}
*html div.bg1 {
	background: url(/pics/ein_pixel.gif) repeat-y top right;
}

div.bg2 {
	background: url(/pics/layout/bg_frame_left.png) repeat-y top left;
	width: 1000px;
	padding-left: 7px;
	margin:	0;
}
*html div.bg2 {
	background: url(/pics/ein_pixel.gif) repeat-y top left;
}

div.bg3 {
	background: #ffffff;
	width: 1000px;
}

div.side-bg {
	position: absolute;
	left: 1000px;
}

/* 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.lang {
	height			: 2px;
}
* HTML div.lang {
	height			: 2px;
}
div.header-left {
	width			: 820px;
	float			: left;
}

div.header {
	width			: 1000px;
	/*height			: 164px;*/
	height			: 120px;
	clear			: both;
	background		: #fff url(/pics/layout/image_1236099328286.jpeg) no-repeat 0 -44px;
}

div.logo {
	height			: 90px;
}
	
p.logo {
	display:		block;
	background:		url(/pics/layout/image_1248439596983.gif) no-repeat top left;
	/* 
	border:			2px solid #ffffff;
	border-width:	2px 0; 
	*/
}
p.logo a {
	display:		block;
	width:			308px;
	height:			71px;
	text-decoration:none;
}

p.logo span { display:	none; }

/************************************************************* HORIZONTAL MENU */
div#metanav {
	float: right;
	width: 150px;
	height: 130px;
	padding-right: 13px;
}
div#metanav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 130px;
}
div#metanav ul li {
	text-align: right;
	line-height: 13px;
}
div#metanav ul li a {
	color: #888;
	font-size: 11px;
}
div#metanav ul li a:hover {
	text-decoration: none;
}

div.date {
	height: 24px;
	float: left;
	padding: 4px 0 0 23px;
	width: 177px;
	color: #000;
	font-size: 13px;
}

div.hmenu {
	color: #ffffff;
	font-size: 13px;
	text-align: left;
	height: 28px;
	float: left;
	width: 600px;
	/* border-bottom:	2px solid #ffffff;
	background: #d2dae1; */
}
div.hmenu-workspace {
	display:	block;
	height:		28px;
	/* padding:	3px 7px; */
}

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

li.hmenu1 {
	display: inline;
	float: left;
	line-height: 27px;
	margin-right: 4px;
}
a.hmenu {
	display:		block;
	float:			left;
	padding:		0px 11px;

	/* color:			#2f2f2f; */
	color: #fff;
	font-size:		13px;
	text-decoration: none;
	/* background:		#d2dae1; */
	background: #0297cc;
}
a.hmenu:hover {
	text-decoration: none;
}
a.hmenu1, a.hmenu1:hover {
	font-weight: 100;
	color: #fff;
	background: #0297cc;
	text-decoration: none;
}
a.hmenu1-active, a.hmenu1-active:hover {
	text-decoration:none;
	/* background:		#ffffff; */
	background: #fff;
	color: #575757;
}

/************************************************************* MAIN */
div.main {
	clear:		both;
	min-height:		480px;
	text-align:	center;
	padding: 20px 0 0;
}

* html div.main {
	height: 		480px;
	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;
}
span.breadcrumb-infotext {
	display:	block;
	float:		left;
	padding:	3px 5px;
	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:			#d2dae1;
	font-size:		0.75em;
	text-decoration:none;
	background:		transparent url(/pics/formbuttons/arrow.gif) no-repeat 0 6px;
}
a.breadcrumb:hover {
	color:			#ffffff;
	text-decoration:none;
}
*/
/************************************************************* VERTICAL MENU */
div.vmenu-image{
	width			: 160px;
	height			: 85px;
	background		: url(/pics/layout/image_1248352583309.jpeg) no-repeat;
	margin			: 0 0 15px 6px;
	float			: left;
}
* HTML div.vemnu-image{
	margin			: 0 0 15px 3px;
}
div.vmenu-image-home{
	margin			: 0 0 10px 0px;
}
div.vmenu {
		float:		left;
	width:		190px;
	margin:		0 -190px 0 3px;
	overflow:	hidden;
}


div.vmenu-workspace { 
	margin		:	0 0 20px 6px;
	clear		: both; 
}

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 3px 0;
	color:			#2f2f2f;
	font-size:		12px;
	text-align:		left;
	text-decoration:none;
	/* background:		#d2dae1; */
}

a.vmenu:hover { color:	#2f2f2f; }

a.vmenu1 {
	padding:		4px 0 3px 10px;
	font-weight:	100;
	font-size:		12px;
	background:    url(/pics/layout/medott.gif) no-repeat left 9px; 
}
a.vmenu1-big{
	background:    url(/pics/layout/medott.gif) no-repeat left 9px; 
}

a.vmenu1:hover { 
	text-decoration:	none; 
	font-weight:	700;
	color: #0177a1;
	padding:		4px 0 3px 10px;
}

a.vmenu1-active, a.vmenu1-active:hover {
	padding:		4px 0 3px 10px;
	font-weight:	700;
	color: #0177a1;
}
a.vmenu2 {
	padding:		1px 0 1px 15px;
	margin: 0;
	/* color:			#ffffff; */
	color: #707071;
	font-size:		11px;
	font-weight:	100;
	/* color:			#2f2f2f; */
}

a.vmenu2:hover, a.vmenu2-active, a.vmenu2-active:hover { /*background:	#0177a1 url(/pics/marker_an.gif) no-repeat 5px 6px;*/
	color: #0177a1;
	text-decoration: none;
	
}
/*
a.vmenu2-active {
	font-size:	0.70em;
	background:	#0177a1 url(/pics/marker_an.gif) no-repeat 5px 6px;
} */

a.vmenu3 {
	padding:		1px 0 1px 25px;
	/* color:			#ffffff; */
	color: #707071;
	font-size:		0.70em;
	font-weight:	400;
	/* background:		#2f2f2f; */
}

a.vmenu3:hover {
	/* background:	#0177a1 url(/pics/marker_an.gif) no-repeat 10px 6px; */
}

a.vmenu3-active {
	font-size:	0.70em;
	/* background: #0177a1 url(/pics/marker_an.gif) no-repeat 10px 6px; */
	color:			#0177a1;
}
a.vmenu4 {
	padding:		1px 0 1px 35px;
	color: #707071;
	font-size:		0.70em;
	font-weight:	400;
	background:		#2f2f2f;
}

a.vmenu4:hover { /* background:	#0177a1 url(/pics/marker_an.gif) no-repeat 15px 6px; */ }

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


/************************************************************* CONTAINER */
div.container {
		float:		right;
	width:		214px;
	margin:		0 10px 0 -214px;
	text-align:	left;
}
*html div.container {
	margin:		0 0 0 -214px;
	padding-right: 10px;
}

div.container-left {
	float				: left;
	width				: -5px;
	margin-right		: 3px;
}
div.container-right {
	float				: right;
	margin-left		: 3px;
	width				: 209px;
}

div.container-menu { width:	188px; }
*+html div.container-menu { width:	187px; }

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

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

div.container-workspace {
	float:		left;
	width:		100%;
	margin:		0 0 10px 0;
	/* background:	#ffffff; */
	background: #F6F7F9;
	border:	1px solid #d2dae1;
}

* html div.container-workspace {
	overflow: hidden;
}

div.container-headline {
	width: 			100%;
	padding:		3px 0 0;
	color:			#5f5f5f;
	font-weight:	100;
	text-align:		left;
	text-decoration:none;
	/* border-bottom:	1px solid #d2dae1;
	background:		#d2dae1; */
	overflow:		hidden;
}
div.container-content {
	padding:	6px 8px 8px;
	color:		#2f2f2f;
	font-size: 12px;
}

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

h3.container {

	/* display:	inline;
	font-weight: 100;
	font-size:	14px; */
	
	display: block;
	font-weight: 700;
	font-size:	13px;
	
	color:		#5f5f5f;
	padding: 4px 8px 3px;
}

img.border-image { float:	left; }

.bildcontainer {
	text-align: center;
}

/************************************************************* CONTENT */
div.content {
	width:		556px;
	margin:		0 214px 0 200px;
	padding:	0 10px 30px 10px;
	text-align:	left;
	background:	#ffffff;
}
*+html div.content {
	margin:		0 214px 0 190px;
}
*html div.content {
	width:		552px;
	padding:	0 10px 0 11px;
	margin:		0 214px 0 190px;
	overflow: hidden;
}

div.content-wrap {
	float:	left;
	width:	100%;
	margin:	0 auto;
}
div.content-workspace { margin:	0 auto 0px 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 1px 15px 25px;
	color:			#7f7f7f;
	text-align:		left;
	font-weight:	700;
	background		: url(/pics/layout/title_icon.gif) no-repeat 0px 7px;
}
div.content-text {
	height:		100%;
	margin:		0 0 12px;
	padding:	10px 7px 0 0;
	color:		#2f2f2f;
	text-align:	left;
	font-size:	12px;
	line-height: 140%;
}
h3.content-title {
	display				: inline;
	color				: #812431;
	font-size			: 21px;
	font-weight			: 100;
}
div.content-footer{
	padding			:10px 0 0; 
	height			: 50px;
	font-size		: 0.75em;
	color			: #2f2f2f;
	text-align		: center;
	margin			: 0 auto;
	clear			: both;
	
}

/************************************************************* FOOTER */
div.footer {
	clear:		both;
	width: 1002px;
	margin:		0 auto;
	padding:	18px 6px 0;
	font-size:	12px;
	color:		#ffffff;
	color: #424242;
	text-align:	left;
	/* border-top:	2px solid #ffffff; */
	background: url(/pics/layout/bg_frame_bottom.png) no-repeat -3px 0;
}
*html div.footer {
	background: url(/pics/layout/ie6_footer.gif) no-repeat top center;
}

.footer a {
	/* display:		block;
	float:			left;
	padding:		0; */
	/* color:			#2f2f2f; */
	color: #dfe3e5;
	font-size:		11px;
	font-weight:	100;
	text-decoration:none;
	/* background:		#d2dae1; */
}

.footer a:hover {
	/* color:			#2f2f2f; */
	color: #424242;
	text-decoration: none;
	/* background:		#ffffff; */
}

.footer-left {
/*
	width: 210px;
	float: left;
*/
}

.footer-right {
	padding: 4px 0 15px;
/*
	width: 790px;
	float: left;
*/
}

/************************************************************* STANDARDS */
div.paging-inlay{
	text-align:			center;
	height:				18px;
}

span.paging { color: #0177a1; padding: 3px; }

.paging { /* background: #d2dae1;*/ background: #fff; }

span.site-of-pager{
	padding-right:8px;
}

span.jump-to-pager{
	padding-left:8px;
}

span.backlink-pager a, span.forlink-pager a{
	vertical-align:middle;
}

input.jump-to-pager{
	margin-top:			-2px;	
	text-align:			center;
	width:				25px;	
	padding:			0px !important;
}

input.submit-pager{
	height:				20px;
	vertical-align:		top;
}

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

div.form-begin {
	border:		1px solid #d2dae1;
	background:	#d2dae1;
}

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

input.button {
	color:	#2f2f2f;
	border:	1px outset #0177a1;
}
option {
	color:		#2f2f2f;
	background:	#ffffff;
}
button {
	color:	#2f2f2f;
	border:	1px solid #d2dae1;
}
fieldset {
	margin:		10px 0;
	padding:	5px 10px;
	border:		2px solid #d2dae1;
}

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

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


.magazinedate {
	font-weight: 100 !important;
	font-size: 12px !important;
}

.magazinetitle {
	color			: #812431;
	font-size		: 12px !important;
	font-weight		: 700;
	padding			: 4px 0 0;
	text-align		: left !important;
}
.magazinetext {
	font-size: 12px !important;
	text-align: left !important;
	line-height: 120%;
	text-align: left !important;
	/*float:left;*/
}
p span.magazinetext {
	font-size: 12px !important;
	text-align: left !important;
	line-height: 120%;
}

a.magazinmehr {
	font-size: 12px !important;
}
div.width50{
	width			: 50%;
}
img.mailAdress{
	vertical-align		: middle !important;
}

*+html img.mailAdress{
	margin-top: 3px;
}