@charset "utf-8";
/**
	general elements
	*/
 
@import url("mailform.css");
@import url("leftnavi.css");
@import url("rootline.css");
@import url("content.css");
@import url("form.css");
@import url("indexedsearch.css");
@import url("shop.css");

html {
	height: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*color: #4f4f4f;*/
	color: #000;

	height: 100%;
}

#pageWrapper {
	position:relative;
	float:left;
	margin:0px;
	width: 955px;
	min-height:101%;
	height: auto !important;
	height:100%;
	background: url(../img/content_bg.gif) top left repeat-y;
}

body.no_right_column #pageWrapper {
	background: url(../img/content_bg_2.gif) top left repeat-y;
}

#headWrapper{
	height:289px;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	overflow:hidden;
}

	#headTopWrapper{
		height:95px;
		overflow:hidden;
		background: url(../img/header_bg.gif) bottom left repeat-x;
	}
	
		#headLogo{
			position:relative;
			float:left;
			width:200px;
			padding-top:30px;
			padding-left:15px;
		}
	
		#headNavi{
			position:relative;
			float:left;
			width:710px;
			padding-top:30px;
			padding-left:15px;
			padding-right:15px;
			text-align:right;
			
			text-transform:uppercase;
			font-size:10px;
			font-weight:bold;
			color:#868686;
		}
	
			#headNavi a{
				color:#868686;
				text-decoration:none;
			}
		

	#headBoxesWrapper{
		height:194px;
		overflow:hidden;
	}
	
		#boxLogin{
			position:relative;
			float:left;
			height:144px;
			width:193px;
			padding-top:50px;
			padding-left:20px;
			background: url(../img/box_cleanmail_login.jpg) top left no-repeat;
		}
	
		#boxMood{
			position:relative;
			float:left;
			height:194px;
			width:498px;
		}
	
		#boxTeaser{
			position:relative;
			float:left;
			height:194px;
			width:244px;
		}
	


#columnWrapper{
	position:relative;
	float:left;
	overflow:hidden;
	padding-bottom:25px;
	line-height:1.6em;
}

	#pagetitle{
		margin-bottom:10px;
		margin-top: 7px;
	}

	#leftWrapper{
		position:relative;
		float:left;
		width:213px;
		overflow:hidden;
	}
	
		#serverStatusWrapper{
			padding:15px;
		}
		
		#serverStatusWrapper .bodytext{
			margin:0;
			padding-top:5px;
			padding-bottom:10px;
			padding-left:0px;
			padding-right:0px;
		}
	
		#serverStatusWrapper .csc-textpic .bodytext{
			padding-top:0px;
		}
	
	#contentWrapper{
		position:relative;
		float:left;
		padding-left:23px;
		padding-right:23px;
		width:450px;
		margin-right:2px;
		overflow:hidden;
		padding-bottom:10px;
	}
	
	body.no_right_column #contentWrapper {
		padding-left:20px;
		margin-left:3px;
		width:690px;
	}
	
		#contentWrapper #content{
			position:relative;
			clear:both;
			overflow:hidden;
		}
		
		#contentWrapper .bodytext{
			margin:0;
			padding-top:5px;
			padding-bottom:10px;
			padding-left:0px;
			padding-right:0px;
		}
		
		#contentWrapper .csc-textpic .bodytext{
			padding-top:0px;
		}
	
	#rightcontent{
		position:relative;
		float:left;
		width:243px;
		overflow:hidden;
		margin-right:1px;
	}
	
	body.no_right_column #rightcontent {
		display:none;
	}
	

		#rightcontent .csc-header{
			background: url(../img/right_header_bg.gif) bottom left repeat-x;
			height:25px;
			padding-top:10px;
			padding-left:15px;
			padding-right:15px;
		}
		
		#rightcontent .bodytext{
			margin:0;
			padding-top:5px;
			padding-bottom:10px;
			padding-left:15px;
			padding-right:15px;
		}
		
		#rightcontent .csc-textpic{
			margin-top:10px;
			padding-left:15px;
			padding-right:15px;
		}
		
		#rightcontent .csc-textpic .bodytext{
			padding-top:0px;
			padding-left:0px;
			padding-right:0px;
		}
		
		#rightcontent a {
			color:#4F2700;
			font-weight:bold;
			text-decoration: underline;
		}


#footerWrapper{
	position:relative;
	float:left;
	margin-top:-25px;
	width:944px;
	height:14px;
	padding:5px;
	background-color:#FFFFFF;
	border-top:1px solid #D6D6D6;
	
	font-size:10px;
	font-weight:bold;
	color:#868686;
}

	#footerWrapper a{
		color:#868686;
		text-decoration:none;
	}
	
	#footerWrapper #footerText{
		position:relative;
		float:left;
		text-align:left;
		width:504px;
	}
	#footerWrapper #footerNavi{
		position:relative;
		float:left;
		text-align:right;
		text-transform:uppercase;
		width:440px;
	}