/************************************************************* HTML TAGS */

* { font-family: Arial,Helvetica,sans-serif; }

html {}

body {	background:	#eeeeee url(/pics/layout/image_1152255902726.gif) repeat-x 0 0; }

a {
	margin:			0;
	padding:		0;
	color:			#990000;
	text-decoration:none;
}

a:hover { text-decoration: underline; }

img { border:	0;}


/************************************************************* PAGE */
div.frame {
	width:		100%;
	}

div.page {
	float: left;	width			: 910px;
	text-align		: left;
	background		: #fff url(/pics/layout/bg_page_test.gif) repeat-y left top;
	/*background	: #fff url(/pics/layout/bg_menu.gif) no-repeat left bottom;*/
	min-height		: 100%;
	height			: 100% !important;		
}

 div.bg2, div.bg3, div.bg4 {
	width:	100%;
	margin:	0;
}
div.bg1{
	width:	100%;
	margin:	0;
	/*background: url(/pics/layout/bg_menu.gif) no-repeat left bottom;*/
			
}
div.bg3{
	width:	100%;
	margin:	0;
	background: url(/pics/layout/sr.gif) no-repeat right top;
}
div.bg2{
	width:	100%;
	margin:	0;
	background: url(/pics/layout/sr_bg.gif) repeat-y right top;	
}


/* 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 {
	position:	relative;
	/* tl: width & height necessary for both IE */
	width:		100%;
	height:		72px;													
	background:	#FFFFFF;
}

p.logo {
	float:			left;
	background:		transparent url(/pics/layout/image_1152256095708.jpeg) no-repeat 0 0;					
	
}

p.logo a {
	display:		block;
	width:			900px;
	/*height:			130px;*/
	height:			130px;
	text-decoration:none;
	
}

p.logo span {
	display:	none;
}

.meta-nav {
	position:	absolute;
	right:		15px;
	bottom:		10px;
	font-size:	0.7em;
}

.meta-nav a {
	color:			#000000;
	text-transform:	uppercase;
}


.header-img {
	display:none;
	margin:			0 0 0 165px;
	padding:		0;
	text-align:		left;
}

.flashticker{
	background:url(/pics/layout/flashticker.jpg) repeat-x scroll left top;
	color		:#FFF;
	height		:17px;
	margin		:103px 0 0;
	position	:absolute;
	width		:900px;
}
*+ html .flashticker{
	width		:900px !important;	
	margin		:103px 0 0 -900px;
}
* html .flashticker{
	width		:900px !important;	
	margin		:103px 0 0 -900px;
}
/************************************************************* HORIZONTAL MENU */
div.hmenu {
	display:		none;
	clear:			both;
	color:			#FFFFFF;
	font-size:		0.75em;
	text-align:		center;
	border-bottom:	2px solid #FFFFFF;
	background:		#36649A;
}

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 {
	display:		block;
	float:			left;
	margin:			-1px 0 2px;
	padding:		1px 10px;
	color:			#000000;
	font-size:		1em;
	text-decoration:none;
	background:		#36649A;
}

a.hmenu:hover {
	color:			#FFFFFF;
}

a.hmenu1 {
	padding:		2px 10px;
	font-weight:	700;
}

a.hmenu1:hover {}

a.hmenu1-active {
	color:		#36649A;
	background:	#FFFFFF;
}


/************************************************************* MAIN */
div.main {
	/*min-height:	480px;*/
	clear		:both;
	text-align	:center;
}

/*
div.main div.vmenu, div.main div.content, div.main div.container {
	min-height: 480px;
}
*/


