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

* { font-family: Arial,Helvetica,sans-serif;}

html {}

body {	background:	#E2E2E2; }

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

a:hover { text-decoration: underline; }

img { border:	0;}


/************************************************************* PAGE */
div.frame {
	width:		100%;
	padding:	15px 0;
	text-align: center;}

div.page {
	margin: 0 auto;	width:		796px;
	overflow: hidden;
	text-align:	left;
}

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

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


/************************************************************* HEADER */
div.header {
	position:	relative;
	/* tl: width & height necessary for both IE */
	width:		100%;
	height:		106px;												
	background:	#FFFFFF;
}

p.logo {
	float:			left;
	background:		transparent url(/pics/layout/image_111720805062.jpeg) no-repeat 0 0;		
	border-right:	1px solid #E2E2E2;							
	border-bottom :	2px solid #003399;
	margin-bottom:	5px;
}
p.logo a {
	display:			block;
	width:				796px;
	height:				106px;
	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 {
	margin:			0 0 0 165px;
	padding:		0;
	text-align:		left;
	border-left:	1px solid #E2E2E2;
	width:700px;
}

/************************************************************* HORIZONTAL MENU */
div.hmenu {
	display:		none;
	clear:			both;
	color:			#FFFFFF;
	font-size:		0.75em;
	text-align:		center;
	border-bottom:	2px solid #FFFFFF;
	background:		#003399;
}

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:		#003399;
}

a.hmenu:hover {
	color:			#003399;
}

a.hmenu1 {
	padding:		2px 10px;
	font-weight:	700;
}

a.hmenu1:hover {}

a.hmenu1-active {
	color:		#003399;
	background:	#E2E2E2;
}


/************************************************************* MAIN */
div.main {
	clear			:both;
	text-align		:center;
	padding-bottom	:2px;
	min-height		:100%;
	height			:100% !important;
	background		:url(/pics/layout/bg_main_final.jpg) repeat-y  top -5px ;;
}

/************************************************************* BREADCRUMB */
div.breadcrumb {
	width:	100%;
	height:	1.4em;
	margin: 0 auto 2px;
	padding-left:15px;
	text-align:left;
}
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;
	/*background: url(/pics/pipe.jpg) no-repeat right 3px;*/ 
}
a.breadcrumb {
	display:		block;
	float:			left;
	margin:			0;
	padding:		5px 0px;
	color:			#003399;
	font-size:		0.75em;
	text-decoration:none;
	/*background:		transparent url(/pics/formbuttons/arrow.gif) no-repeat 0 6px;*/
	
}
a.breadcrumb:hover {
	color:			#003399;
}



/************************************************************* VERTICAL MENU */
div.vmenu {
		float:			left;
	width:			165px;
	margin:			0 -165px 0 0;
	font-size:		0.8em;
	border:			1px solid #E2E2E2;						
	border-width:	1px 0 0 0;									
}

div.vmenu-workspace { 
	/*margin:	35px 0 16px 0;*/ 
}

ul.vmenu3,ul.vmenu1, ul.vmenu4 { list-style-type:	none; margin:0px;}

ul.vmenu2{
	list-style-type:	none;
	margin:0 auto;
}

li.vmenu1{
	border-bottom:1px solid #fff;
}

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' }


* html li.vmenu2,* html li.vmenu3,li.vmenu4{
	list-style-type	:none;
	display			:inline;
}


a.vmenu {
	display:		block;
	padding:		2px 5px;
	line-height:	1.47em;
	color:			#F0F0F0;									
	font-size:		0.85em;
	text-align:		left;
	background:		#003399;									
}

a.vmenu:hover { 
	color:	#FEFFFD;
	text-decoration:none;
}
a.vmenu:focus { 
	color:	#FEFFFD;
	text-decoration:none;
}

a.vmenu1 {
	padding:		0px 0pt 2px 19px;
	font-weight:	700;
	font-size:		0.95em;;
	background:		#003399;	
}

a.vmenu_unter_menu {
	background:		#003399;	
	font-weight:	700;
	color: 			#F0F0F0;
	font-size:		0.95em;
	float:			left;
	width:			145px;
	text-align:		left;
	padding:		2px 0pt 2px 19px;
	margin:			13px 10px 0pt 0pt;
}
a.vmenu_unter_menu:hover {
	text-decoration:none;
}
a.vmenu1:hover { }
a.vmenu1:focus,a.vmenu2:focus,a.vmenu3:focus {
	font-weight:	700;
}

