/*
-----------------------------------------------
Top2Bottom Screen Styles
Author:   Fridtjof Detzner
Version:  05. März 2007
----------------------------------------------- */

.body {
text-align:center;
padding:0;
margin:0;
background:#333;
color:333;
font: 11px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

p,h1,h2,h3 {padding:0; margin:0;}



/*  Typo
----------------------------------------------- */ 

#content h1 {
	font:bold 18px Helvetica, Arial, sans-serif;
	color:#666;
}

#content h2 {
	font:bold 14px Helvetica, Arial, sans-serif;
	color:#666;
}

#sidebar h1,
#navigation h1 {
	font:bold 14px Helvetica, Arial, sans-serif;
	color:#666;
}

#sidebar h2,
#navigation h2 {
	font:bold 12px Helvetica, Arial, sans-serif;
	color:#666;
}

a:link, a:visited { text-decoration: underline; color: #333;}
a:active { text-decoration: underline overline;	color: #333; }
a:hover { text-decoration: none; color: #333; }

div.hr { border-top:1px solid #CCC;}
div#headerstart
{
	width:900px;
	position: relative;
	height:211px;
	background:white url(http://www.top2bottom.eu/img/header.jpg) no-repeat center center;
}

div#headerstart a {
	display:block;
	position:absolute;
	
	top:78px;
	left:786px;
	
	width:67px;
	height:64px;
	text-indent:-5000px;
	background:none;
}
div#header
{
	width:900px;
		position: relative;
	height:117px;
	background:white url(http://www.top2bottom.eu/img/header.gif) no-repeat center center;
}


div#header a {
	display:block;
	position:absolute;
	
	top:33px;
	left:816px;
	
	width:67px;
	height:64px;
	text-indent:-5000px;
	background:none;
}



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

div#container
{
	width:900px;
	margin:0 auto;
	background:white;
	text-align:left;
	background:white url(http://www.top2bottom.eu/img/content-bg.gif) repeat-y top left;
}

div#header { border-bottom:4px solid #CCC; }

div#content
{
	float:left;
	width:520px;
}
div#content .gutter { padding: 10px 0px 0 10px; }

div#navigation
{
	float:left;
	width:190px;
}

div#sidebar
{
	float:right;
	width:170px;
}

div#sidebar .gutter { padding: 0px; }


div#footer
{
	clear:both;
	width:100%;
	color:white;
	background:#333;
	padding-top:10px;
	height:50px;
	border-bottom:1px solid #CCC;
}


div#contentfooter,
div#contentfooter a { color:#999; }



div#footer .leftcol
{
	float:left;
	width:300px;
	padding-top:15px;

}

div#footer .rightcol
{
	float:right;
	height:50px;
	line-height:50px;
	
}



a.sponsorlink
{
	display:block;
	
	float:left;
	margin-left:10px;
}




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

ul#mainNav1
{
	text-align: left;
	margin:15px 0 0 0;
	padding:0;
}

ul#mainNav2,
ul#mainNav3
{
	margin:0;
	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,
ul#mainNav2 li a,
ul#mainNav2 li a:visited,
ul#mainNav3 li a,
ul#mainNav3 li a:visited
{
	font:normal 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
	color:#666;
	border-bottom:1px solid #CCC;
}


ul#mainNav1 li a, ul#mainNav1 li a:visited { padding:4px 4px 4px 15px; }
ul#mainNav2 li a, ul#mainNav2 li a:visited { padding:3px 3px 3px 23px; }
ul#mainNav3 li a, ul#mainNav3 li a:visited { padding:3px 3px 3px 31px; }


ul#mainNav1 li a:hover,
ul#mainNav2 li a:hover,
ul#mainNav3 li a:hover
{
	background:#EEE;
	color:black;
}

div#navigation ul#mainNav1 li a.current,
div#navigation ul#mainNav2 li a.current,
div#navigation ul#mainNav3 li a.current
{ 
	background:#EEE;
	color:black;
	font-weight:bold;
}