/*
-----------------------------------------------
Emmapp Screen Styles
Author:   Fridtjof Detzner
Version:  5 Juli 2005

----------------------------------------------- */

/* 
* Abweichende Body Definitionen
*/


.body {	
	background-image: url(http://www.emmapp.de/en/img/content-bg.jpg);
	background-repeat: repeat-y;
	background-position:20px 0;
}

a:link
{
	text-decoration: underline;
	color:#09c;
}


a:visited
{
	text-decoration: underline;
	color:#07a;
}

a:hover,
a:active
{
	text-decoration: none;
	background-color:#eee;
}

div.hr { border-top:1px solid #CCC;}
H1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#0080AF;
}

H2 {
	color:#0080AF;
}

H3 {
	color:#0080AF;
}



li {
	line-height:180%;
}


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


#header {
	margin:0;
	padding:0;
}

div#logo { 
	background:url(http://www.emmapp.de/en/img/logo.jpg) repeat-x top left;
	width:207px;
	height:178px;
	float:left;}

div#emotion{ 
	background: url(http://www.emmapp.de/en/img/emotion.jpg) no-repeat top left;
	width:800px;
	height:157px;
	float:left;}


#content {
	position:absolute;
	top:175px;
	left:220px;
	width:700px;
	margin:0;
	padding:0;
}

#menu {
	position:absolute;
	top:120px;
	left:0px;
	width:200px;
}


div#menu .gutter
{
	padding:20px 5px 5px 15px;
}

.kontakttext {
	font-size:11px;
	padding-left:12px;
}
.kontakttext * {
	font-size:11px;
}








/*  Newsletter
----------------------------------------------- */

#newsRahmen {
	padding-left:5px;
}
.newsletterInput {
	width:120px;
}




/*  Navi
----------------------------------------------- */

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


ul.mainNav1
{
	width:186px;
	margin-top:65px;
}



ul.mainNav1 li,
ul.mainNav2 li,
ul.mainNav3 li
{
	display: inline;
	margin: 0;	
	padding: 0;
	line-height:140%;
}




ul.mainNav1 li a,
ul.mainNav1 li a:visited
{
	display: block;
	border-bottom:1px solid #666;
	font-size: 12px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#666;
}


ul.mainNav2 li a,
ul.mainNav2 li a:visited,
ul.mainNav3 li a,
ul.mainNav3 li a:visited
{
	display: block;
	border-bottom:1px solid #666;	
	font-size: 12px;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#666;	
}


ul.mainNav1 li a, ul.mainNav1 li a:visited { padding:5px 0 5px 18px; }
ul.mainNav2 li a, ul.mainNav2 li a:visited { padding:5px 0 5px 25px; }
ul.mainNav3 li a, ul.mainNav3 li a:visited { padding:5px 0 5px 32px; }



ul.mainNav1 li a:hover,
ul.mainNav2 li a:hover,
ul.mainNav3 li a:hover
{
	color: #0080AF;
}


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