/** **********************************************************************
  * CSS für das Projekt 9mm ARR
  * Beinhaltet grafische Formatierungen und Positionierungen der div 
  * container aller Seitentypen, ausser Print.
  *
  * @CSS_Hack Tanteks Boxm modell hack. Schliesst IE<6 aus = voice-family: "\"}\"";voice-family:inherit;
  * @CSS_Hack Selektor hack. Schliesst IE bis 6 aus = html>body ELEMENT {}
  *
  * @author Sascha Nos <sascha.nos@web.de>
  * @version 1.0 - DD:MM:YYYY
  * 
  * @color
  */

/* Grundelemente ****************************************************** */
body{
	margin:0;
	padding:0;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:100.1%;
	text-align:left;
	color:#000;
	background:url("images/background.jpg") #000 repeat-y -20px 0;
}
table{	border-collapse:collapse;	}
td{
	padding:2px;
	/* IE 5 */
	font-size:70%;
	/* IE6 */
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size:100%;
}
html>body td{
	/* Mozilla */
	font-size:100%;
}
th{
	text-align:left;
	/* IE 5 */
	font-size:70%;
	/* IE6 */
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size:100%;
}
html>body th{
	/* Mozilla */
	font-size:100%;
}
p{}
div{}
img{
	border:none;
	font-family:Verdana,sans-serif;
}
h1{font-size:140%;}
h2{font-size:120%;}
h3,h4,h5,h6{font-size:100%;}

/* Formularemente ****************************************************** */
form{line-height:200%;}
form br{clear:both;}
hr{visibility:hidden;}
input,select{
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:100%;
}
textarea{
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:100%;
	width:150px;
	height:100px;
}
label,select{ 
	cursor:pointer;
} 
label.left{ 
	float:left; 
	width:150px; 
	text-align:right;
	margin-right:10px; 
} 
label.left_error{ 
	float:left; 
	width:150px; 
	text-align:right;
	margin-right:10px;
	color:#F00; 
} 
input.error{
	background:#FCC;
} 
/* Submit button */
input.right{ 
	margin-left:162px; 
}
/* CMS-Formatierungen ****************************************************** */  
/* Galerie ****************************************************** */  
.galerie{
	width:150px;
	height:150px;
	text-align:center;
	padding-top:20px;
	float:left;
	margin:0 5px 5px 0;
	
	voice-family: "\"}\"";voice-family:inherit;
	height:130px;
}
.galerie a{
	text-decoration:none;
}
#content .galerie p{
	margin-top:0.4em;
	font-size:80%;
}
#content .galerie a{
	color:#FFF;
	text-decoration:none;
}
#content .galerie .datum{
	font-weight:bold;
}
.galerie_klein{
	width:130px;
	height:130px;
	text-align:center;
	padding-top:20px;
	float:left;
	margin:0 5px 5px 0;
	
	voice-family: "\"}\"";voice-family:inherit;
	height:110px;
}
.galerie_klein a{
	text-decoration:none;
}
/* Gästebuch ****************************************************** */  
table.gbentry {
  width: 100%;
  border: 1px solid #000;
  border-collapse: collapse;
  margin-bottom: 10px;
}

table.gbentry td.gbtitle {
  font-weight: bold;
  padding: 10px 5px 10px 5px;
  background-color: #535353;
  color: #000;
}
table.gbentry td.gbcontent {
  padding: 5px; 
  
  color: #FFF;
}

