/*
CSS www.gus.ch
Version: 1.0
Author: Marcel Piller
*/


/*Universal Selektor*/
*{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;	
}
html, body {
	height: 100%;
	}
	
body {
	background-color: #FFFFFF;
	background-image: url(../bilder-design/hintergrund-startseite.gif);
	background-repeat: repeat-x;
	background-position: top center;

}

#wrapper {
	width: 1000px;
	margin: 0px auto;
	/*background-image: url(../bilder-design/schatten-eventmanagement.gif);*/
	background-repeat: repeat-y;
	background-position: center top;
	min-height: 100%;
  	height:auto !important; /* moderne Browser */
  	height:100%; /* IE */
}

#head, #footer, #content {
	padding: 0px 5px;
}

/*HEAD Bereich*/
#head{
	background-image: url(../bilder-design/hintergrund-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#masterlinks {
	width: 938px;
	/*margin: 0px 0px 0px 638px;*/
	text-align: right;
	font-size: 12px;
	color: #888888;
	background-color: #F4F4F4;	
}
#banner {
	padding: 4px 0px 0px 0px;
}

/*NAVIGATION*/
#navigation {
	background-image: url(../bilder-design/hintergrund-navigation.gif);
	background-repeat: repeat-x;
	height: 62px;
}

#navigation ul {
	padding: 20px 5px;
	list-style-type: none;
}
#navigation li {
	float: left;
	margin: 0px 20px 0px 0px;
}
#navigation a, #navigation ul li a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #666666;
	font-size: 18px;
	display: block;
}

#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li.aktiv a{
	color: #FF0000 !important;
}



/*SUBNAVIGATION*/
#subnavigation {
	height: 30px;
}

#subnavigation ul {
	padding: 5px 5px;
	list-style-type: none;
}
#subnavigation li {
	float: left;
	margin: 0px 20px 0px 0px;
}
#subnavigation a, #subnavigation ul li a:visited {
	text-decoration: none;
	color: #666666;
	font-size: 14px;
	display: block;
}

#subnavigation ul li a:hover, #subnavigation ul li a:active, #subnavigation ul li.subnav-aktiv a{
	color: #FF0000 !important;
}

/*CONTENT*/
#content {
	padding-left: 9px;
}

#inhalt {
	width: 700px;
	float: left;
	background-image: url(../bilder-design/contentabtrennung.gif);
	background-repeat: repeat-y;
	background-position: right;
	padding-left: 5px;
}
.inhaltselement {
	background-image: url(../bilder-design/bullet-rot.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px 15px 0px 60px;
	margin: 0px 0px 10px 0px;
}

/*SIDEBAR*/
#sidebar {
	margin: 0px 0px 0px 720px;
	width: 200px;
}


/*FOOTER*/

#footer {
	font-size: 11px;
	color: #AAAAAA;
	background-image: url(../bilder-design/hintergrund-down.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 930px;
	padding-bottom: 15px;
	padding-left: 11px;
	padding-top: 5px;
	clear: left;
	margin: 0px 0px 0px 0px;
	height: 20px;
}
#footer a {
	font-size: 11px;
}

/*STYLES*/
h1 {
	font-size: 18px;
	color: #666666;
	margin: 0px 0px 50px 0px;
}
h2 {
	font-size: 16px;
	color: #B6B4B4;
	margin: 0px 0px 5px 0px;
}
.newsletter-box {
	background-color: #F9F9F9;
	padding: 10px;
}
.sidebar-titel {
	font-size: 15px;
	color: #999999;
	font-weight: bold;
}
.sidebar-untertitel {
	font-size: 13px;
	color: #C0C0C0;
	font-weight: bold;
}

/*LINKS*/
a, a:link, a:visited {
	text-decoration: none;
	color: #888888;
}
a:hover, a:active {
	color: #000000;
}