a.vmenu1-active {
	font-weight:	700;
	background:		#CCCCCC;
	color:			#003593;
}

a.vmenu2 {
	padding:		0 0 0 25px;
	font-weight:	400;
	font-size:  	0.85em;
	color:			#333333;
	background:		#F0F0F0;
	border-bottom: 1px solid #E2E2E2;
}
* html a.vmenu2{
	width:		140px;
	font-size:	0.85em;
}
* html a.vmenu3 ,* html a.vmenu4  {
	font-size:	0.85em;
	width:		135px;	
}

a.vmenu2:hover {
	color: #2C5D9F;					
}
a.vmenu2-active {
	font-weight:	400;
	color:#2C5D9F;
	background: #fff url(/pics/layout/sub_icon.gif) no-repeat 19px 1px;
}
a.vmenu3,a.vmenu4 {
	padding:		0 0 0 30px;
	font-weight:	400;
	font-size:   0.85em;
	background:#F0F0F0;	
	color:#333333;
	border-bottom:1px solid #E2E2E2;
}
a.vmenu4:hover,a.vmenu3:hover  {
	color: #2C5D9F;
}
a.vmenu3-active,a.vmenu4-active {
	font-weight:	400;
	color: 			#2C5D9F;
	background:		#FFFFFF;	
	border-top: 	#EEEEEE 1px solid;
	background: 	#fff url(/pics/layout/sub_icon.gif) no-repeat 22px 1px;
}

*+ html a.vmenu4,*+ html a.vmenu3{	
	font-size:		0.85em;
}


/************************************************************* CONTAINER */
div.container {
		float:		right;
	width:		160px;
	margin:		5px 0px 0px -160px;
	text-align:	center;
	;
}

div.container-left {
	float:	left;
	width:	0px;
}
div.container-right {
	float:		right;
	/*width:		160px;*/
	background-color: #E2E2E2;
	/*margin-left:10px;*/
}

div.container-menu {
	width:	165px;
}
div.container-top {
	width:	0px;
}
div.container-bottom {
	width:	0px;
}
div.container-workspace {
	width: 			140px;
	overflow:		hidden;
	float:			left;
	background:		#E2E2E2 url(/pics/layout/linie.gif) no-repeat left bottom;	
	margin-bottom:	10px;
	margin-right:	10px;
}


* html div.container-workspace {
	margin-right:5px;
}
div.container-headline {
	color:			#ffffff;
	text-align:		left;
	text-decoration:none;
	/*background-color:	#003399;
	padding-left:3px;
	height:14px;*/
	width:	140px;
}


.container-headline_top{
	background	:url(/pics/layout/c_h_top.gif) no-repeat top left;
	padding-top:2px;
}
.container-headline_center{
	background:url(/pics/layout/c_h_center.gif) repeat-y center left ;
}
.container-headline_bottom{
	background:url(/pics/layout/c_h_bottom.gif)  no-repeat bottom left ;
	padding-left:		3px;
}

div.container-content {
	padding:	5px 6px;
	color:		#000000;
	font-size:	0.70em;
}
div.container-content a {
	color:	#2C5D9F;
}
h2.container {
	display				: inline;
	font-weight			: 400;
	font-family			: Arial,Helvetica,sans-serif;
	font-size			: 0.75em;
	font-weight			: bold;
}
img.border-image {
	float				: left;
}

.suche{
	padding-top			: 5px;
}
.home_div{
	float				: right;
	width				: 796px;
	background			: #E2E2E2;
}
.home_div_right{
	float:			right;
	width:			160px;
	padding-top:	5px;
	background:		#E2E2E2;
}
.home_container{
	float:left;
}
	
.home_datum{
	width:			165px;
	color: 			#000;
	font-size:		0.65em;	
	float:			left;
	padding-top:	10px;
}
.home_container_datum{
	color		: #000;
	font-size	: 0.85em;	
}

.home_div_leer{
	float:		right;
	height:		36px;
	margin-top:	0px;
	width:		471px;
	background:	#fff;
}
* html .home_div_leer{
	float:		right;
	height:		38px;
	margin-top:	0px;
	width:		471px;
	background:	#fff;
}
* html .home_datum{
	width:			155px;
	color: 			#000;
	font-size:		0.65em;	
	float:			left;
	padding-top:	10px;
}