/************************************************************* BREADCRUMB */
div.breadcrumb {
	width:	100%;
	height:	1.4em;
	padding-top: 10px;
}
*+html div.breadcrumb {
	padding-top: 5px;
}
* html div.breadcrumb {
	padding-top: 5px;
}
span.breadcrumb-infotext {
	display:	block;
	float:		left;
	font-size:	10px;
}
div.breadcrumb UL {
	display			:inline;
	list-style-type	:none;
}
div.breadcrumb LI {
	display:	inline;
	/*float:		left;*/
	/*background: url(/pics/pipe.jpg) no-repeat right 3px;*/ 
}
a.breadcrumb {
	/*display:		block;
	float:			left;*/
	margin:			0;
	padding:		5px 0px;
	color:			#666666;
	font-size:		10px;
	text-decoration:none;
	
}
a.breadcrumb:hover {
	color:			#36649A;
}



/************************************************************* VERTICAL MENU */
div.vmenu {
		float			:left;
	width			:162px;
	margin			:0 -165px 0px 0;
	font-size		:0.8em;					
	overflow		:hidden;
	/* background      :#EEEEEE; */
	/* padding-top		: 22px; */
}
/* tl, relations: border-right width, margin-right additional px, class 'header-img' margin-right & border-left! */

/* * html div.vmenu {	height:	1%;} */


div.vmenu-workspace { 
	margin:	0px 0 16px 0; 
}

ul.vmenu3,ul.vmenu1, ul.vmenu4 { list-style-type:	none; margin:0px;}
li.vmenu1,li.vmenu2,li.vmenu3,li.vmenu4{list-style-type:	none; margin:0px;}

ul.vmenu2{
	list-style-type		:none;
	background			:url(/pics/layout/submneu_ul2.gif) repeat-x 0 0 ;
	padding-top			:5px;
	/*margin-bottom		:4px;*/
}
* html ul.vmenu2-active{
	background:none;
	background			:url(/pics/layout/submneu_ul2.gif) repeat-x left top;
	padding-top			:5px;
	padding-bottom		:0px;
	list-style-type		:none;
	display				:inline;
}

* html li.vmenu1,* html li.vmenu2,* html li.vmenu3,li.vmenu4{
	list-style-type	:none;
	/*float			:left;*/
	width			:170px;	
	display			:inline;
}


/*li.vmenu1, ul.vmenu2 { border-bottom:	1px solid #FFFFFF; }*/


li.has-submn { border:	0; }

li.vmenu-sub {
	/* tl: reset height for IE browsers, don't touch! */
	min-height:	0;
}

/* tl: CSS 2 pseudo element and property, see workaround for ie browsers in menu_table_row.tpl.php */
li.vmenu-sub a:before { content: '\00B7\00A0' }

.li_fix{
	list-style-type	:none;
	margin-bottom:-3px;
	display:inline;
}
* html.li_fix,*+ html.li_fix{
	margin:0;
}
a.vmenu {
	display			:block;
	padding			:2px 5px;
	background		:#FFFFFF;
	font-family		:Verdana,Helvetica,sans-serif;					
	line-height		:1.47em;
	color			:#FFFFFF;					
	font-size		:10px;
	font-weight		:700;
	text-align		:left;
}

a.vmenu:hover { 
	color:	#FFFFFF;
	text-decoration:none;
}

a.vmenu1 {
	padding		:1px 0 1px 25px;
	background	:#FFFFFF url(/pics/layout/bg_vmenu1_hd_off.gif) repeat-y;		
	font-weight	:700;
}

a.vmenu_unter_menu {
	float				:left;
	width				:165px;
	padding				:0px 0pt 3px 26px;
	border-bottom		:#fff 1px solid;
	background			:#FFFFFF url(/pics/layout/bg_vmenu1_hd_off.gif) repeat-y 0 0;		
	font-family			:Verdana,Helvetica,sans-serif;
	color				:#ffffff;
	font-size			:10px;
	font-weight			:700;
	text-align			:left;
}

a.vmenu_unter_menu:hover {
	text-decoration:none;
}
a.vmenu1:hover { }

a.vmenu1-active {
	padding		:0px 0 2px 15px ;
	background	:#37649A url(/pics/layout/bg_vmenu1_hd_on.gif) no-repeat 0 0;	
	font-weight	:700;
	color		:#FFFFFF;															
}

