/* ------------------------- RESET ------------------------- */

body, html, h1, h2, h3, h4, h5, h6, p, ul, li, ol, img { margin:0; padding:0; border:0; }

body {background:url(bg.gif) top no-repeat;}

ul, li, ol { list-style:none; }

:focus { outline:none; }

/* ------------------------- UTILITIES ------------------------- */

.clear { clear:both; }

.floatLeft { float:left; }

.floatRight { float:right; }

/* ------------------------- LAYOUT/TYPO ------------------------- */

body {font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:18px;}

#wrapper {width:960px; margin:0 auto; position:relative;}

h2 {background:#b1b3b4; width:160px; padding:3px 10px; color:#fff; font-size:12px; margin:0 0 3px 0;}

/* ------------------------- HEADER ------------------------- */

#header {height:80px;}

h1#espaceSOLOTHURN {no-repeat; width:350px; height:50px; text-indent:-9999px; margin:10px 0 0 0;}

#slider {position:absolute; right:0; top:5px; border-bottom:#b1b3b4 1px dotted; border-top:#b1b3b4 1px dotted; width:180px; margin:0; padding:5px 0; height:45px;}

#slider a img {height:45px; margin:5px 0 0 0;}

/* ------------------------- CONTENT ------------------------- */

#content {height:375px;}

/* MAIN */

#main {width:780px; margin:0; float:left;}

.sparte ul {display: none;}

.sparte:hover ul {display: block;}

.sparte {width:180px; margin:0 15px 0 0; float:left; min-height:168px}

.sparte.last {margin:0;}

.sparte img {margin:0 0 3px 0; border: 1px solid #999}

.sparte ul li {border-bottom:#979a9c 1px dotted; background:url(images/bullet.png) no-repeat; padding:0 0 0 10px; }

.sparte ul li a {color:#979a9c; text-decoration:none; padding:0 0 0 5px; display:block; line-height:18px;}

.sparte ul li a:hover {color:#000;}

.sparte ul li a:visited {color:#333;}

div.sparte div.bannerbox-footer a img {
	margin:0 0 4px 0;}
.lastbanner-right {margin: 26px 0 0 0;}	

/* SIDEBAR */

#sidebar {width:180px; float:left;}

#sidebar img {border: 1px solid #999; margin: 0 0 4px 0;}

/* ------------------------- Filme ------------------------- */

#darken {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
	z-index:199;
	background:black;
	opacity:.5;
	filter:Alpha(opacity=50); /* Transparency in IE */
}

.filme {
	position:absolute;
	top:50%;
	left:50%;
	width:852px;
	height:510px;
	margin-left:-426px;
	margin-top:-255px;
	border:#b1b3b4 10px solid;
	padding:10px;
	display:none;
	background:white;
	font-size:12px;
	color:black;
	z-index:200;
	-moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px;
}

.filme ul {margin:10px 0;}

.filme ul li {display:inline;}

.filme ul li a {color:#222; background:#b1b3b4; padding:3px; text-decoration:none;}

.filme ul li a.current {background:#a31033; color:#fff;}

.close {position:absolute; right:10px; bottom:10px; background:#a31033; color:#fff; padding:3px; display:inline; float:right; text-decoration:none;}

#unternehmensliste {width:765px; height:510px; margin-left:-372px; margin-top:-255px;}

#unternehmensliste div {float:left; width:180px; margin:0 15px 0 0;}

#unternehmensliste div.last {margin:0;}

#unternehmensliste div.clear {clear:both; height:0; width:0;}

#unternehmensliste h2 {margin:0 0 15px 0;}

#unternehmensliste h2.dienstleister {background:#b1b3b4; color:#fff; font-size:18px; width:745px; padding:10px;}