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

* { font-family:	verdana,arial,helvetica,sans-serif !important; }

html {}

body {	background:	#eeeeee }

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

a:hover { text-decoration: underline; }

img { border:	0;}


/************************************************************* PAGE */
div.frame {
	width:		100%;
	padding:	0px 0;
	}

div.page {
	float: left;	width			:	871px;
	text-align		:	left;
    padding-right	:	5px;
    background		:#eeeeee  url(/pics/layout/image_1222418339745.gif) repeat-y 0 0;
}
* html div.page{
	width:		876px;
}

 div.bg2, div.bg3, div.bg4 {
	width:	100%;
	margin:	0;
}
div.bg1{
	width:	100%;
	margin:	0;
}
div.bg2{
	width			:100%;
	margin			:0;
	background		:;
}

div.side-bg-top {
	padding			: 5px 0 5px 70px;
	position		: relative;
	left			: 10px;
	background		: #eeeeee;
}
div.side-bg {
	position	:absolute;
	left		:880px;
}

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

div.logo {
	float:left;
	margin-top:-142px;
}

div.logo-inner {
	display:		block;
	width:			151;
	overflow:		hidden;
	float:			left;
	background:		transparent url(/pics/layout/image_122241864097.jpeg) no-repeat 0 0;		
}

div.logo-inner a {
	display:		block;
	width:			151px;
	/*height:			142px;*/
	height:			142px;
	text-decoration:none;
	
}

div.logo-inner span {
	display:	none;
}

.meta-nav {
	position:	absolute;
	right:		15px;
	bottom:		10px;
	font-size:	0.7em;
}

.meta-nav a {
	color:			#030c78;
	text-transform:	uppercase;
}


.header-img {
	margin:			0 0 0 151px;
	padding:		0;
	text-align:		left;
	width:700px;
}

* html .header-img {
	margin:			0px 0px 0px 151px;
	padding:		0;
	text-align:		left;
	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:		#030c78;
}

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:			#030c78;
	font-size:		1em;
	text-decoration:none;
	background:		#030c78;
}

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

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

a.hmenu1:hover {}

a.hmenu1-active {
	color:		#030c78;
	background:	#e9e9e9;
}


/************************************************************* MAIN */
div.main {
	clear:		both;
	min-height:	480px;
	text-align	:center;
	background	:url(/pics/layout/bg_vmenu_tran.gif) repeat-y top left;
	min-height	:100%;
	height		:100% !important;
}

/*
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;
	/*background: url(/pics/pipe.jpg) no-repeat right 3px;*/ 
}
a.breadcrumb {
	display:		block;
	float:			left;
	margin:			0;
	padding:		5px 0px;
	color:			#030c78;
	font-size:		0.75em;
	text-decoration:none;
	/*background:		transparent url(/pics/formbuttons/arrow.gif) no-repeat 0 6px;*/
	
}
a.breadcrumb:hover {
	color:			#030c78;
}



/************************************************************* VERTICAL MENU */
div.vmenu {
		float:			left;
	width:			151px;
	margin:			0 -151px 0 0;
	font-size:		0.8em;
 	overflow:		hidden;
	height: 100%;
	background  : 	url(/pics/layout/bg_vmenu.gif) repeat-y 1px top;
	
}
/* 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:	10px 0 10px 0; 
}

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

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


ul.vmenu2{
	list-style-type		: none;
	background-image	: url(/pics/layout/border_test.gif) no-repeat;
	padding:			2px 0px 4px;
	border-bottom:		1px solid #FFFFFF;
}
* html ul.vmenu2{
	display 			:inline;
	list-style-type		:none;
	margin				:0px;
}

/*li.vmenu1, ul.vmenu2 { border-bottom:	1px solid #b8b8b8; }*/


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


a.vmenu {
	display:		block;
	padding:		0px 0px 0px 7px;
	line-height:	2em;
	color:			#FFFFFF;									
	font-size:		12px;
	text-align:		left;
	background:		#FFFFFF;									
    border:			1px solid #FFF;						 
	border-width:	0 0 1px 0;									
}

* html a.vmenu {
	/*height:			27px;*/
}

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

a.vmenu1 {
	padding:		0px 0px 0px 7px;
	background:		#000069 url(/pics/layout/bg_vmenu1_hd_off.jpg) no-repeat 0 0;		
	font-weight:	700;
}

a.vmenu_unter_menu {
	padding:		0px 0pt 0px 14px;
	background:		#000069 url(/pics/layout/bg_vmenu1_hd_off.jpg) no-repeat 0 0;		
	font-weight:	700;
	color: 		#ffffff;
	font-size:		0.85em;
	float:left;
	width:		151px;
	text-align:	left;
	border-bottom: #fff 1px solid;
}
a.vmenu_unter_menu:hover {
	text-decoration:none;
}
a.vmenu1:hover { }

a.vmenu1-active {
	padding:		0px 0px 0px 7px ;
	font-weight:	700;
	color:			#000066;																
	background:		#ff8f02 url(/pics/layout/bg_vmenu1_hd_on.jpg) no-repeat 0 0;		
}

