/* -----------------------------------------------
Wave
Author:   N. Macht
Version:  1.0 Juni 2008
----------------------------------------------- */
/*  CSS Layout
----------------------------------------------- */

.body {
	padding:0px 0px;
	text-align:center;
}

div#container {
	position:relative;
	width:810px;
	margin:0 auto;
	text-align:left;
	padding:10px 0 0 0;
}

div#top{
	width:810px;
	height:5px;
	margin:0;
	padding:0;	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='/fileadmin/templates/s/img/top_bg.png');	
	background-repeat:no-repeat;
}
	
html > body div#top {background:url(/fileadmin/templates/s/img/top_bg.png) ;}

div#wrapper {
	width:810px;
	float:left;
	margin:0;
	padding:0;	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='/fileadmin/templates/s/img/content_bg.png');	
	background-repeat:repeat-y;
}
	
html > body div#wrapper {background:url(/fileadmin/templates/s/img/content_bg.png) ;}

div#emotion {
	width:800px;
	padding:0 5px 0 5px;
	/*height:236px;*/
}

div#wave_left {
	display:none;
	position:absolute;
	z-index:1;
	top:135px;
	left:5px;
	width:400px;
	height:116px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='/fileadmin/templates/s/img/emo_overlay_left.png');	
	background-repeat:no-repeat;
}
	
html > body div#wave_left{background:url(/fileadmin/templates/s/img/emo_overlay_left.png) 0 0 no-repeat;}

div#wave_right {
	display:none;
	position:absolute;
	z-index:1;
	top:15px;
	left:405px;
	width:400px;
	height:236px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='/fileadmin/templates/s/img/emo_overlay_right.png');	
	background-repeat:no-repeat;
}
	
html > body div#wave_right {background:url(/fileadmin/templates/s/img/emo_overlay_right.png) 0 0 no-repeat;}

div#navigation {
	width:220px;
	padding:5px;
	margin:0;
	float:left;
	position:relative;
	z-index: 5;
}

div#content {
	float:left;
	width:550px;
	position:relative;
	z-index: 1;
}

div#sidebar {
	width:220px;
	position:relative;
	z-index: 4;
}

div#btm{
	width:810px;
	height:5px;
	margin:0;
	padding:0;	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='/fileadmin/templates/s/img/btm_bg.png');	
	background-repeat:no-repeat;
}
	
html > body div#btm {background:url(/fileadmin/templates/s/img/btm_bg.png) ;}


div#footer {
	width:810px;
	clear:both;
	/*color:#cccccc;*/
}

div#footer a {
	/*color:#cccccc;*/
}

/* gutter */
div#content .gutter { padding:0 0 20px 25px; }
div#sidebar .gutter { padding:0 8px 20px 12px; }
div#footer .gutter{ padding:0 6px 20px 6px; }


/*  MainNav Level 1
----------------------------------------------- */

ul.mainNav1 {
	text-align:left;
	padding:0;
	margin:0;
	padding:0 0 20px 0;
	list-style:none;
}

ul.mainNav2,
ul.mainNav3 {	
	text-align:left;
	margin:0;
	padding:0;
	list-style:none;
}


ul.mainNav1 li,
ul.mainNav2 li,
ul.mainNav3 li {
	display:inline;
	margin:0;	
	padding:0;
}

ul.mainNav1 li a {
	text-decoration:none;
	display:block;
	color:#999999;
	padding:6px 4px 6px 15px;
	border-bottom:1px solid #EDEDED;
	font-size:12px;
}

ul.mainNav2 li a,
ul.mainNav3 li a {
	padding:4px 4px 4px 25px;
}


ul.mainNav3 li a {
	border:none;
}


ul.mainNav1 li a:hover {
	color:#4A7740;
	background-color:#eeeeee;
}

ul.mainNav1 li a.current,
ul.mainNav2 li a.current,
ul.mainNav3 li a.current {
	color:#4A7740;
	font-weight:bold;
}