/**********************************************************************************
 Dateiname:     layout.css
 Copyright:     Flydesign.ch 2008
 LastUpdate:    08.12.2008
 Version:       1.000
 Author:        Simon Duss
 **********************************************************************************
 Beschreibung:	CSS Layout fuer den STV-SEmpach
 **********************************************************************************/
@import url("content.css");
/*= Allgemeine Klassen */
*{
	margin:0px;
	padding:0px;
	line-height: 1.2em;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html .clearfix {height: 1%;}
.skiplink a {
	position: absolute;
	top: -100px;
	left: 0px;
	padding: 0px 5px;
	background: #CCCCCC;
	color:#000;
	border:1px solid #691515;
	z-index: 100;
	outline:none;
}

.skiplink a[href="#content"]:focus {
	top: 0px;
}

.skiplink a[href="#submenu"]:focus {
	top:2em;
}

/*= Standardlayout */
html{
  width:100%;
}

body{
  margin:0px auto;
  background: #1a1a1a url("../images/layout/bg.png");	
	font: normal 12px/16px verdana, arial, helvetica, sans-serif;
}

div#header{
	width:100%;
	height:317px;
	background: url(../images/layout/header.png) no-repeat center center;
}

div#header span{
	display:block;
	text-indent:-9999em;
}

div#subheader{
	position:relative;
	width:925px;
	height:100%;
	margin:0px auto;
}

/*= Menu */
ul#menu{
	position:absolute;
  top:251px;
	list-style-type:none;
}
ul#menu li{
	float:left;
	height:14px;
	padding-top:10px;
	padding-bottom:10px;
	margin:0px 6px;
	background:url("../images/layout/menu_inactive.png") right top;
}

ul#menu li a{
	height:34px;
	padding-top:10px;
	padding-left:1.2em;
	padding-bottom:10px;
	margin-right:1.2em;
	background:url("../images/layout/menu_inactive.png") left top;
	font-weight:bold;
	color:#6f1818;
	text-decoration:none;
}

ul#menu li:hover, ul#menu li.active{
	background-image:url("../images/layout/menu_active.png");
}

ul#menu li:hover a, ul#menu li.active a{
	background-image:url("../images/layout/menu_active.png");
}

/*= Breadcrumb */
ul#breadcrumb{
	position:absolute;
	right:0px;
  bottom:8px;
	height:16px;
	float:left;
	list-style-type:none;
}

ul#breadcrumb li:first-child, ul#breadcrumb li.first{
	padding-right:5px;
}

ul#breadcrumb li{
	float:left;
}

ul#breadcrumb li.home{
	display:block;
	width:22px;
	background:url(../images/layout/home.png) right center no-repeat;
}

ul#breadcrumb li a{
	display:block;	
	background:url(../images/layout/breadcrumb.png) 7px 0px no-repeat;
	text-indent:20px;
	font-size:12px;
	color:#d1a5a5;
	text-decoration:none;
}

ul#breadcrumb li a:hover, ul#breadcrumb li:last-child a, ul#breadcrumb li.last a{
	background-position:7px -16px;
	font-weight:bold;
	color:#6f1818;
}

ul#breadcrumb li.home a, ul#breadcrumb li.home a:hover{
	text-indent:-9999em;
	background-image:none;
}

/*= Wrapper */
div#outer_wrapper{
	background:#1a1a1a url(../images/layout/bg_content.png) repeat-y center top;
}

div#wrapper{
	width:913px;
	margin:0px auto;
}
/*= Content */
div#content{
	position:relative;
	top:-20px;
	width: 670px;
	min-height:150px;
	float:left;
	z-index:10;
	padding-top: 15px;
}

div#wrapper h2{
	position:relative;
	top:-26px;
	width: 670px;
	font-size:14px;
	color:#691515;
}

/*= Submenu */
ul#submenu{
	width:200px;
	padding-left:30px;
	float:right;
	list-style-type:none;
}

ul#submenu li a{
	padding-left:17px;
	background:url(../images/layout/submenu_point.png) 0px -16px no-repeat;
	font-size:11px;
	font-weight:bold;
	color:#6f1818;
	text-decoration:none;
}

ul#submenu li a:hover, ul#submenu li a.active{
	background-position:0px 0px;
	color:#d1a5a5;
}

/*= Menu Links */
ul#menu_links{
	width:200px;
	margin-top:60px;
	padding-left:30px;
	float:right;
	list-style-type:none;	
}

ul#menu_links li{
  padding-bottom:15px;
	text-align:center;
}

ul#menu_links a img{
	border:none;
}

/*= Footer */
p#footer{
	height:184px;
	margin-top:-133px;
	background: url(../images/layout/footer.png) no-repeat center center;	
}

p#footer a{
  position:relative;
	top:133px;
	display:block;
	height:51px;
	width:950px;	
	margin:0px auto;
}

p#footer span{
	display:block;
	text-indent:-9999em;
}

/*
div#content h2{
  font: bold 13px/22px verdana, arial, helvetica, sans-serif;
  color:#ff7b00;
  text-decoration:underline;
}
div#content p{
  margin-bottom:10px;
}
div#content a{
  color:#ff7b00;
  text-decoration:none;
  border-bottom:1px dotted #ff7b00;
}
div#content a:visited{
  color:#949494;
  border-color:#949494;
}*/