a.vmenu2 {
	padding:		6px 0 4px 14px;
	color:			#000a72;									
	font-weight:	400;
    line-height:	1em;
	background:		#e9e9e9;							
}
a.vmenu2:hover {
	color: #ff8c00;					
}
a.vmenu2-active {
	font-weight:	400;
    line-height:	1em;
	color: 			#ff8c00;
	background:		#e9e9e9;	
	
}
a.vmenu3, a.vmenu4, a.vmenu5 {
	font-size:		0.8em;
	padding:		0 0 0 21px;
	color:			#000a72;							
	font-weight:	400;
	background:		#FFFFFF;	
	font-size		:11px;
}
a.vmenu4 {
	font-size:		0.75em;
	padding:		0 0 0 28px;
}
a.vmenu5 {
	font-size:		0.75em;
	padding:		0 0 0 35px;
}
a.vmenu4:hover,a.vmenu3:hover,a.vmenu5:hover  {
	color: #ff8c00;
    text-decoration:	underline;
}
a.vmenu3-active, a.vmenu4-active,a.vmenu5-active {
	font-weight:	400;
	color: #ff8c00;
	background:		#FFFFFF;	
	border-top: #EEEEEE 1px solid;
    text-decoration:	underline;
}

/************************************************************* CONTAINER */
div.container {
	;
	width:		151px;
	float:		right;
	margin:		0px 0 0 -151px;
	color:		#030c78;
	text-align  : left;
}
div.container_oben {
	float:		right;
	width:		151px;
	color:		#030c78;
	text-align:	left;
}

* html div.container {
	/* tl: doubled margin fix for ie6 (positioniseverything.com) */
	display:	inline;
    padding:	10px 5px 0px 5px;
}
*+ html div.container {
    padding:	10px 0px 0px 0px;
}

div.container-left {
	float:	left;
	width:	0px;
}
div.container-right {
	padding-right:35px	float:	right;
	width:	151px;
}
div.container-menu {
	width:	151px;
}
div.container-top {
	width:	0px;
}
div.container-bottom {
	width:	0px;
}
div.container-workspace {
	width			:148px;
	float			:right;
	margin-bottom	:10px;
	background		:	#e9e9e9;														
	border			: 1px solid #ff8c00;
    border-width	:	0 0 1px 0;
	/*margin:		0 0 15px 16px;
	float:		right;
	width:		150px;
	*/
}
div.container-headline {
	padding:		2px 0 4px 7px;
	color:			#030c78;
	text-align:		center;
    font-size:		0.74em;
	text-decoration:none;
}
div.container-content {
	padding:	9px;
	color:		#030c78;
	font-size:	0.70em;
}
div.container-content a {
	color:	#ff8c00;
}
h2.container {
	display:		inline;
	font-size:		0.75em;
	font-weight:	400;
}
img.border-image {
	float:	left;
}

.suche{
	padding-top:5px;
}
.home_div{
    font-size		:12px;
  	float			:right;
    width			:128px;
    height			:30px;
    padding  		:5px 0 0 20px;
    border-bottom  	: 1px solid #ff8c00;
   ;
}

*+ html .home_div{
    margin-bottom	:0px;
    height			:30px;
   }
* html .home_div{
    height			:30px;
    width			:124px;
    margin          :0px 0 0 7px;
    padding			:5px 0 0 26px;
}

.home_container{
	float:left;
}
.home_container_datum{
	float:none;
	padding-top:0px;
}

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

.banner_ie6{

	}

div.content {
	width:			539px;
	margin:			0 151px 0 151px;
	padding:		0px 15px 0 15px;
	text-align:		left;
}
* html div.content{
	padding		: 0px 0px 0 0px;
	width		:551px;
}
div.content-wrap {
	float:	left;
	width:	100%;
	margin:	0 auto;
}
div.content-workspace {
	margin:	1px auto 10px auto;
}
* html div.content-workspace {
	width:			539px;
}
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-left:	0px;
	color:			#eeeeee;
	text-align:		left;
	background:		#fff ;
	border-bottom: 	#030c78 2px solid;
	
}
div.content-text {
	height:		100%;
	margin:		0 0 10px;
	padding:	10px 7px 0;
	color:		#030c78;
	text-align:	left;
	font-size:	0.70em;
}
h3.content-title {
	display:	inline;
	color:		#030c78;
	font-size:	1em;
	font-weight:700;
}


/************************************************************* FOOTER */
div.footer {
	position:	relative;
	clear:		both;
	float:left;
	width:		846px;
	height:		77px;
	margin:		0 auto;
	padding:	0px 15px 0 10px;
	color:		#030c78;
	font-size:	0.74em;
	text-align:	left;
	background: url(/pics/layout/f3.jpg) repeat-x left top;
	/* tl: watch relation of width & padding ! */
}

.footer .top{
	position:		absolute;
    right:			55px;
    top:			7px;
	width :	30px;
	font-size:		11px;
	color:			#FFFFFF;
	font-weight:	700;
}
.footer .float-left a {
	width:			136px;
	float:			left;
	color:			#FFFFFF;
	font-size:		0.75em;
	font-weight:	700;
}

.footer .float-right a{
	float:			right;
	color:			#FFFFFF;
	font-size:		0.75em;
	font-weight:	700;
	width:			155px;
}

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

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

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

.footer .cwinfo {
	display:		block;
    float:			left;
    margin:			3px 0 0 12px;
}

/************************************************************* STANDARDS */
span.paging { color:	#FFFFFF; padding: 0px; }
.paging { background:	#030c78; }
.border1 { border:	1px solid #030c78; }
div.form-begin {
	border:		1px solid #030c78;
	background:	#e9e9e9;
}
textarea, input.text { border:	1px solid #030c78; }
input.button {
	color:	#030c78;
	border:	1px outset #FFFFFF;
	
}
input{margin:3px;}
option {
	color:		#030c78;
	background:	#FFFFFF;
}
button {
	color:	#030c78;
	border:	1px solid #030c78;
}
fieldset {
	margin:		10px 0;
	padding:	5px 10px;
	border:		2px solid #030c78;
}

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

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

a.magazinmehr {
	color:	#ff8c00;
}
.galerie-intro-table{
	width:100%;
}
