/*-----------------------------------------------------------------------------
Layout Stylesheet

media:    screen
version:  1.14
date:     04/16/09
author:   Thomas Heinig
-----------------------------------------------------------------------------*/

/* Remove padding and margin + basic resetting
-----------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:101%;
  vertical-align:baseline;
  background:transparent;
  font-size:99%;
}
blockquote,q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none}:focus{ outline:0; }
ins{ text-decoration:none; }
del{ text-decoration:line-through; }
table{ border-collapse:collapse; border-spacing:0; }

/* Layout
-----------------------------------------------------------------------------*/
body {
  width:100%;
  height:100%;
  padding:0;
  margin:0;
  background:url(../gui/background.jpg);
}

#backgroundmain{margin:0; width:100%; height:759px; background:url(../gui/backgroundmain.jpg) repeat-x; position:absolute;}

#background{margin:auto; width:100%; background:url(../gui/bg_line.gif) no-repeat center 300px; position:relative;}

#navigation {
  width:960px;
  height:24px;
  margin:0 auto;
  padding-top:0;
  border-left:1px solid #171A1D;
  border-right:1px solid #171A1D;
  background:#010101;
}

#header1 {
  width:100%;
  height:200px;
}

#header1 #head1 {
  width:960px;
  margin:0 auto;
  padding-top:0;
  border-left:1px solid #171A1D;
  border-right:1px solid #171A1D;
}

#head1 ul { 
  list-style-type:none;
}

#head1 li span {
  visibility:hidden;
} 

#head1 li {
  float:right;
  display:block;
  padding:2px 26px 2px 0;
  color:#2D2019;
  background-color:#BCB4A7;
  height:5px;
}

#footer {
  width:100%;
  height:350px;
  background:#2D2019 url(../gui/background_footer.jpg) repeat-x top;
  margin-top:0;
}

#footer #footer1 {
  width:950px;
  margin:0 auto;
  padding-top:35px;
}

#footer1 ul { 
  list-style-type:none;
  margin:0;padding:0;
}

#footer1 li span {
  visibility:hidden;
} 

#footer1 li {
  float:left;
  display:block;
  padding:2px 26px 2px 0;
  color:#2D2019;
  background-color:#BCB4A7;
  height:5px;
}

#container {
  width:960px;
  height:100%;
  padding:0;
  margin:0 auto;
  background:#fff url(../gui/pergament.jpg) top left;
  border:1px solid #171A1D;
}

/*generic css for all elements*/
img {
	display:inline; /*old: block - needed to avoid alignment with baseline of text*/
}

.line {
	float:left;
	width:100%;
	display:block;
	position:relative; /*prevents shifting when changing viewport in IE;thanks to Alan Gresley*/
}

.item {
	position:relative;
	float:left;
	overflow:hidden;
	left:100%;
	padding:0;
  background:transparent; 
}

.content {
	overflow:hidden;
	padding:0;
	margin:0;
}

/*item specific css*/
#head {
	margin:8px 0 1px 0;
}

#line1 {
	margin:5px 0 10px 0;
}

#line2 {
	margin:5px 0 10px 0;
}

#line3 {
	margin:5px 0 10px 0;
}

#linemain {
	margin:5px 0 10px 0;
}

#container #head3 {
	margin-left:-100%;
	width:100%;
	padding:0px 30px 10px 30px;
}

.main {
	margin-left:-97%;
	width:94%;

	/* background:#9f9; */
}

.item1 {
	margin-left:-97%;
	width:22%;

	/* background:blue; */
}

.item2 {
	margin-left:-73%;
	width:22%;

	/* background:red; */
}

.item3 {
	margin-left:-49%;
	width:22%;
	
	/* background:green; */
}

.item4 {
	margin-left:-97%;
	width:35%;

	/* background:red; */
}

.item5 {
	margin-left:-60%;
	width:35%;
	
	/* background:green; */
}

.item6 {
	margin-left:-97%;
	width:72%;

	/* background:#9f9; */
}

.item8 {
	margin-left:-23%;
	width:20%;

	/* background:yellow; */
}

#closure {}


/*  Gallery
-----------------------------------------------------------------------------*/
.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	margin: 0; 
	padding: 0;
	float: left;
	position: relative;
	width: 220px;
	height: 165px;
}
.gallery a {
	text-decoration: none;	
}
.gallery img {
	margin:2px 0 0 2px;
  padding: 2px;
  border:1px solid #BCAEAD;
	background-color:white;
}
.gallery span {
	width: 215px;
	background: url(../gui/border.png) no-repeat;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top: 160px;
}



/* other css
-----------------------------------------------------------------------------*/
.clear { 
  overflow:hidden;
  width:100%;
  clear:both;
}

.hidden {
  display:none;
  visibility:hidden;
}


table.rezi { width:680px; margin-top:15px; font-size:13px; }
table.rezi th { background-color:#638159; color:#ECEBE6; }
table.rezi th.index { background-color:#849875; text-align:left; font-size:12px; }
table.rezi td.zebra1 { background:transparent; } 
table.rezi td.zebra-1 { background:transparent; }
table.rezi td.titel { }
table.rezi td.extra { border-bottom:1px dotted #444; padding-top:4px; }
.inlineobj { display:inline; }



#Navleiste{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

#Navleiste ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#Navleiste li{
display: inline;
margin: 0;
}

#Navleiste li a, #Navleiste li span{
float: left;
display: block;
text-decoration: none;
letter-spacing:1px;
font-weight:bold;
margin: 0;
padding: 2px 20px; /*padding inside each tab*/
border-right: 1px solid #41352C; /*right divider between tabs*/
color: white;
background-color: #010101; /*background of tabs (default state) #010101 */
}

#Navleiste li a:visited{
color: white;
}

#Navleiste li a:hover{
background-color: #535B60; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

#Navleiste li.active span{
color:#97A0A4;
}

.rezianzahl {
  margin-top:15px;
}

.mod_Rezensionen {
  margin-top:15px;
}

#rezicover {
  float:right;
  margin-left:20px;
  margin-top:20px;
  margin-right:10px;
}

#rezicover img {
  padding: 2px;
  border:1px solid #BCAEAD;
	background-color:white;  
}

.mod_article {
  margin-bottom:35px;
}