@charset "UTF-8";
/* 
* * * * * design, production and code by marc rinderknecht, zürich
* * * * * kobebeef.ch
* * * * * © 2007
*/

html, body {
	height: 100%;
	text-align: left;
	margin: 0;
	padding: 0;
	background: #888 url(bg_main0.gif) repeat-y center;
}
#wrapper {
	position: absolute;
	width: 790px;
	left: 50%;
	margin-left: -397px;
	text-align: left;
}

/* * * * * START: HEADER * * * * */
#header {
	height: 290px;

	background: #FFF;
}
/* * * * * END: HEADER * * * * */


#logo {
	width: 777px;
	padding: 15px 0 15px 10px;
	background: #FFF;
}


/* * * * * START: NAVIGATION * * * * */
#navigation {
	width: 160px;
	padding: 0 0 62px 0;
	float: left;
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;padding-right:1px;

	
}
#navigation ul {
	width: 160px;
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 0;
}
#navigation ul li  {
	background: url(bg_navel.gif) bottom repeat-x;
	list-style-type: none;
}
#navigation ul li a {
	display: block;
	padding: 5px 11px 5px 0;	
	color: #222;
	text-decoration: none;
	
}
#navigation ul li a:hover {
	background: #FFF url(bg_navel.gif) bottom repeat-x;
}
#navigation ul li a.active {
	background: #FFF url(bg_navel.gif) bottom repeat-x;
	color: #E83F0B;
	text-align:left;
}
#navigation ul li ul li a {
	padding: 3px 11px 3px 0;
	background: #FFF;
}
#navigation ul li ul li a:hover {
	background: #EDEDED;
}
#navigation ul li ul li a.active {
	color: #E83F0B;
	background: #FFF;
	text-align:left;
}
#navigation ul li ul li.last a {
	background: #FFF url(bg_navel.gif) bottom repeat-x;
	border-bottom: none;
}
#navigation ul li ul li.last a:hover {
	background: #EDEDED url(bg_navel.gif) bottom repeat-x;
	border-bottom: none;
}
#navigation ul li ul li.last a.active {
	background: #EDEDED url(bg_navel.gif) bottom repeat-x;
	border-bottom: none;
	text-align:left;
}
/* * * * * END: NAVIGATION * * * * */


/* * * * * START: CONTENT * * * * */
#contentwrap {

}

#content {			
	
	padding-right: 43px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 43px;

	background: #FFF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 18px;

}

td,p,font {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#content h1 {
	font-size: 18px;
	font-weight: normal;	  w
	letter-spacing: 1px;
	color: #666666;
	margin-top: 0;
}
#content h2 {
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #666666;
	margin: 0;
}
#content h3 {
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #666666;
	margin: 0;
}
#content p {
	margin-top: 0;
}



#content a {
	color: #666;
}
#content a:hover {
	color: #888;
}
#content ul {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: inside;
}
#content ol {
	margin: 0 0 20px 0;
	padding: 0;	
	list-style: decimal inside;
}
#content ol li {
	margin: 0 0 10px 0;
}
#content .listing td {
	vertical-align: top;
	padding: 10px 0 10px 0;
	border-bottom: 1px dotted #888;
}
#content .dia {
	border: 1px solid #d8d8d8;
	padding: 1px;
	width: 97px;
	height: 97px;
	margin: 0 0 20px 0;
}
#content .widedia {
	border: 1px solid #d8d8d8;
	padding: 1px;
	width: 274px;
	height: 130px;
	text-align: center;
	margin: 0 0 20px 0;
}
.toppicture
{
background:#fff;
margin-left:-1px;
}
/* * * * * END: CONTENT * * * * */