/*
THEME NAME: medienstadt
THEME URI: 
DESCRIPTION: kategoriebasiertes Farbkonzept, auf Sandbox Basis
TAGS: widgets, sandbox, microformats, hcard, hatom, xoxo, hcalendar
VERSION: 1.0
AUTHOR: <a href="">Carsten Bach</a> &amp; <a href="">zwei</a>
AUTHOR URI:
*/

*.hidden{position:absolute;left:-5000px;top:-50000px;width:904px;height:0px;overflow:hidden;display:inline;}

/****************************************************************************************************      LAYOUT   ****************/
body{
  background:#fff url(images/beton_bg.jpg) top left repeat;
}

div#header{
  background:transparent url(images/head.gif) top center no-repeat;
  height:334px; 
  text-align:center;
  margin-bottom:15px;
}

div.sidebar {
	width: 35em;	
	position:relative;
	left:50%;
	margin-left:130px;	
}

div#container {
	position:relative;
	left:50%;
	margin-left:-480px;
	width:582px;
	float: left;
  margin-bottom:50px;	
}

div#footer {
	clear: both;
	width: 100%;
}


/****************************************************************************************************      NAVI   ****************/

div#header h1{
  background:transparent url(images/title_bg.png) bottom left repeat-x;
  height:100%; 
  overflow:hidden;
}

div#header h1 a{
  background:transparent url(images/title.png) bottom left no-repeat;
  display:block;
  position:relative;
  height:100%;
  left:50%;
	margin-left:-480px;
	width:815px;
}

div#header h1 a:hover,
div#header h1 a:active,
div#header h1 a:focus{
  background-position:bottom right;
}

div.skip-link,
div.skip-link ul,
div.skip-link ul li{
width:100%;
}

div.skip-link ul li a:link,
div.skip-link ul li a:visited,
div.skip-link ul li a:hover,
div.skip-link ul li a:active{
  position:absolute;left:-5000px;top:-50000px;width:904px;height:0px;overflow:hidden;display:inline;    /** class hidden **/
}

div.skip-link ul li a:focus{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  text-align:center;
  display:block;
  background-color:#444;
  color:#fff;
  padding:10px;
  font-size:1.6em;
  height:1em;
  margin-top:-10px;
  text-decoration:none;
  font-weight:700;
}

div#menu{
  background:transparent url(images/menu.png) top left repeat-x;
  overflow:hidden;
}

div#menu ul{
  margin-left:-480px;
  position:relative;
  left:50%;
}

div#menu ul li{
  background:transparent url(images/menu_ul.png) top left repeat-x;
  list-style:none;
  float:left;
}

div#menu a{
  font-size:3.6em;
  color:#444444;
  text-decoration:none;
  padding:4px 39px;
  display:block;
  border-right:4px solid #444444;
}

div#menu ul li:first-child a{
  border-left:4px solid #444444;
}