a.vmenu2 {
	padding			:4px 0 0px 14px;
	background		:#EEEEEE;
	font-family		:Arial,Helvetica,sans-serif;					
	color			:#3300CC;							
	font-weight		:400;
}
a.vmenu2:hover {
	color: #990000;					
}
a.vmenu2-active {
	font-weight:	400;
	color: #990000;
	background:		#FFFFFF;	
	
}
a.vmenu3,a.vmenu4 {
	font-family		:Arial,Helvetica,sans-serif;					
	color			:#3300CC;									
	font-weight :400;
	padding	    :2px 0 0 16px;
	background:		#EEEEEE;	
}
a.vmenu4:hover,a.vmenu3:hover  {
	color: #990000;
}
a.vmenu3-active,a.vmenu4-active {
	font-weight:	400;
	color: #990000;
	background:		#FFFFFF;	
	border-top: #EEEEEE 1px solid;
}

/************************************************************* CONTAINER */
div.container {
		width:			170px;
	float		:right;
	width		:140px;
	margin		:0 0 0 -170px;
	padding		:0px 26px 20px  0;
	color		:#000000;
	text-align	:left;	
}

* html div.container {
	/* tl: doubled margin fix for ie6 (positioniseverything.com) */
	display:	inline;	
}
*+html div.container{
	padding		:0px 0px 20px  10px;
}
* html div.container{
	padding		:0px 0px 20px  10px;
}

div.container-left {
	float:	left;
	width:	-30px;
}
div.container-right {
	/*padding-right:35px*/
	float:	left;
	width:	140px;
	
}
div.container-menu {
	width:	165px;
}
div.container-top {
	width:	0px;
}
div.container-bottom {
	width:	0px;
}
div.container-workspace {
	background	:#FFFFFF url(/pics/layout/c2.gif) repeat-x 0 0;	
	margin			:0 0 7px 0;
	
}
.container-workspace_1{
	background		:url(/pics/layout/container_workspace.gif) no-repeat center bottom;
	padding-bottom	:4px;										
}

.container-workspace_2{
	border-bottom	:1px solid #36649A;
}
div.container-headline {
	background	:url(/pics/layout/c1.gif) no-repeat 0 0;	
	padding		:3px 0 3px 0;
	text-align	:center;
}

h2.container {
	font-family :Verdana,Helvetica,sans-serif;
	display		:inline;
	font-size	:10px;
	font-weight	:700;
	color		:#FFFFFF;
	text-decoration:none;
}
div.container_hide{
	background	:url(/pics/layout/container_hide.gif) no-repeat left top;	
	height		:3px;
}
div.container-headline_none{
	display:none;
}

div.container-content {
	padding		:9px 5px;
	color		:#000000;
	font-size	:10px;
}
.container_content_border_left{
	background	:url(/pics/layout/container_border.gif) repeat-y left top;
}
.container_content_border_right{
	background		:url(/pics/layout/container_border.gif) repeat-y right top;	
}
*+ html .container_content_border_left{
	padding-bottom:2px;		
}
* html .container_content_border_left{
	padding-bottom:2px;		
}
* html .container_content_border_right{
	padding:0px 2px;
}

*html div.container-content {
	padding		:0px 0px 5px 2px;
}
div.container-content a {
	color		:#990000;
}
img.border-image {
	float		:left;
}

.suche{
	padding-top:5px;
}
.home_div{
	float:			left;
	background:		#fff;
	width:		900px;
}
.home_container_right{
	float			:right;
	padding			:2px 19px 0 6px;
	width			:152px;
	text-align		:center;
}
	.home_container{
		float		:right;
		padding		:5px 7px 5px 8px;
	}
	
.home_datum{
	width		:135px;
	padding		:9px 15px 0;
	color		:#1F528E;
	font-size	:11px;	
	float		:left;
	text-align	:center;
}
*+ html .home_datum{
	padding		:0px 0px 0px 15px;
	margin-top:-6px;
}
*html .home_datum{
	padding		:0px 15px 0px 15px;
	margin-top:-7px;
}
.home_container_datum{
	color		: #1F528E;
	font-size	:10px;	
}

