body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	min-height: 100%;
	background: #1d1d1d;
	font-family: "Bitstream Vera Sans", Helvetica, Verdana, Arial, sans-serif;
}

a, a:visited {
        text-decoration:none;
}


#colls {
	position: relative;
	margin-right:auto;
	margin-left:auto;
  top: 30px;
	width: 1000px;
	background: url('../../images/templ/black/colls-bg.png') repeat-y;
	height: auto;
}

#header {
	position:relative;
  height: 241px;
	width: 1000px;
	background: url('../../images/templ/black/header.png');
	margin: 0 0 -92px 0;
}


#header h1 {
  position:absolute;
  top: 68px;
  left: 118px;
	margin: 0;
}

#header h1 a {
  display: block;
	width: 256px;
	height: 65px;
	background: url('../../images/templ/black/logo.png') no-repeat;
}

#login {
	position: absolute;
	top: 0;
	right: 20px;
	font-size: x-small;
  text-align:center;
  height: 2em;
  line-height: 2em;
  min-width: 50px;
  padding: 2px;
  -moz-border-radius: 5px;
  opacity: 0;
}
#login, #login a {
  color: #1d1d1d;
}

#login:hover, #login:hover a {
  background-color: #333;
  color: #666;
  opacity: 1;
}
#login a:hover {
	font-style: italic;
}
#login .text {
	font-size: 12px;
	height: 15px;
	width: 96px;
	padding: 0 2px 0 2px;	
	border: 1px solid black;
  background-color: #222;
  color: #666;
	overflow: hidden;
	float: left; 
	display: block;
	margin-right: 2px;
  -moz-border-radius: 3px;
}

#menu {
  position: absolute;
  top: 90px;
  left: 528px;
}
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	float: left;
	margin: 0;
}

#menu a {
	display: block;
  height: 59px;
	text-indent:-9999px;
}

#menu-blog    { width: 110px; background: url('../../images/templ/black/menu.png')    0px 0px no-repeat; }
#menu-gallery { width: 128px; background: url('../../images/templ/black/menu.png') -110px 0px no-repeat; }
#menu-work    { width: 107px; background: url('../../images/templ/black/menu.png') -238px 0px no-repeat; }
#menu-me      { width: 72px;  background: url('../../images/templ/black/menu.png') -345px 0px no-repeat; }
#menu-links   { width: 0px; }
#menu-kontakt { width: 0px; }

#menu-blog:hover   , .current #menu-blog    { background: url('../../images/templ/black/menu.png')    0px -60px no-repeat; }
#menu-gallery:hover, .current #menu-gallery { background: url('../../images/templ/black/menu.png') -110px -60px no-repeat; }
#menu-work:hover   , .current #menu-work    { background: url('../../images/templ/black/menu.png') -238px -60px no-repeat; }
#menu-me:hover     , .current #menu-me      { background: url('../../images/templ/black/menu.png') -345px -60px no-repeat; }



.content {
	position: relative;
	float:left;
	width: 690px;
	padding: 0px;
	margin-left: 55px;
}

#location {
  margin: 0 0 0 0.5em;
}

#location, #location a {
  font-family: "Georgia", "Times New Roman", serif;
  font-weight: bold;
  font-style: normal;
  color: black;
	font-size: small;
}

#location a:hover {
  font-style: italic;
}

#navbar {
	position: relative;
  top: 0px;
	right: 24px;
	width: 230px;
	float: right;
	min-height: 210px;
  margin-bottom: 90px;
  font-size: small;
}

#navlist {
	position: relative;
	margin-right:auto;
	margin-left:auto;
	top: 0px;
  width: 100%;
	overflow: visible;
  font-family: "Georgia", "Times New Roman", serif;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#navlist h1 {
  position: absolute;
  top: 0;
  left: 51px;
  width: 148px;
  height: 58px;
  margin: 0;
  padding: 0;
  line-height: 58px;
	font-size: 2em;
	font-weight:  bold;
  font-family: "Georgia", "Times New Roman", serif;
	/*display:block;*/
	text-align: center;
	vertical-align: middle;
}

#navlist-h1-blog {
	text-indent:-9999px;
	background: url('../../images/templ/black/navlist-h1-blog.png') no-repeat;
}

#navlist-h1-gallery {
	text-indent:-9999px;
	background: url('../../images/templ/black/navlist-h1-gallery.png') no-repeat;
}

#navlist-h1-me {
	text-indent:-9999px;
	background: url('../../images/templ/black/navlist-h1-me.png') no-repeat;
}

#navlist-h1-work {
	text-indent:-9999px;
	background: url('../../images/templ/black/navlist-h1-work.png') no-repeat;
}

#navlist-h1-bilder {
	text-indent:-9999px;
	background: url('../../images/templ/black/navlist-h1-bilder.png') no-repeat;
}

#navlist a       { color: #282828; font-weight: normal;	 }
#navlist a:hover { color: black;  font-style: italic; }

#navlist div {
  position: relative;
  top: 92px;
  width: 230px;
  padding-left: 30px;
	background: url('../../images/templ/black/navlist-bg.png') repeat-y;
  clear: both;
}

#navlist div:after {
  display: block;
  margin-left: -30px;
  width: 230px;
  height: 190px;
	content: url('../../images/templ/black/navlist-footer.png');
  clear: both;
}

#navlist ul {
  list-style: none;	
	margin: 0px 0px 3px 20px; 
	padding: 0;
}

#navlist .small {
	font-size: 0.8em;
	color: #999;
	font-family: "Bitstream Vera Sans", Helvetica, Verdana, Arial, sans-serif;
}



#footer {
	position:relative;
	left: 0;
	clear: both;
	width: 1000px;
	height: 80px;
	margin-top: 3px;
	line-height: 60px;
	background: url('../../images/templ/black/footer.png') no-repeat;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	font-size: 0.8em;
	color: #333;
  text-indent: -9999px;
}
#footer:hover {
  text-indent: 0;
}
	
#footer a, #footer a:visited {	
	color: #333;
	font-weight: normal;
}
#footer a:hover {
	color: black;
	font-style: italic;
}
	
#takeback {
	position:absolute; 
	right:75px; 
	margin-top:4em;
	width: 125px;	
	bottom: 80px;
}

#takeback a {
	display: block;
	height: 50px;
	background: url('../../images/templ/black/takebacktheweb_small.png') no-repeat;
}

.hideText {
	  font-size:1px;
	  text-indent:-9999px;
}

.clearfl {
	clear: both;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.rsslink {
  display: block;
  width: 36px;
  height: 14px;
  text-indent: -9999px;
	background: url('../../images/templ/black/rssicon.png') no-repeat;
}