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


/*
 * tags
 *
 */
 
body {
	background-color:		#DDA285;
	background-image:		url(../images/layout/background.gif);
	background-repeat:		repeat-x;
	font-family:			Arial, Helvetica, sans-serif;
}

img {
	border:					0px;
}
 
td {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#666666;	
}

/*
* layout
*
*/

#areaMain {
	width:					960px;
	position:				absolute;
	left:					50%;
	top:					0px;
	margin-left:			-480px;
	background-image:		url(../images/layout/mainBg.gif);
}

#areaMainLeft {
	width:					4px;
	position:				absolute;
	left:					50%;
	top:					0px;
	margin-left:			-480px;
}

#areaMainRight {
	width:					4px;
	position:				absolute;
	left:					50%;
	top:					0px;
	margin-left:			476px;
}

#containerMain {
	display:				block;
	position:				relative;
	width:					960px;
}

#areaMainBottom {
	width:					960px;
	height:					4px;
	position:				absolute;
	bottom:					-4px;
	left:					0px;
	background-image:		url(../images/layout/mainBottomBg.gif);	
}
#mainBottomLeft {
	position:				absolute;
	bottom:					0px;
	left:					0px;	
}
#mainBottomRight {
	position:				absolute;
	bottom:					0px;
	right:					0px;	
}

#areaTop {
	position:				absolute;
	top:					0px;
	width:					960px;
	background-color:		#FFFFFF;
}
#containerTop {
	position:				relative;
	display:				block;
}

#menuSpecial {
	height:					17px;
	position:				absolute;
	top:					0px;
	right:					86px;
	background-image:		url(../images/layout/menuSpecialBg.gif);
	font-size:				11px;
	padding-top:			13px;
}

* html div#menuSpecial {
	width:					100px;
	height:					4px;
	background-repeat:		repeat-x;
}

#menuSpecial a {
	color:					#693128;
	text-decoration:		none;
	text-transform:			uppercase;
	font-weight:			bold;
}

#menuSpecialContainer {
	position:				relative;
	display:				block;
	height:					30px;
}
#mainSpecialLeft {
	position:				absolute;
	top:					-13px;
	left:					-6px;
}
#mainSpecialSep {
	position:				absolute;
	top:					-13px;
	right:					-6px;
}
#menuSpecialLogin {
	width:					42px;
	height:					17px;
	position:				absolute;
	top:					-13px;
	right:					-56px;	
	background-image:		url(../images/layout/menuSpecialLoginBg.gif);
	padding-top:			13px;
	padding-left:			8px;
}

* html div#menuSpecialLogin {
	padding-bottom:			3px;	
	right:					-46px;
}

#menuSpecialLogin a {
	color:					#FFFFFF;
	text-decoration:		none;
	text-transform:			uppercase;
	font-weight:			bold;
}

#mainSpecialRight {
	position:				absolute;
	top:					-13px;
	right:					-61px;
}
* html img#mainSpecialRight {
	right:					-51px;
}

.menuSpecialItem {
	padding-right:			15px;	
}
.menuSpecialItemLast {
}


#areaMenuMain {
	position:				absolute;
	top:					91px;
	left:					4px;
	width:					945px;
	background-image:		url(../images/layout/menuMainBg.gif);
	height:					25px;
	border:					1px solid #C2C1C2;
	text-align:				right;
	padding-top:			2px;
	padding-right:			5px;
	background-repeat:		repeat-x;
}

* html div#areaMenuMain {
	width:					952px;
}

#areaMenuMain a {
	color:					#693128;
	text-decoration:		none;
	text-transform:			uppercase;
	font-size:				11px;
	font-weight:			bold;
	height:					29px;
	padding-left:			15px;
	padding-right:			15px;
	padding-top:			6px;	
	padding-bottom:			7px;	
}


#areaMenuMain a:hover, .menuMainItemActive {
	background-color:		#FFEEE6;
	color:					#693128;
	border:					1px solid #DBA48A;
	text-decoration:		none;
	text-transform:			uppercase;
	font-size:				11px;
	font-weight:			bold;
	height:					29px;
	padding-left:			14px;
	padding-right:			14px;
	padding-top:			6px;	
	padding-bottom:			7px;	
}