img.button {
  vertical-align: bottom;
  border:		none !important;
}
img.smiley{
	border:		none !important;
	padding:	0;
	margin:		0;
	float:		none;
}
/* float clearing */
#logo:after, #menu:after, #outer:after, #content:after, form:after, form div:after, ul#breadcrumb:after {
    content:		".";
    display:		block;
    visibility:		hidden;
    clear:			both;
    height:			0;
}
* html #navi, * html #content, * html form, * html form div {
	height:			1%;
}
/* Layout ****************************************************** */  
#logo{
	width:			234px;
	height:			190px;
}
#outer {
    margin:			20px auto 20px auto;
	width:			80%;
    min-width:		40em;
    max-width:		70em;
	background:		#f3f3f3;
	border:			1px solid #85918B;
}
#header{
	position:absolute;
	left:250px;
	top:0px;
	width:510px;
	height:210px;
	background:url("images/header.jpg") no-repeat;
}
#header p{
	margin:10px 0 0 0;
	padding:0;
	font-size:65%;
	color:#FFF;
}
#header p a{
	color:#FFF;
	text-decoration:none;
}
#header p a:hover{
	color:#535353;
}
#nav{
	color:#FFF;
	position:absolute;
	top:110px;
	left:250px;
	font-size:70%;
	width:530px;
}
#nav ul{
	margin:0;
	padding:0;
}
#nav ul li{
	float:left;
	text-transform:uppercase;
	display:block;
	background:url("images/nav-lsi.gif") no-repeat;
	padding:3px 0.2em 0.5em 12px;
	font-weight:bold;
}
#nav ul li a{
	color:#FFF;
	text-decoration:none;
}
#nav ul li a:hover{
	color:#535353;
}
#nav ul li.menu-current a, #nav ul li.menu-parent a{
	color:#EC1C02;
}
#nav ul li.menu-first, #nav ul li.menu-last{
	display:none;
	}
#fanclub{
	position:absolute;
	left:250px;
	top:150px;
	width:500px;
	height:60px;
}
#container{
	position:absolute;
	left:250px;
	top:220px;
	width:510px;
	height:400px;
	background:url("images/background_logo.jpg") no-repeat center center;
}
#content{
	position:absolute;
	left:250px;
	top:220px;
	
	color:#FFF;
	width:490px;
	font-size:90%;
	padding-bottom:15px;
}
#content a{
	color:#FFF;
}
#content h1{
	margin-top:0;
	color:#EC1C02;
	font-size:170%;
}
#content h2{
	color:#535353;
}
#content img{
	border:1px solid #FFF;
}
#content table td, #content table th{
	padding:2px 7px;
}
#context{
	position:absolute;
	left:785px;
	top:0;
	width:200px;
	font-size:80%;
	color:#FFF;
	text-align:center;
}
#context img{
	border:1px solid #FFF;
}
#context p{
	margin-left:15px;
	margin-right:15px;
}
#context a{
	color:#FFF;	
}
#context p.epiphone{
	font-size:85%;
}
#informationblock{
	height:210px;
	width:200px;
	background:url("images/informationblock.jpg") no-repeat;
	overflow:auto;
}
#informationblock h2{
	padding-top:10px;
}
#subnav{
	position:absolute;
	top:223px;
	left:0;
	
	color:#FFF;
	width:250px;
	background:#000;
}
#subnav ul{
	margin:0 0 0 51px;
	padding:0;	
}
#subnav ul li{
	display:block;
	list-style:none;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFF;
}
#subnav ul li a{
	color:#FFF;
	text-decoration:none;
}
#subnav ul li.menu-current a, #subnav ul li.menu-parent a{
	color:#EC1C02;
}
#subnav ul ul{
	margin:0.3em 0 1em 0;
}
#subnav ul li li{
	text-transform:none;
	font-size:90%;
	font-weight:normal;
	margin:0 0 0 2em;
}
#subnav ul li li.menu-current, #subnav ul li li.menu-parent{
	color:#FFF;
	font-weight:bold;
}
#subnav ul li li a, #subnav ul li.menu-current li a, #subnav ul li.menu-parent li a{
	color:#FFF;
}
#footer{
	position:fixed;
	left:0;
	bottom:0;
	width:200px;
	height:218px;
	background:url("images/footer.jpg") no-repeat;
	color:#FFF;
	font-size:65%;
}
#footer p{
	margin:230px 0 0 35px;
	padding:0;
	text-transform:lowercase;
}
#footer p a{
	color:#FFF;
	text-decoration:none;
}