/**
 * main stylesheet for the 'Mediason-Relaunch 2007'-project
 *
 * @author	Andreas Richter <richter@wiv-gmbh.de>
 */


/*
 * tags
 *
 */
 
body {
	background-color:		#CCCCCC;
	background-image:		url(../images/layout/bg.gif);
	background-repeat:		repeat-x;
}

img {
	border:					0px;
}
 
h2 {
	font-size:				14px;
}
h3 {
	font-size:				14px;
}

td {
	font-size:				11px;
	color:					#333333;	
}
a {
	color:					#CA0000;
}


/*
* layout
*
*/

#areaMain {
	width:					889px;
	position:				absolute;
	left:					50%;
	margin-left:			-445px;
	top:					20px;
	font-family:			Verdana, Arial, Helvetica, sans-serif;	
	font-size:				11px;
	color:					#333333;
	border:					1px solid #C6C6C6;
	background-color:		#FFFFFF;
	min-height:				1000px;
}

*+html div#areaMain {
	min-height:				1000px;
}

#areaTop {
	width:					889px;
	height:					138px;
	border-bottom:			1px solid #CBCBCB;
	background-image:		url(../images/layout/bgAreaTop.gif);
	position:				absolute;
	top:					0px;
}

#areaTopLine {
	width:					889px;
	height:					28px;
	background-image:		url(../images/layout/bgAreaTopLine.gif);	
	position:				absolute;
	top:					139px;
}

#areaRootline {
	width:					713px;
	height:					22px;
	background-image:		url(../images/layout/bgAreaRootline.gif);
	position:				absolute;
	top:					167px;
	font-size:				10px;
	font-weight:			bold;
	padding-left:			176px;
	padding-top:			8px;
}

* html div#areaRootline {
	width:					889px;
	height: 				30px;
}

#areaRootline a {
	color:					#333333;
	text-decoration:		none;
}


#areaContent {
	width:					889px;
	margin-top:				197px;
	background-color:		#FFFFFF;	
}

#areaContentMiddle {
	background-color:		#FFFFFF;
	margin-left:			177px;
	width:					540px;
	min-height:				600px;
	position:				relative;
	display:				block;
	padding-top:			5px;
}

#areaContentLeft {
	width:					161px;
	background-color:		#f9f9f9;
	border-right:			1px solid #ebeaea;	
	min-height:				600px;	
	position:				absolute;
	top:					0px;
	left:					-176px;

}


#areaContentRight {
	width:					161px;
	background-color:		#f9f9f9;
	border-left:			1px solid #ebeaea;
	min-height:				600px;	
	position:				absolute;
	top:					0px;
	right:					-172px;
}

#newsRight {
	padding:				5px;
}

.menuLeftHead {
	height:					22px;
	background-image:		url(../images/layout/leftMenuHeaderBg.gif);
	color:					#FFFFFF;
	padding-left:			30px;
	font-size:				14px;
	font-weight:			bold;
	text-transform:			uppercase;
	padding-top:			6px;
}
.menuLeftHead a {
	color:					#FFFFFF;
	text-decoration:		none;
}

.menuLeftItem {
	height:					26px;
	padding-top:			12px;
	font-weight:			bold;
	padding-left:			30px;
}

.menuLeftItem a {
	color:					#666666;
	text-decoration:		none;
}

.menuLeftItemActive {
	height:					26px;
	padding-top:			12px;
	font-weight:			bold;
	padding-left:			30px;
}
.menuLeftItemActive a {
	color:					#cc0000;
	text-decoration:		none;
}

.menuLeftLevel2Item {
	padding-left:			30px;
	
}
.menuLeftLevel2Item a {
	color:					#888888;
	text-decoration:		none;
}
.menuLeftLevel2ItemActive {
	padding-left:			30px;
	
}
.menuLeftLevel2ItemActive a {
	color:					#888888;
	text-decoration:		none;
}
.menuLeftLevel3Item {
	padding-left:			50px;
	
}
.menuLeftLevel3Item a {
	color:					#888888;
	text-decoration:		none;
}
.menuLeftLevel3ItemActive {
	padding-left:			50px;
	
}
.menuLeftLevel3ItemActive a {
	color:					#888888;
	text-decoration:		none;
}
.menuLeftLevel4Item {
	padding-left:			65px;
	
}
.menuLeftLevel4Item a {
	color:					#888888;
	text-decoration:		none;
}
.menuLeftLevel4ItemActive {
	padding-left:			65px;
	
}
.menuLeftLevel4ItemActive a {
	color:					#888888;
	text-decoration:		none;
}


#menuTop {
	position:				absolute;
	top:					119px;
	left:					390px;
	
}
.menuMainItem, .menuMainItemActive {
	font-weight:			bold;
}

.menuMainItem a {
	padding-top:			119px;
	padding-left:			12px;
	padding-right:			12px;
	padding-bottom:			7px;
	color:					#666666;
	text-transform:			uppercase;
	text-decoration:		none;
	font-size:				10px;
}

.menuMainItem a:hover, .menuMainItemActive {
	padding-top:			119px;
	padding-left:			11px;
	padding-right:			11px;
	padding-bottom:			7px;
	border-left:			1px solid #505050;
	border-right:			1px solid #505050;
	background-image:		url(../images/layout/menuTopActiveBg.gif);
	font-weight:			bold;
	color:					#FFFFFF;
	text-transform:			uppercase;
	font-size:				10px;
}

/* IE 6 Hack */
* html span.menuMainItem a:hover, * html span.menuMainItemActive {
	padding-top:			119px;
	position:				relative;
	top:					0px;
}
/* IE 7 Hack */
*+html span.menuMainItem a:hover, *+html span.menuMainItemActive {
	padding-top:			119px;
	position:				relative;
	top:					0px;
}

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


#headline, h1 {
	font-size:				16px;
	color:					#cc0000;
	font-weight:			bold;
}

#angebot, h1 {
	font-size: 19px;
	color: #cc0000;
	font-weight: bold;

#areaMenuSpecial {
	position:				absolute;
	right:					14px;
	top:					-18px;
}


#areaMenuSpecial a {
	color:					#FFFFFF;
	font-size:				10px;
	font-weight:			bold;
	text-decoration:		none;
	text-transform:			uppercase;
}

.menuSpecialItem {
	margin-left:			20px;
}

#webcamLinkImage {
	position:				absolute;
	top:					167px;
	right:					0px;
}

.input_100pc {
	font-family:			Verdana, Arial, Helvetica, sans-serif;	
	font-size:				11px;
	color:					#333333;
	border:					1px solid #333333;
	padding:				1px;
	width:					250px;	
}

.startpageLink {
	color:					#FFFFFF;
}

.news-list-item .bodytext {
	margin:					0px;
}