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

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

html {}

body {	background:	#ffffff; }

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

.content-workspace a, .container a, .footer a, .header-img a {
	text-decoration:underline !important;
}

a:hover { text-decoration: underline; }

img { border:	0;}


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

div.page {
	margin: 0 auto;	width:		995px;
	text-align:	left;
	border: 	1px solid #cb3413;
	border-top:none;
}

 div.bg2, div.bg3, div.bg4 {
	width:	100%;
	margin:	0;
}
div.bg1{
	width:	100%;
	margin:	0;
	background: url(/pics/layout/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%; }


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

p.logo {
	float:			left;
	background:		transparent url(/pics/layout/image_1219756505228.jpeg) no-repeat 0 0;		
}


p.logo a {
	display:		block;
	width:			995px;
	height:			177px;
	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 {
	padding:		0;
	text-align:		left;
}
* html .header-img {
	padding:		0;
	text-align:		left;
	float:left;
}

/***********************header-icons***********************/
.header-icon{
	width:			300px;
	position:		absolute;
	margin:			13px 702px;
}
* html .header-icon{
	width:			300px;
	margin:			-162px 702px;
}
* + html .header-icon{
	width:			300px;
	margin:			-162px 702px;
}
.header-icon-top{
	float:			left;
	width:			300px;
	padding:		0px;
}
	.header-icon-top1{
		float:		left;
		width:		100px;
	}

.header-icon-bottom{
	float:			left;
	width:			300px;
	padding:		0px;
}
.header-icon-bottom1{
	float:			left;
	width:			100px;
	padding-top:	16px;
}
.header-in a, .header-in span {
	color:#FFFFFF;
}
.header-in a:hover {
	text-decoration:underline;
}
/***********************header-suche***********************/
.header-in {
	width:			191px;
	height:			20px;
	display:		block;
	color:			#FFFFFF;
	font-weight:	700;
	background:		#cb3413 ;	
	position:		relative;
	float:			left;
	overflow:hidden;
	width:191px;
	white-space:nowrap;
	line-height:17px;
	text-align:center;

}
.header-suche{
	width:			320px;
	height:			20px;
	display:		block;
	float:			right;
	font-size:		10px;
	font-weight:	700;
	line-height:17px;
	margin			:-40px 0px;
	position		:relative;
}

.header-left a {
	font-size:		10px;
	font-weight:	700;
	margin-left:2px;
}

.header-center a{
	font-size:		10px;
	font-weight:	700;
}
.header-right a{
	font-size:		10px;
	font-weight:	700;
}
.header-suche_suche{
	width:			129px;
	display:		block;
	font-size:		10px;
	font-weight:	700;
	float:			left;
	text-align: 	center;
	margin:			-2px 0px;
	height:			20px;
}
.input_suche{
	width:32px;
	float:left;
	margin-top:3px;
	margin-right:2px;
	color:#000000;
}
#head_search_form input {
	width:78px !important;
}
* html .input_suche{
	margin-top	:0px;
}
.input_suche a{
	color:#000000;
}
/************************************************************* HORIZONTAL MENU */
div.hmenu {
	display:		none;
	clear:			both;
	color:			#EBECE7;
	font-size:		0.75em;
	text-align:		center;
	border-bottom:	2px solid #EBECE7;
	background:		#cb3413;
}

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

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

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

a.hmenu1:hover {}

a.hmenu1-active {
	color:		#cb3413;
}


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

* html div.main {
	height:	480px;
}


/************************************************************* BREADCRUMB */
div.breadcrumb {
	width:			100%;
	height:			1.4em;
	margin: 		12px auto 2px;
	font-weight:	700;
}
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:		5px 0px;
	color:			#000000;
	font-size:		0.75em;
	text-decoration:none;	
	font-weight:    normal;
}
a.breadcrumb:hover {
	color:			#990000;
}



/************************************************************* VERTICAL MENU */
div.vmenu {
		float:			left;
	width:			200px;
	margin:			0 -200px 0 0;
	font-size:		0.8em;
	overflow:		hidden;
	height: 		100%;
}


div.vmenu-workspace {
	margin:				20px 10px 50px ; 
	background: 		#000000;
}
ul.vmenu1 {
	list-style-type		: none; 
	background			: #F5EB67;
	border-left			: 2px solid #666;
	border-bottom		: 2px solid #666;
	height				: 100%;
}
ul.vmenu3, ul.vmenu2, ul.vmenu4 {
	list-style-type		: none;
	background			: #f9f3d1;
	height				: 100%;
}
li.vmenu1 {
	border-bottom:1px solid white !important;
}
li.vmenu1 a.vmenu1-hassub {
	border-bottom:1px solid white !important;
}
* html li.vmenu {
	margin				: 0 auto;
	line-height			: 0px !important;
	list-style-type		: none;
}


li.has-submn { border:	0; }


li.vmenu-sub {
	min-height:	0;
}

* html li.vmenu-sub {
	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:		2px 5px;
	line-height:	1.47em;
	color:			#990000;	
	font-size:		0.85em;
	text-align:		left;
}

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

a.vmenu1 {
	padding:		5px 2px 5px 30px;
	line-height:	1.47em;
	font-weight:	400;			
	background:		url(/pics/layout/grey/vmenu1.gif) no-repeat 10px 7px; 
}

a.vmenu1:hover {
	font-weight:	400;
	background:		url(/pics/layout/grey/vmenu1.gif) no-repeat 10px 7px;
}

a.vmenu1-active {	
	font-weight:	bold !important;
	color:			#000000;					
	background:		url(/pics/layout/grey/vmenu1.gif) no-repeat 10px 7px; 
}
a.vmenu1-active:hover {	
	color:			#cb3413;					
	background:		url(/pics/layout/grey/vmenu1.gif) no-repeat 10px 7px; 
}
a.vmenu1-hassub {	
	font-weight:	bold !important;
	color:			#000000;					
	background:		url(/pics/layout/grey/vmenu1_active.gif) no-repeat 10px 7px; 
}
a.vmenu1-hassub:hover {
	color:			#cb3413;						
	background:none;
	background:		url(/pics/layout/grey/vmenu1_active.gif) no-repeat 10px 7px; 
}

a.vmenu2 {
	padding:		4px 0pt 5px 35px;
	background:		url(/pics/layout/vmenu_rand_punkt.jpg) no-repeat 30px 12px;
}
a.vmenu2:hover {
	color:			#cb3413;			
}
a.vmenu2-active, a.vmenu2-hassub {
	color			: #000000;
}

a.vmenu2-active:hover {
	color: 			#cb3413;	
}

a.vmenu3 {
	padding:		0 0 0 43px;
	background:		url(/pics/layout/vmenu_rand_punkt.jpg) no-repeat 38px 9px;	
}
a.vmenu3-active, a.vmenu3-hassub {
	color: 			#000000;
	padding:		0 0 0 43px;
}
a.vmenu3:hover  {
	color: 			#cb3413;
}
a.vmenu4 {
	padding:		0 0 0 50px;
	background:		url(/pics/layout/vmenu_rand_punkt.jpg) no-repeat 45px 9px;	
}
a.vmenu4-active, a.vmenu4-hassub {
	color: 			#000000;
	padding:		0 0 0 50px;
}
a.vmenu4:hover {
	color: 			#cb3413;
}

/************************************************************* CONTAINER */
div.container {
		float:			right;
	width:			190px;
	color:			#000000;
	text-align:		left;
	border:			1px solid #cb3413;
	border-right:	none;
	margin		: 0 0 0 -151px;
}


div.container-left {
	float:	left;
	width:	0px;
}
div.container-right {
	padding-right:0px;
	float:	right;
	width:	190px;
}
div.container-menu {
	width:	200px;
}
div.container-top {
	width:	0px;
}
div.container-bottom {
	width:	0px;
}
div.container-workspace {
	width:		190px;
	float:		left;
	overflow:hidden;
	/*background:	LIGHTCOLOR;												
	margin:		0 0  CONTAINER_SPACING-20px CONTAINER_SPACINGpx;	
	border:1px solid MEDIUMCOLOR;*/
}

.menu-container-left{
	width:198px !important;
}
div.container-headline {
	padding:		2px 0 4px 7px;
	color:			#000000;
	text-align:		left;
	text-decoration:none;
	background:		#cb3413 ;
}
div.container-content {
	padding:	9px;
	color:	#000000;
	font-size:	0.70em;
	background:#ffffff;
	line-height:16px;
}
div.container-content a {
	color:	#000000;
}
h2.container {
	display:		inline;
	font-size:		0.65em;
	font-weight:	700;
	color: #FFFFFF;
}

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

div.content {
	width:			575px;
	margin:			0 190px 0 200px;
	padding:		0px 15px 0 15px;
	text-align:		left;
	/*background:		#EBECE7;*/
}
* html div.content {
	margin:			0 187px 0 200px;
}

div.content-wrap {
	float:	left;
	width:	100%;
	margin:	0 auto;
}
div.content-workspace {
	width:			575px;
	margin:			15px auto 10px auto;
	float:			left;
}
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 0px;
	text-align:		left;
	border-bottom:	1px solid #cb3413;	
}
div.trenner{
	margin-bottom:25px;
}
div.content-text {
	height:		100%;
	margin:		0 0 10px;
	padding:	10px 0px 0;
	color:		#000000;
	text-align:	left;
	line-height:16px;
	font-size:	0.70em;
}
h3.content-title {
	display:	inline;
	color:		#9f9f9f;
	font-size:	1em;
	font-weight:700;
}
div.content-text div.content-header {
	padding:10px 0px 6px 0px;
}
div.content-text div.content-header h3.content-title {
	font-size:1.35em !important;
}


