.body { text-align:center; background: #F6F6F6 url(http://www.unsere-hochzeitswebseite.de/s/img/bg.jpg) repeat-x top left; }


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

div#container
{
	width:990px;
	margin:0 auto; 
	text-align:left;
	padding:0px;
}


div#header {
	width:990px;
	height:201px;
	background:url(http://www.unsere-hochzeitswebseite.de/s/img/header.jpg) no-repeat;
	border:0px;
}

div#wrapper {
	background:url(http://www.unsere-hochzeitswebseite.de/s/img/content.jpg) repeat-y top left;
	width:990px;
	}
	
div#emotion {
	background:url(http://www.unsere-hochzeitswebseite.de/s/img/emotion.jpg) no-repeat; 
	width:603px;
	height:201px;
	float:left;
	padding:8px 0 8px 25px;
}

div#content
{
	width:550px;
	float:left;
}

div#wrapper .gutter {padding:0px 40px 0px 40px;}
div#content .gutter { padding: 10px; }
div#navigation .gutter {padding: 10px;}
div#footer .gutter {padding: 40px 50px 10px 50px;}

div#navigation {
width:250px;
float:right;

}

div#footer
{
	clear:both;
	background:url(http://www.unsere-hochzeitswebseite.de/s/img/footer.jpg) top left no-repeat;
	width:990px;
}


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

ul.mainNav1
{
	text-align: right;
	margin:0 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
{
	text-decoration: none;
	display: block;
	background-color:#E5E5E5;
	border: 1px solid white;
	color: #999;
	font-weight:bold;
}

ul.mainNav2 li a,
ul.mainNav2 li a:visited,
ul.mainNav3 li a,
ul.mainNav3 li a:visited
{
	text-decoration: none;
	display: block;
	background-color:#E5E5E5;
	border: 1px solid white;
	color: #999;
	font-weight: normal;
}


ul.mainNav1 li a, ul.mainNav1 li a:visited { padding:8px 9px 8px 40px; }
ul.mainNav2 li a, ul.mainNav2 li a:visited { padding:8px 25px 8px 40px; }
ul.mainNav3 li a, ul.mainNav3 li a:visited { padding:8px 35px 8px 40px; }


ul.mainNav1 li a:hover,
ul.mainNav2 li a:hover,
ul.mainNav3 li a:hover { 

border: 1px solid white;
font-weight:bold;
color:white;
background: url(http://www.unsere-hochzeitswebseite.de/s/img/hertz.jpg) center left no-repeat #C42D2D; }

ul.mainNav1 li a.current,
ul.mainNav2 li a.current,
ul.mainNav3 li a.current { 
border: 1px solid white;
font-weight:bold;
color:white;
background: url(http://www.unsere-hochzeitswebseite.de/s/img/hertz.jpg) center left no-repeat #C42D2D; }

/*
-----------------------------------------------
	Signup - Maske
-----------------------------------------------
*/

/*  Signup */
div#register
{

}

div#signup 
{

	float:left;
	width:230px;
	margin-top: 10px;
	padding: 10px;
	color:white;
	font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;

	background:#C42D2D;
    margin-right: 15px;
}

div#signup strong, div#signup span {	color:white; }
div#signup div#userdomain
{
	color:white;
	line-height:11px;
	padding-bottom:10px;
}

div#signup  #username,
div#signup #email
{
	width:99%;
	border:1px solid #666;
	background:white url(http://www.unsere-hochzeitswebseite.de/s/img/fieldbg.gif) repeat-x top;	

}

div#signup #email {margin-bottom:5px;}

div#signup  #username:focus,
div#signup #email:focus { border-color: #666; }