* html div#areaMenuMain a:hover, * html span.menuMainItemActive {
	padding-bottom:			0px;
}
*+html div#areaMenuMain a:hover, *+html span.menuMainItemActive {
	height:					26px;
}

.menuMainItem {
	position:				relative;
	top:					4px;
}
* html span.menuMainItem {
	top:					-5px;
}
*+html span.menuMainItem {
	top:					0px;
}

.menuMainItemActive {
	padding-left:			0px;
	padding-right:			0px;
	position:				relative;
	top:					4px;
}
* html span.menuMainItemActive {
	top:					-3px;
	height:					20px;
	padding-top:			0px;
	padding-bottom:			0px;
}
*+html span.menuMainItemActive {
	top:					0px;
	height:					20px;
	padding-top:			0px;
	padding-bottom:			0px;
}
#areaHeader {
	position:				absolute;
	top:					120px;
	height:					200px;
}

#containerHeader {
	position:				relative;
	display:				block;
	height:					200px;
	width:					960px;
}

#areaRootline {
	position:				absolute;
	right:					4px;
	width:					708px;
	height:					23px;
	background-image:		url(../images/layout/top.jpg);
	color:					#FFFFFF;
	font-size:				11px;
	padding-top:			177px;
	font-weight:			bold;
	padding-left:			22px;
}
* html div#areaRootline {
	width:					730px;
	padding-bottom:			9px;
}

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

.menuRootlineItem {
	text-transform:			uppercase;
}
	
#areaNewsTop {
	position:				absolute;
	left:					4px;
	width:					220px;
	height:					170px;
	background-color:		#DDA285;
	border-right:			1px solid #EDCEBE;
}

#newsTopHeadline {
	margin-top:				10px;
	margin-left:			10px;
	font-weight:			bold;
	font-size:				12px;
}

#newsTopHeadline a {
	color:					#693128;
	text-decoration:		none;
}

#newsTopPreviewText {
	margin-left:			10px;
	margin-top:				10px;
	font-size:				12px;
}
#newsTopPreviewText a {
	color:					#693128;
	text-decoration:		none;
}

#newsTopMoreLink {
	margin-left:			10px;
	margin-top:				10px;
	font-weight:			bold;
	font-size:				12px;
}

#newsTopMoreLink a {
	color:					#693128;
	text-decoration:		none;
}

#areaFulltextSearch {
	position:				absolute;
	left:					4px;
	bottom:					0px;
	width:					220px;
	height:					30px;
	background-color:		#733B29;
	border-right:			1px solid #B5978E;
}

#areaContent {
	padding-top:			360px;
	padding-left:			242px;
	padding-bottom:			120px;
	width:					706px;
	min-height:				285px;
	background-image:		url(../images/layout/contentBg.gif);
	background-repeat:		repeat-y;
}

#fulltextSearchQuery {
	margin-left:			38px;
	margin-top:				6px;
	border:					none;
	color:					#693128;
	font-size:				9px;
	height:					16px;
	padding-left:			7px;
	padding-right:			7px;
	padding-top:			2px;
	padding-bottom:			0px;
}

#areaMenuLeft {
	position:				absolute;
	top:					360px;
	left:					24px;
}

#menuLeftHead {
	font-size:				12px;
	font-weight:			bold;
}
#menuLeftHead a {
	color:					#693128;
	text-decoration:		none;
	text-transform:			uppercase;
}

.menuLeftItem {
	margin-top:				18px;
	font-size:				11px;
	font-weight:			bold;	
}
.menuLeftItem a {
	color:					#693128;
	text-decoration:		none;
	text-transform:			uppercase;
}

.menuLeftItemActive {
	margin-top:				18px;
	font-size:				11px;
	font-weight:			bold;	
}
.menuLeftItemActive a {
	color:					#693128;
	text-decoration:		none;
	text-transform:			uppercase;
}

#areaBottom {
	background-color:		#733B29;
	width:					952px;
	height:					170px;
	position:				relative;
	left:					4px;
}

#bottomRight {
	position:				absolute;
	right:					0px;
	bottom:					0px;
}

#headline, .csc-firstHeader {
	margin-top:				-2px;
	color:					#693128;
	font-size:				20px;
}

#content, .standard_content_text2 {
	width:					472px;
	font-size:				12px;
	color:					#666666;
	
}

#contentRight {
	position:				absolute;
	right:					15px;
	top:					340px;
}

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