/*  Kitesurf worldcup  
----------------------------------------------- */


.body {
text-align: center; 
background: url(http://www32.jimdo.com/usertemplates/5045864/img/body-bg-kitesurf-worldcup.jpg) white no-repeat center fixed;
}

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

div#container
{
	width:988px;
	margin:0px auto 0px auto; 
	padding:0;
	position:relative;
}

div#top {height:400px;}

div#header {
	background: url(http://www32.jimdo.com/usertemplates/5045864/img/bg-header.png) top left no-repeat;
	width: 738px; 
	height:414px;
	float:right;
}

* html div#header 
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='bg-header.png');
	background: none;
}

div#header .emotion {
	border: 1px solid #ccc;
	margin:80px 25px 0pt 0pt;
        background:url(http://www32.jimdo.com/usertemplates/5045864/img/emotionheader8.jpg) center center no-repeat;
height:150px;
width:700px;
padding:5px;
}


div#bglogo {
	height:414px;
	width:250px;
	float:left;
	background: url(http://www32.jimdo.com/usertemplates/5045864/img/bg-logo.png) top left no-repeat;
}

* html div#bglogo 
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='bg-logo.png'); 
	background: none;
}

a#logo {
	width:450px;
	height:230px;
	float:left;
	position:absolute;
	top:75px;
	left:-100px;
	z-index:20;
	background: url(http://www32.jimdo.com/usertemplates/5045864/img/logo-ks-world2010.png) top left no-repeat;
text-indent: -999em;
display:block;
}

* html a#logo 
{
	background: url(http://www32.jimdo.com/usertemplates/5045864/img/logo-ks-world2010.gif) top left no-repeat;
}

div#wrapper {
	padding: 0px; 
	text-align:left; 
	height:20px;
	width:988px;
	background: url(http://www32.jimdo.com/usertemplates/5045864/img/bg-content.png) 0 0 repeat-y; height: auto;
}

* html div#wrapper 
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='bg-content.png');
	background: none;
}

	
div#navigation {
	width:230px;
	float:left;
	margin-top:-130px;}

div#content
{
	width:550px;
	float:left;
	text-align:left;
	margin-top:-130px;
}

div#sidebar
{
	width:200px;
	float:right;
	margin-top:-130px;
}

div#sidebar img { text-align:center;}

div#content .gutter 	{ padding:0 0 0 30px; }
div#navigation .gutter  {padding:20px 0px 10px 40px;}
div#footer .gutter 		{padding:0px 20px 20px 30px;}
div#sidebar .gutter 	{padding:0 30px 0 0px;}


div#footer
{
	clear:both;
	font-size:11px;
	width:988px;
	color: white;
	font-weight:bold;
	margin:0px auto 0px auto;
}

div#footer a
{
	text-decoration:none;
	color: white;
	font-weight:bold;
}

div#fin {height:10px; width:988px; clear:both;}

div#bottom {
	background: url(http://www32.jimdo.com/usertemplates/5045864/img/bg-footer.png) top left repeat-x;
	width:988px;
	height:99px;
	margin:0px auto 0px auto; }
	
* html div#bottom 
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='bg-footer.png');
	background: none;
}

/* wichtig damit man Emotion und Sidebar bearbeiten kann!!!!
----------------------------------------------- */

div#header .emotion {z-index:4; position:relative;}
div#navigation {z-index:2; position:relative;}
div#content {z-index:1; position:relative;}
div#sidebar {z-index:1; position:relative;}



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

ul.mainNav1
{
	text-align:left;
	margin:0 0 0 0;
	padding:0;
	
	
}

ul.mainNav2
{
	margin:0 0 0 20px;
	padding: 0;
}


ul.mainNav3
{
	margin:0 0 0 15px;
	padding: 0;

}


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


ul.mainNav1 li a,
ul.mainNav1 li a:visited
{
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #E8E8E8;
	line-height:160%;
	font-weight: bold;
	color: black;
}

ul.mainNav2 li a,
ul.mainNav2 li a:visited,
ul.mainNav3 li a,
ul.mainNav3 li a:visited
{
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #E8E8E8;
	font-weight: normal;
	color: black;
}

ul.mainNav1 li a, ul.mainNav1 li a:visited { padding:3px 5px 3px 5px; }
ul.mainNav2 li a, ul.mainNav2 li a:visited { padding:3px 5px 3px 15px; }
ul.mainNav3 li a, ul.mainNav3 li a:visited { padding:3px 5px 3px 20px; }


ul.mainNav1 li a:hover { 
	color:#319992;
 }

ul.mainNav1 li a.current,
ul.mainNav1 li a.parent { 
color:#319992; }


ul.mainNav2 li a:hover,
ul.mainNav3 li a:hover { 
	font-weight: bold;
	color:#319992;
 }


ul.mainNav2 li a.current,
ul.mainNav2 li a.parent,
ul.mainNav3 li a.current { 
	font-weight: bold;
	color:#319992; }