/*
-----------------------------------------------
4myEar - Screenstyles
Author:   Nils Bluhm
Version:  26. Juli 2006
----------------------------------------------- */

.body {
	text-align:center;
	margin:0 auto;
	padding:0;
	color:#666666;
}

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

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


/*div.hr { border-top:1px solid #CCC;}*/
img#pic
{
	position:absolute;
	left:50%;
	margin-left:300px;
}

div#logocontainer
{
	width:850px;
	height:110px;
	position:relative;
	margin:0 auto;
	padding:0;
	text-align:left;
}

div#logocontainer div.n
{
	padding:0;
}

div#logocontainer h1#logo
{
	position:absolute;
	top:0px;
	right:700px;
	margin:0;
	padding:0;
	height:200px;
}

div#logocontainer h1#logo a
{
	display:block;
	width:150px;
}


h1#logo span
{
	display: none;
}

div#header
{
	float:left;
	position:relative;
	margin:0 auto;
	padding:0;
	width:100%;
	text-align:center;
	background: #F6F6F6 url(http://www.4myear.de/img/bottom_line.gif) repeat-x bottom left;
}

div#navigation
{
	margin:0 auto;
	padding:0;
	width:850px;
 	text-align:center;
}

.container
{
	margin:0 auto;
	padding:0;
	width:850px;
	text-align:center;
}

div#sidebar
{
	float:left;
	margin:0;
	padding:35px 25px 25px 0;
	width:150px;
	text-align:left;
}

div#content
{
	float:left;
	margin:0;
	padding:25px 25px 10px 25px;
	width:600px;
	text-align:left;
}

div#bottom
{
	float:left;
	margin:0 0 25px 0;
	padding:0 0 25px 0;
	height:250px;
	width:100%;
	background-color:#F6F6F6;
	border-top:1px solid #D2D2D2;
	border-bottom:1px solid #D2D2D2;
}

.container #col1
{
	float:left;
	margin:0;
	padding:25px 0 0 0;
	width:100px;
	text-align:left;
}
.container #col2
{
	float:left;
	margin:0;
	padding:25px 0 0 0;
	width:200px;
	text-align:left;
}
.container #col3
{
	float:left;
	margin:0;
	padding:25px 0 0 0;
	width:550px;
	text-align:left;
	background: url(http://www.4myear.de/img/ohr.gif) no-repeat 350px 10px;	
}

div#col1 img
{
	padding:2px;
	background-color:white;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}

div#footer
{
	clear:both;
	width:650px;
	margin:0 auto;
	padding:0 0 20px 205px;
}


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

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
{
	display:block;
	list-style:none;
	margin:0;
	padding:0;
}

ul#mainNav1 li
{
	display:inline;
}

ul#mainNav1 li a,
ul#mainNav1 li a:link,
ul#mainNav1 li a:visited,
ul#mainNav1 li a:active
{
	float:left;
	margin:0 2px 0 2px;
	padding:6px;
	color:#666666;
	text-decoration:none;
	display:block;
	border:1px solid #D2D2D2;
	border-bottom:0;
	background: url(http://www.4myear.de/img/navi_bg_off.png) repeat-x top left;
}
ul#mainNav1 li a:hover,
ul#mainNav1 li a.current
{
	color:black;
	background: white url(http://www.4myear.de/img/navi_bg_on.png) repeat-x top left !important;
}


/*  MainNav Level 2
----------------------------------------------- */

ul#mainNav2
{
	display:block;
	list-style:none;
	margin:0;
	padding:0 0 10px 0;
}

ul#mainNav2 li
{
	display:inline;
}

ul#mainNav2 li a,
ul#mainNav2 li a:link,
ul#mainNav2 li a:visited,
ul#mainNav2 li a:active
{
	margin:0 0 10px 0;
	padding:4px 0 4px 6px;
	display:block;
	color:#333;
	text-decoration:none;
	border-bottom:1px solid #ccc;
}
ul#mainNav2 li a:hover,
ul#mainNav2 li a.current
{
	color:black;
	background-color:#F6F6F6;
}


/*  MainNav Level 3
----------------------------------------------- */

ul#mainNav3
{
	display:block;
	list-style:none;
	margin:0;
	padding:0;
}

ul#mainNav3 li
{
	display:inline;
}

ul#mainNav3 li a,
ul#mainNav3 li a:link,
ul#mainNav3 li a:visited,
ul#mainNav3 li a:active
{
	margin:0;
	padding:0 0 0 16px;
	display:block;
	color:#333;
	text-decoration::none;
}
ul#mainNav3 li a:hover,
ul#mainNav3 li a.current
{
	color:black;
	text-decoration:underline;
}

ul#language {
list-style:none;
margin:15px 0 15px 5px;
padding:0;
}

ul#language li {
margin:0 0 8px 0;
padding:0 0 0 20px;
}

ul#language li.en {
background:url('http://www.4myear.de/img/gb.png') 0 3px no-repeat;
}

ul#language li.de {
background:url('http://www.4myear.de/img/de.png') 0 3px no-repeat;
}