/************************************************************* HTML TAGS */
html {}

body { 
	background:	 url(/pics/layout/image_1253887957271.jpeg) repeat-x ; 
	background-color:	#ffffff;
}

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

a:hover { text-decoration: underline; }

img { border:	0; }

* {
	font-family			: Tahoma, Arial, Verdana ;
}

/************************************************************* PAGE */
div.frame {
	width:		100%;
	padding:	0px 0;
	text-align: center;	background			: url(/pics/layout/bg_bg2.gif) repeat-y top center;
}
* HTML div.frame {
	background			: url(/pics/layout/bg_bg2.gif) repeat-y  124px top;
}

div.page {
	margin: 0 auto;	width				: 930px;
	text-align			: left;
	padding				: 9px 36px 0px 38px;
	background			: url(/pics/layout/bg_body.jpg) no-repeat top left;	
}
* HTML div.page {
	background			: url(/pics/layout/bg_body.jpg) no-repeat top center;	
}
div.bg1{
	width				: 100%;
	background			: url(/pics/layout/bg_bg2.gif) repeat-y top left;
}
div.bg2{
	margin: 0 auto;	width				: 928px;
	border				: 1px solid #cacaca;
	background			: url(/pics/layout/bg_vmenu.gif) repeat-y -1px top;
	
}
div.bg3, div.bg4 {
	width			: 100%;
	margin			: 0;
}

/* 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 { 
		float			: left;
		padding-bottom	: 25px;
		position		: relative;
		background		: #fafafa ;
 }

div.logo_hmenu2{
	float			: left;
	width			: 928px;
}
div.header-img{
	float				: left;
	margin				: 0 0 0 0px;
	text-align			: left;
	width				: 928px;
	height				: 190px;
	position			: relative;
}
div.logo{
	float				: left;
	padding				: 6px 0 0 20px; 
}
p.logo {
	display				: block;
	background			: url(/pics/layout/image_1253888942584.jpeg) no-repeat top left;
}
p.logo a {
	display:		block;
	width:			223px;
	height:			70px;
	text-decoration	: none;
}

p.logo span { display:	none; }


/************************************************************* HORIZONTAL MENU */
div.hmenu {
	color:			#FFFFFF;
	font-size:		0.75em;
	text-align:		center;
}

div.hmenu#hmenu1{
	position			: absolute;
	bottom				: -10px; 
	left				: 0px; 
	width				: 928px;
	height				: 16px;
	color				: #656565;
}
div.hmenu-workspace#hmenu1{
	width				: 100%;
	display				: block;
	height				: 100%;
	padding				: 0px;
}
div.hmenu_top{
	width				: 180px;
	display				: block;
	height				: 100%;
	padding				: 0px;
	float				: right;
	text-align			: left;
}

div.schriftgroesse{
	/*position			: absolute;
	right				: 0px;
	bottom				: 29px;*/
	display				: block;
	float				: left;
	width				: 100%;
	font-size			: 0.75em;
	color				: #656565;
	/*background			: #f2f1f1;*/
	margin				: 12px 0;
	padding				: 5px 0 4px 35px;
	text-align			: left;
}
a.hmenu_menu {
	padding				: 2px 0px 0 0px;
	font-size			: 0.95em;	
	color				: #656565;
}
div.suche{
	float				: left;
	width				: 180px;
	height				: 100%;	
}
div.hmenu#hmenu2{
	color				: #9a141b;
	float				: left;
	left				: 302px;
	padding				: 0px 0 0px 0px;
	position			: absolute;
	top					: -13px;
	width				: 623px;
	z-index				: 10;
}
* HTML div.hmenu#hmenu2{
	
}
div.hmenu-workspace {
	display				: block;
	padding				: 0px;
	float				: left;	
}

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

li.hmenu1 {
	display: inline;
	float: left;
}
a.hmenu {
	display:		block;
	float:			left;
	padding:		64px 8px 7px;
	color:			#656565;
	font-size:		1em;
	text-decoration:none;
}
a.hmenu:hover {
	color:			#656565;
	text-decoration:none;
}
a.hmenu1 {
	padding:		64px 8px 7px;
	font-weight:	700;
}
a.hmenu1:hover {
	text-decoration:none;
	color:		#9a141b;
	background:		#eaeaea;
}
a.hmenu1-active {
	color:		#9a141b;
	background:	#eaeaea;
}


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