.home_div_leer{
	float:		right;
	margin-top:	0px;
	width:		542px;
	background:	#fff;
}
*+html .home_div_leer{
	width:		542px;	
}
* html .home_div_leer{
	width:		542px;	
}



/************************************************************* CONTENT */

div.content {
	width:			557px;
	margin:			0 170px 0 165px;
	padding:		0px 8px 0 8px;
	text-align:		left;
	background:		#FFFFFF;
}
*+ html div.content {
	padding:	0 0 0px 0px;
}
* html div.content {
	padding		:0 5px 0px 5px;
	overflow	:hidden;
}
div.content-wrap {
	float:	left;
	width:	100%;
	margin:	0 auto;
}
div.content-workspace {
	margin:	0px 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 {
	margin			:0 7px;
	color			:#eeeeee;
	text-align		:left;
	background		:#fff ;
	border-bottom	:#B95353 1px solid;
	
}
div.content-text {
	height:		100%;
	margin:		0 0 10px;
	padding:	10px 7px 0;
	color:		#000000;
	text-align:	left;
	font-size:	0.70em;
}
h3.content-title {
	font-family :Verdana,Arial,Helvetica,sans-serif;
	display		:inline;
	color		:#36649A;
	font-weight	:700;
	font-size	:18px;
	font-weight	:normal;
}


/************************************************************* FOOTER */
div.footer {
	position	:relative;
	float		:left;
	clear:		both;
	width:		910px;
	height:		1.15em;
	margin:		0 auto;
	padding:	0px 0px 10px 0px;
	color:			#FFFFFF;
	font-size:	0.95em;
	text-align:	left;
	background: url(/pics/layout/sr_bg.gif) repeat-y right top;
	/* tl: watch relation of width & padding ! */
}

.footer_2{
	background: url(/pics/layout/f3.gif) repeat-x left top;
	width:900px;
	height:		1.25em;
}

.footer .top{
	width :	550px;
	float:left;
	text-align:right;
	font-size:		11px;
	color:			#FFFFFF;
	font-weight:	700;
}
.footer .float-left a {
	display		:block;
	width		:165px;
	float		:left;
	background	:url(/pics/layout/f2.gif) repeat-x 0 0 ;
	border-left	:#fff solid 1px; 
	border-right:#fff solid 1px; 
	color		:#FFFFFF;
	font-size	:0.75em;
	font-weight	:700;
	margin-left	:10px;
}

.footer .float-right a{
	display:		block;
	/*float:			right;*/
	color:			#FFFFFF;
	font-size:		0.75em;
	font-weight:	700;
	padding-right  :20px;
	/*width:			170px;*/
	
}
.footer a:hover {
	color:			#FFFFFF;
	text-decoration:	none;
}

.footer .meta-nav {
	font-size:		11px;
	text-align: 	right;
	position:		relative;
	right:			0;
	bottom:			0;
}
.div_leer{
	float		:left;
	/*width		:500px;*/
}


/************************************************************* STANDARDS */
span.paging { color:	#000000; padding: 0px;}
.paging {padding: 0px;font-size:11px; }

.border1 { border:	1px solid #36649A; }
div.form-begin {
	border:		1px solid #36649A;
	background:	#FFFFFF;
}
textarea, input.text { border:	1px solid #36649A; }
input.button {
	color:	#000000;
	border:	1px outset #EEEEEE;
	
}
input{margin:3px;}
option {
	color:		#000000;
	background:	#FFFFFF;
}
button {
	color:	#000000;
	border:	1px solid #36649A;
}
fieldset {
	margin:		10px 0;
	padding:	5px 10px;
	border:		2px solid #36649A;
}

legend {
	padding:	2px 10px;
	border:		1px solid #36649A;
}

div.form-fieldset-inlay {
	padding:	3px 7px;
	background:	#FFFFFF;
}

a.magazinmehr {
	color:	#990000;
}

.fontsize
{
	margin	: 25px 0 0;
}