/************************************************************* FOOTER */
div.footer {
	position:	relative;
	clear:		both;
	width:		995px;
	height:		20px;
	margin:		0 auto;
	font-size:	0.95em;
	text-align:	left;
	background:		#cb3413 ;	
	
	/* tl: watch relation of width & padding ! */
}
.footer .footer-in {
	width:			576px;
	display:		block;
	float:			right;
	color:			#000000;
	font-size:		0.75em;
	font-weight:	700;
	padding-top:	2px;
	line-height:17px;
	text-align:center;
}

.footer a, .footer span {
	color:#FFFFFF;
}
.footer a:hover {
	text-decoration:underline;
}

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


/************************************************************* STANDARDS */
span.paging { color: #FFFFFF !important; font-size: 11px; }
a.paging { color: #FFFFFF !important; }
div.paging { background: #cb3413; clear:both; }
.border1 { border:	1px solid #F5EB67; }
div.form-begin {
	border:		1px solid #cb3413;
	background:	#f9f9f9;
}
textarea, input.text { border:	1px solid #000000; }
input.button {
	color:	#000000;
	border:	1px outset #cb3413;
} 
input{margin:3px;}
option {
	color:		#000000;
	/* background:	#EBECE7;*/
}
button {
	color:	#000000;
	border:	1px solid #cb3413;
}
fieldset {
	margin:		10px 0;
	padding:	5px 10px;
	border:		2px solid #cb3413;
}

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

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

a.magazinmehr {
	color:	#990000;
}

.formtext{color:#000000}
.text {color:#000000 !important}
.intern{color:#000000}
.extern{color:#000000}

/********************************************************* Portal Specific */

.ctrl_archiv .teaser {
	padding-top:10px;
}