* html div.main {
	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				: 554px;
	height				: 100%;
	margin				: 0 0 0 177px;
	float				: left;
	padding				: 0 0 0 14px;
}
span.breadcrumb-infotext {
	display:	block;
	float:		left;
	padding:	0px 0px;
	font-size:	0.95em;
}
span.breadcrumb_pfeil{
	float				: left;
	padding				: 2px 0 1px;
}
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:		0 6px 0 13px;
	color:			#9a141b;
	font-size		: 0.95em;
	text-decoration	: none;
	background		: transparent url(/pics/layout/bread_trenner.gif) no-repeat 0 4px;
}
breadcrumb-active{
	color			: #9a141b;
	text-decoration	: none;
	background		: transparent url(/pics/layout/bread_trenner.gif) no-repeat 0 4px;
}
a.breadcrumb:hover {
	color			: #9a141b;
	text-decoration	: none;
}
a.breadcrumb-choiced{
	color			: #656565;	
	text-decoration	: none;
	background		: transparent url(/pics/layout/bread_trenner.gif) no-repeat 0 4px;
}

ul.breadcrumb1 li.breadcrumb1 a.breadcrumb1{
	background		: none;
	padding			: 0px 6px 0 0 ;
}

/************************************************************* VERTICAL MENU */
div.vmenu {
		float:		left;
	width:		180px;
	margin:		0 -180px 0 0;
	overflow:	hidden;
	background		: #eaeaea;
}

div.vmenu-workspace { 
	margin		: 0 0 0px 0; 
	width		: 100%;
	float		: left;
	
}

ul.vmenu1, ul.vmenu2, ul.vmenu3, ul.vmenu4 { list-style-type:	none; }
ul.vmenu2{
	padding-bottom			: 10px;
}
ul.vmenu3{
	border-top			: 1px solid #FFFFFF;
	border-bottom		: 1px solid #FFFFFF;
	border-left			: 1px solid #FFFFFF;
	
}
li.vmenu1, li.vmenu2, li.vmenu3, li.vmenu4 { 
	display			: block;
	width			: 100%;
	float			: left; 
}
li.vmenu1{
	border-bottom		: 1px solid #cacaca;
}
li.vmenu1-last{
	background		: none;
}

a.vmenu {
	display:		block;
	margin:			0 0 0px;
	padding:		4px 5px 2px;
	color:			#656565;
	font-size:		0.75em;
	text-align:		left;
	text-decoration:none;
	background:		#eaeaea;
}

