/*
-----------------------------------------------
Jimdo Surfer Template, User CSS
Author: Y.Kollega
Version: Aug 07
----------------------------------------------- */

/*  Typo, Links, Headlines 
----------------------------------------------- */

.body { color:#777777; }


div#sidebar, div#sidebar a { color:#777777; }


div#content a { color:#FFF; }


div#content a:hover
{
	color:#CCC;
	text-decoration:none;
}

h1 
{ 
	margin:0;
	font-weight:bold;
	font-size:20px; 
	line-height:150%; 
	color:#fff; 
}


h2 
{ 
	margin:0; 
	font-weight:normal; 
	font-size:12px; 
	line-height:150%; 
	color:#999; 
	text-transform:uppercase; 
}


h3 
{ 
	margin:0;
	font-weight:normal; 
	font-size:11px; 
	line-height:150%; 
	color:#fff;  
}


div#content strong { color:#FFF; }
div#sidebar strong { color:#FFF; }


/*  CSS Layout
----------------------------------------------- */


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


div#verlauf
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:550px;
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='http://www.wakevision.ch/s/img/body_bg.png');
}


html>body div#verlauf { background-image:url(http://www.wakevision.ch/s/img/body_bg.png); }


div#all
{
	position:relative;
	width:980px;
	margin:0 auto;
	padding-top:20px;
	text-align:left;
}


div#schatten_oben
{
	width:980px;
	height:70px;
	background-repeat:no-repeat;
	background-position:0 0;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://www.wakevision.ch/s/img/glueh_effekt_oben.png');*/
}


html>body div#schatten_oben { background-image:url(http://www.wakevision.ch/s/img/glueh_effekt_oben.png); }


div#schatten_mitte
{
	width:980px;
	text-align:center;
	background-repeat:repeat-y;
	background-position:0 0;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='http://www.wakevision.ch/s/img/glueh_effekt.png');
}


html>body div#schatten_mitte { background-image:url(http://www.wakevision.ch/s/img/glueh_effekt.png); }


div#container
{
	position:relative;
	top:-30px;
	width:900px;
	margin:0 auto;
	padding-top:222px; /* Navi, Content und Sidebar liegen in Wrapper, der hiermit erst unter den Headern beginnt. */ 
	text-align:left;
	background:black;
}


div#schatten_unten
{
	position:relative;
	width:980px;
	height:70px;
	background-repeat:no-repeat;
	background-position:0 0;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://www.wakevision.ch/s/img/glueh_effekt_unten.png');
}


div#schatten_unten 
{
	/* Ohne diesen Hack ensteht im IE5er 1px Margin */
  top:-1px; /* Deklaration fuer IE 5.x */
  voice-family:"\"}\"";  /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  voice-family:inherit;
  top:0px; /* Korrektur fuer andere Browser */
}


html>body div#schatten_unten { background-image:url(http://www.wakevision.ch/s/img/glueh_effekt_unten.png); }


/* Header Links und Rechts ueberlagern Headerbild, was widerum die Headerfarbe ueberlagert */
div#emo
{
	z-index:4;
	position:absolute;
	top:0;
	left:0;
	width:900px;
	text-align:left;
	background-color:#CC9933;
}


/* Box zum Emo-Header/Titel ändern liegt sonst hinter der Navi */
div#emo .iframe { position:absolute; top:245px; left:0; }


div#header_links
{
	z-index:5;
	position:absolute;
	top:126px;
	left:0;
	width:410px;
	height:119px;
	text-align:left;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://www.wakevision.ch/s/img/header_links.png');
}


html>body div#header_links { background-image:url(http://www.wakevision.ch/s/img/header_links.png); }


div#header_rechts
{
	z-index:6;
	position:absolute;
	top:0;
	left:410px;
	width:490px;
	height:245px;
	text-align:left;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://www.wakevision.ch/s/img/header_rechts.png');
}


html>body div#header_rechts { background-image:url(http://www.wakevision.ch/s/img/header_rechts.png); }


div#navigation
{
	width:480px;
	margin-top:2px;
	text-align:left;
	list-style-type:none;
}


div#wrapper
{
	z-index:3;
	position:relative;
	width:900px;
}


div#content
{
	width:610px;
	float:left;
	text-align:left;
	border-right:1px solid #222;
	border-top:1px #222 solid;
}


div#contentfooter
{
	margin-top:15px;
	border-top:1px #222 solid;
}


div#loginbox 
{	
	z-index:20; 
	position:relative; 
}


div#sidebar
{
	width:240px;
	float:left;
	text-align:left;
	margin-left:-1px; /* Damit der Border zwischen Content und Sidebar 1px breit ist */
	border-left:1px solid #222;
	border-top:1px #222 solid;
	
}


div#jimdobox 
{
	margin-bottom:30px;
}


/* Gutter zum browser-unabh. Positionieren der Elemente */
div#wrapper 	.gutter { padding:20px 20px 20px 20px; }
div#navigation	.gutter { padding:0px 0px 20px 0px; }
div#content 	.gutter { padding:10px 20px 20px 0px; }
div#sidebar 	.gutter { padding:20px 20px 20px 20px; }







/*  Navigation
----------------------------------------------- */


ul.mainNav1,
ul.mainNav2,
ul.mainNav3
{
	width:480px;
	margin:0;
	padding:0;
	list-style-type:none;
}


/* Clearen der Floats aus den A-Tags */
ul.mainNav1,
ul.mainNav2,
ul.mainNav3 { overflow:hidden; } /* Firefox and all */


* html ul.mainNav1,
* html ul.mainNav2,
* html ul.mainNav3 { height:1%; overflow:visible; } /* IE */


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


ul.mainNav1 li a, ul.mainNav1 li a:visited { color:#777; }
ul.mainNav2 li a, ul.mainNav2 li a:visited { color:#555; }
ul.mainNav3 li a, ul.mainNav3 li a:visited { color:#333; }


ul.mainNav1 li a, 
ul.mainNav1 li a:visited,
ul.mainNav2 li a, 
ul.mainNav2 li a:visited,
ul.mainNav3 li a, 
ul.mainNav3 li a:visited
{
	display:block;
	float:left;
	margin:0 14px 2px 1px;
	padding:3px 3px 3px 3px;
	font-weight:normal;
	text-decoration:underline;
	white-space:nowrap;
}


ul.mainNav1 li a.current,
ul.mainNav2 li a.current,
ul.mainNav3 li a.current { color:#FFF; }


ul.mainNav1 li a:hover,
ul.mainNav2 li a:hover,
ul.mainNav3 li a:hover 
{ 
	color:#FFF; 
	text-decoration:none;
}