* html .flashticker{
	color		:#000;
	height		:20px;
	width		:461px;
	font-size	:0.70em;
	font-weight	:bold;
	padding		:10px 0 0 5px;
}
.flashticker{
	color		:#000;
	height		:20px;
	width		:471px;
	font-size	:0.70em;
	font-weight	:bold;
	padding		:10px 0 0 5px;
}

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

div.content {
	margin:			0 160px 0 165px;
	text-align:		left;
	background:		#FFFFFF;
	min-height:		476px;
	
}
div.content-wrap {
	float:	left;
	background:		#fff;
	width:			451px;
}

div.content-workspace {
	padding:		0px 10px;
	width:			451px;
	overflow:		hidden;
	float			:left;
}
*+ html div.content-workspace {
	width:			451px;
	overflow:		visible;
}
* html div.content-workspace {
	width:			451px;
	overflow:		hidden;
}


div.content-workspace ol, div.content-workspace li { margin-left:	17px; }
div.content-workspace ul{
	margin-left:	17px; 
	margin-bottom:	10px; 
}
div.content-workspace ol li, div.content-workspace ul li { margin-left:	0; }
div.content-header {
	padding-bottom:	5px;
	color:		#000000;
	text-align:		left;
	background:		#fff ;
	border-bottom: 	#5577BB 2px solid;
}

div.content-text {
	padding			: 10px;
	color			: #000000;
	text-align		: left;
	font-size		: 0.75em;
	font-weight		: 400;
	overflow		: hidden;
}
*+ html div.content-text {
	padding			: 10px 0 10px 0;
}
* html div.content-text {
	padding			: 10px 0 10px 0;
}

h3.content-title {
	display:	inline;
	font-size:	0.75em;
	font-weight:700;
}

/************************************************************* FOOTER */
div.footer {
	position:		relative;
	/*width:			806px;*/
	/*width:		786px;*/
	height:			0.15em;
	margin:			0 auto;
	padding:		0px 15px 0 10px;
	color:			#003399;
	text-align:		left;
	background: 	#003399;
}
.footer .top{
	width :	130px;
	float:left;
	text-align:right;
	padding-top:3px;
}
*+ html .footer .top{
	width:90px;
}
* html div.footer {
	width:			766px;
	border-top : 	2px solid #003399;
	background: 	#E2E2E2;
	text-align:		center;
}
.footer .float-left a {
	display:		block;
	float:			left;
	color:			#000;
	font-size:		0.95em;
	font-weight:	400;
}
.footer .float-left p{
	float:			left;
	color:			#000;
	font-size:		0.75em;
	font-weight:	400;
	padding :	    3px 2px 0 0;
	
}
.footer .float-left{
	width:			500px;
	color:			#000;	
	float:			left;
	padding:		5px 0pt 0pt 20px;
}

.footer .float-right {
	display:		block;
	float:			left;
	color:			#000;
	font-size:		0.75em;
	font-weight:	400;
	width:			100%;
	padding-top:	5px;
}
* html .footer .float-right {
	width:		50%;
	float:		left;	
	font-size:	0.75em;
}
* html .footer .float-left {
	float:			left;	
	padding-left:	100px
}

.footer a:hover {
	color:				#000;
	text-decoration:	underline;
}

.footer .meta-nav {
	font-size:		0.70em;
	text-align: 	right;
	position:		relative;
	right:			0;
	bottom:			0;
}

#openpic-toolbar {
	font-size : 0.7em;
}


/************************************************************* STANDARDS */


span.paging { color:	#fff; padding:0px;}
.paging { background:	#003399;	color:	#fff; width: 465px; clear: both; height: 18px; font-size: 0.8em;}
.border1 { border:	1px solid #003399; }
div.form-begin {
	border:		1px solid #003399;
	background:	#E2E2E2;
}
textarea, input.text { border:	1px solid #003399; }
input.button {
	color:	#000000;
	border:	1px outset #FEFFFD;
	
}
input{margin:3px;}
option {
	color:		#000000;
	background:	#FFFFFF;
}
button {
	color:	#000000;
	border:	1px solid #003399;
}
fieldset {
	margin:		10px 0;
	padding:	5px 10px;
	border:		2px solid #003399;
}

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

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

.magazinetitle{
	font-size:1em;
}

a.magazinmehr {
	color:	#2C5D9F;
}

.druckversion{
	padding-right:10px;
}
* html .druckversion{
	padding-right:10px;
}

.galerie-intro-table{
	width:100%;
}