a.vmenu:hover { color:	#656565; }

a.vmenu1 {
	padding				: 4px 0 4px 34px;
	font-weight			: 400;
	border-bottom		: 1px solid #FFFFFF;
	border-left			: 1px solid #FFFFFF;
	background			: #eaeaea;
}

a.vmenu1:hover { 
	text-decoration		: none; 
	color				: #FFFFFF;
	background			: #9a141b;
}

a.vmenu1-active {
	color				: #FFFFFF;
	font-weight			:	700;
	background			:	#9a141b;
}
a.vmenu2 {
	padding:		4px 0 2px 34px;
	color:			#656565;
	font-size:		0.75em;
	font-weight:	400;
	border-bottom		: 1px solid #FFFFFF;
	border-left			: 1px solid #FFFFFF;
	background		: #d2d2d2;
}

a.vmenu2:hover { 
	color			:  #9a141b;
	text-decoration : none;
}

a.vmenu2-active {
	font-size		:	0.75em;
	color			:  #9a141b;
}
a.vmenu3 {
	padding:		4px 0 2px 52px;
	font-size:		0.70em;
	font-weight:	400;
	color		:  #656565;
	background		: #e0e0e0;
}

a.vmenu3:hover { 
	color			:  #9a141b;
	text-decoration : none;
}

a.vmenu3-active {
	color		: #9a141b;
	font-size	: 0.70em;
}
a.vmenu4 {
	padding			: 3px 0 3px 66px;
	color			: #656565;
	font-size		: 0.70em;
	font-weight		: 400;
	background		: #e0e0e0;
}

a.vmenu4:hover { 
	color			:  #9a141b;
	text-decoration : none;
	background		: #e0e0e0 url(/pics/layout/pfeil_act.gif) no-repeat 52px center;
}

a.vmenu4-active {
	color			: #9a141b;
	font-size		: 0.70em;
	background		: #e0e0e0 url(/pics/layout/pfeil_act.gif) no-repeat 52px center;
}


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

div.container-menu { width:	180px; }

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

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

div.container-workspace {
	float:		left;
	width:		100%;
	margin:		0 0 10px 0;
	background		: url(/pics/layout/bg_ct_headline.gif) no-repeat 0px 0px;
}
div.container-headline {
	margin			: 10px 9px 0 0;
	padding			: 9px 0 11px;
	color			: #656565;
	font-weight		: 400;
	text-align		: left;
	text-decoration : none;
	overflow		: hidden;
	background		: #eaeaea url(/pics/layout/bg_ct_headline_logo.gif) no-repeat 2px 5px ;
}
div.container-content {
	padding			: 0px 5px 10px;
	margin			: 0 9px 0 0;
	color			: #656565;
	font-size		: 0.70em;
	background		: #eaeaea;
}

div.container-content a { 
	color			: #9a141b;
 	background		: url(pics/layout/pfeil.gif) no-repeat 16px 2px;
 	padding			: 0 0 0 27px;
	text-decoration : none;
}

h3.container {
	display			: inline;
	font-size		: 0.90em;
	color			: #656565;
	padding			: 0 0 0 20px;
	font-weight		: 700;
}

img.border-image { float:	left; }


/************************************************************* CONTENT */
div.content {
	margin:		0 180px 0 180px;
	padding:	10px 28px 0 28px;
	text-align:	left;
}
* HTML div.content {
	padding			: 0 13px;
	width			: 400px;
}

div.content-wrap {
	float:	left;
	width:	100%;
	margin:	0 auto;
	
}
div.content-workspace { 
	margin:	0 auto 18px auto; 
	width:	100%;
	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 7px;
	color:			#c0c0c0;
	text-align:		left;
	font-weight:	700;
}
div.content-text {
	width:	100%;
	height:		100%;
	margin:		0 0 0 0px;
	padding:	10px 7px 0;
	color:		#656565;
	text-align:	left;
	font-size:	0.75em;
	float		:	left;
}
h3.content-title {
	display		: inline;
	color		: #96a4ac;
	font-size	: 1em;
}
h3.content{
	display		: inline;
	color		: #96a4ac;
	font-size	: 1em;
	font-weight	: 700;
}

div.content-text a { 
	color			: #9a141b;
 	background		: url(pics/layout/pfeil.gif) no-repeat 0px 2px;
 	padding			: 0 0 0 10px;
	text-decoration : none;
}


/************************************************************* FOOTER */
div.footer {

	clear			: both;
	height			: 1.4em;
	margin			: 0 auto; 
	padding			: 4px 7px 6px;
	font-size		: 0.75em;
	color			: #FFFFFF;
	text-align		: left;
	background		: #656565;
}

.footer a {
	color:			#FFFFFF;
	font-size:		1em;
	font-weight:	400;
	text-decoration:none;
}

.footer a:hover {
	text-decoration	: none;
}
.suche_input_text{
	background		: url(/pics/layout/suchfeld.gif) no-repeat top left;
	float			: left;
	font-size		: 12px;
	color			: #656565;
	border			: none !important;
	height			: 16px;
	width			: 146px;
	padding			: 10px 1px 3px 4px  !important;
	margin			: 0 0 0 1px;
}

/************************************************************* STANDARDS */
span.paging { color:	#656565; padding: 0px; }

.paging { background:	#96a4ac; }

.border1 { border:	1px solid #96a4ac; }

div.form-begin {
	border:		1px solid #96a4ac;
	background:	#cacaca;
}

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

input.button {
	color:	#656565;
	border:	1px outset #9a141b;
}
option {
	color:		#656565;
	background:	#FFFFFF;
}
button {
	color:	#656565;
	border:	1px solid #96a4ac;
}
fieldset {
	margin:		10px 0;
	padding:	5px 10px;
	border:		2px solid #96a4ac;
}

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

div.form-fieldset-inlay {
	padding:	3px 7px;
	background:	#cacaca;
}
div.width48{
	width			: 48%;
}
a.magazinmehr{
	font-size		: 1.1em !important;
	padding			: 0 0 0 13px;
	background		: url(pics/layout/pfeil.gif) no-repeat 0px 3px;
}
div.mag_normal_artikel {
	width			: 450px;
}
div.mag_normal_artikel a{
	font-size		: 0.75em !important;
	padding			: 0 0 0 13px;
	background		: url(pics/layout/pfeil.gif) no-repeat 0px 3px;
	color			: #9a141b;
}
span.magazinetitle{
	font-size		: 1.25em !important;
}
span.magazinedate{
	font-size		: 1.1em !important;
}
div.teaser_hot_news{
	width			: 495px;
}
* HTML div.teaser_hot_news{
	width			: 496px;
}