/*  
Author: Dietmar Blum
Version: 1.1
Author URI: http://www.gitarren-seite.de
*/

/* -------------------------- General Generelles -------------------------------- */
*{
	margin:0;
	padding:0;}
body{
	margin:0;
	padding:0;
	font-size:59%; /* 62,5% resets 1em to 10px */
	font-family:Verdana, Tohama, Arial, Sans-Serif;
	background:#b2b2b2 url("../grafiken/background/header.jpg") top center no-repeat; /*no own Mac-div*/
	border:none;
	color:#4a4a4a;
	text-align:left;}
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:top;
	background-color:#000000;
	margin-left:0;
	margin-top:0;
}



small, .infos {
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:0.9em;
	line-height:1.5em;
	text-align:left;}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, blockquote, strike {
	color: #777;}
	code, .code{
	font: 1.1em "Courier New", Courier, Georgia, serif, Fixed;}
	a{
	color:#000000;}

.maincontent a:visited:after{
	content:"\00A0\221A";}
	acronym, abbr, span.caps{
	cursor: help;}
	acronym, abbr{
	border-bottom:1px dotted #d48d77;}
	blockquote{
	margin:15px 30px 0 0;
	padding-left:45px;
	background: url(" ") no-repeat left top;}
	table{
	text-align:left;}
	hr{
	visibility:hidden;}
	a img, img{
	border:none;}
	select{
	width:130px;}
	sup{
	font-size:0.7em;}
	legend{
	color:#b3b3b3;
	padding-right:2px;}
	fieldset{
	margin-top:5px;
	padding:5px;
	text-align:left;
	border:4px solid #ccc;}

/* ------------------------ tabellen ids haupt ids ------------------------------- */

#standart{
	font-size:1em;
	font-weight:normal;
	margin:0px top;
	width: 400px; 
	background-color:transparent;
	border:none;
	text-align:top; /*I love older IE*/}

#inhalt{
	font-size:1em;
	font-weight:normal;
	margin: 30px;
	width: autopx; 
	background-color:transparent;
	border:none;
	text-align:top; /*I love older IE*/}

#leer{
	margin:0px auto;
	padding:0;
	background-color:transparent;
	border:none;
	text-align:top; /*I love older IE*/}

#tab_rahmen{
	margin:0px auto;
	padding:0;
	width: 500px; 
	background-color:transparent;
	border:none;
	text-align:top; /*I love older IE*/}

#tab_picture{
	margin:0px auto;
	padding:0;
	width:600px; 
	background-color:transparent;
	border:none;
	text-align:top; /*I love older IE*/}


/* ------------------------ main ids haupt ids ------------------------------- */

#page{
	margin:0px auto;
	padding:0;
	width:981px; 
	background-color:transparent;
	border:none;
	text-align:center; /*I love older IE*/}

#small {
	font-family: Georgia, "Palatino Linotype", "Times New Roman", serif;
	font-weight:small;
	font-size:11px
	letter-spacing:0.04em;
	background-color:transparent;
	border:none;
	text-align:center; /*I love older IE*/}

#header{
	text-align:left;
	margin:0px auto;
	padding:0px;
	width:730px;
	background-color:transparent;
	border:none;
	height:188px;
	position:relative;
	top:0px;
	left:0px;
	float:left;}

#header h1{
	font-family: Georgia, "Palatino Linotype", "Times New Roman", serif;
	font-weight:normal;
	font-size:1.9em;
	letter-spacing:0.04em;
	padding:200px 0 0 50px;
	border:none;}

#banner{
	margin:-80px 0 0 473px;
	padding:0px;
	width:500px;
	background-color:transparent;
	border:none;
	height:254px;
	position:absolut;
	top:0px;
	left:0px;
	float:left;}

#breadcrumb{
	padding:20px 0 0 50px;
	font-size:1em;
	color:#4a4a4a;}

#alphabet{
	padding:2px 0 0 50px;
	font-size:1em;
	color:#4a4a4a;}

#content{
	text-align:left;
	clear:left;
	font-size: 1.27em;
	margin-top:0px;
	padding-top:10px;
	width:981px;
	background:#e7e7e7 url("../grafiken/button/bg.jpg") repeat-y center;}

#wrapper{
	float:left;
	margin:0;
	padding:0 0 0 0px;
	width:672px;}

#sidebar{
	text-align:left;
	color:#666;
	float:right;
	width:200px;
	margin:-15px 0 0 0;
	padding:0 39px 0 0;
	font: 0.9em Verdana, Arial, Sans-Serif;}

* html #sidebar{
	overflow:visible;
	display:inline;}

#banner_top_right{
	background-color:transparent;
	border:none;}

#sidebar form {
	margin:0;}

#sidebar .rahmen h2 {
	color:#999;
	font-size: 1.2em;
	letter-spacing:0.3em;
	font-weight:normal;
	margin: 0;
	padding: 3px 2px 0 4px;
	text-align:right;
	background: #fff;
	border:none;}

#footer{
	text-align:left;
	margin:0 auto;
	padding:0;
	width:981px;
	height:114px;
	clear: both;
	color:#636363;
	font:0.8em "Trebuchet MS", Impact, "Lucida Grande", Verdana, Arial, Sans-Serif;
	background: #e7e7e7 url("../grafiken/background/footer.jpg") no-repeat right bottom;
	border:none;}

#footer p{
	margin:0;
	padding-top:60px;
	padding-left:50px;}

#footer a:hover{
	border:none;}


#footer:hover{
	color:#3d3d3d;}


/* ------------------------ special ids spezielle ids ---------------------------- */

#startseite .post ul{
	margin:-5px 0 0 0 !important;
	margin: -10px 0 0 0;}

#Kontakt select{
	width:176px;}

#seo-marks{
	text-align:left;}

#seo-marks h2{
	margin-top:25px;}

#seo-marks p{
	margin-top:5px;}

#seo-marks ul li{
	margin-left:23px;
	padding:4px;
	list-style:square outside url("../grafiken/button/externer-link.jpg");}

#seo-marks .referrer{
	font-size:1em;
	width:200px;
	padding:5px;
	border:none;
	overflow:hidden;}

#seo-marks .maincontent .post .vorteile ul{
	list-style:square inside url("../grafiken/button//listenzeichen.jpg");
	padding-left:10px;}


/* ---------------------- main classes  haupt classes ------------------------------- */

.mainnavi{
	width:148px;
	line-height: 1em;
	font-size:1em;}

.mainnavi h2{
	padding:0 0 5px 0;
	margin:0;
	line-height:1em;
	font-size:0.95em;
	border:none;
	font-weight:normal;}

.maincontent{
	float:right;
	padding:0 10px 0 5px;
	margin:0;
	width:500px;}

* html .maincontent{
	overflow:visible;
	display:inline;}

.neu{
	font-size:0.8em;
	color:#f63;}

.postmetadata{
	background:#fbfbfb;
	color:#000;
	font:1em Arial, Verdana, sans-serif;
	line-height:1.2em;}

.post{
	line-height:1.6em;
	text-align:justify;}

.post del{
	color:#999;}

.post h1 a, .post h2 a{
	color:#666;}


.post h1 a:hover, .post h1 a:active, .post h2 a:hover, .post h2 a:active{
	color:#000;
	border:none;}

.post h2.ober{
	font-size:1.4em;
	margin-top:0;}

.post p{
	margin-bottom:10px;}

.post p.infos{
	margin-bottom:2px;}

.infos{
	margin-top:-5px;
	color:#999;}

.more-link{
	margin-top:-8px;
	text-align:right;}

.box{
	margin:5px 0;
	padding:10px;
	border:4px solid #0b5ba3;
	background-color:#fbfbfb;}

.trennlinie{
	background:transparent url("../grafiken/button/trenner.jpg") center no-repeat;
	height:25px;
	margin:0px 0 20px 0;}

.durchgestrichen{
	text-decoration:line-through;
	color:#ccc;}

.hilite, .searchword{
	background-color:#e0e0e0;}

.center{
	text-align:center;}

.rechts{
	text-align:right;}

.links{
	text-align:left;}

.u{
	border-bottom:1px solid #d48d77;}

.alignright{
	float:right;}

.alignleft{
	float:left;}

.aligncenter{
	text-align:center;}

.clearleft{
	clear:left;}
	hr.clearleft2{
	clear:left;
	margin-bottom:25px;}
	hr.clearright{
	clear:right;
	margin-bottom:40px;}


/* -----------------------comments Kommentare ------------------ */

.commentlist{
	padding:0;
	text-align:justify;
	list-style:none;
	list-style-image:none;}

.commentlist li{
	font:0.9em Arial, Verdana, Sans-Serif;}

.commentlist li{
	list-style:none outside;
	list-style-image:none;
	margin-bottom:18px;
	padding:3px 0 10px 5px;}

.commentlist cite, .commentlist cite a{
	font-weight:bold;
	font-style:normal;
	font-size:1.1em;}

.commentlist p{
	padding:0;
	color:#4c4c4c;
	margin:10px 20px;
	font-size:1.15em;
	line-height:1.5em;
	letter-spacing:0.01em;}

.commentlist span{
	color:#fff;
	font:bold 80px Georgia, "Times New Roman", serif;
	float:right;
	margin:-33px -5px 0 0;}

.commentlist li:hover{
	background:#fff;}

.commentlist li:hover span{
	color:#f5f5f5;}

.commentlist li.nobgco{
	background:#fff !important;}

#commentform p{
	font-family:Verdana, Arial, Sans-Serif;
	margin: 5px 0;}

#commentform input, #commentform textarea{
	font:1.2em Arial, Verdana, Sans-Serif;}

#commentform input#submit{
	font-size:1em;
	margin:0;
	padding:0;}

.nocomments{
	text-align:center;
	margin:0;
	padding:0;}

.commentmetadata{
	margin:0;
	display:block;}


/* -------------- kurzmitt extras IE6 DANKE ------ */

ul#kurzmit li form{
	width:180px;}

#kurzmit input, 

#kurzmit textarea{
	display:block;
	float:left;
	width:90%;

font-family: Arial, Verdana, Sans-Serif;}

#kurzmit form br{
	clear:left;}

#kurzmit input#abs{
	float:none;
	width:auto;}

* html ul#kurzmit li form fieldset{
	width:165px;
	margin-right:0;
	padding-right:0;}

* html ul#kurzmit li form fieldset label{
	margin-right:0;
	padding-right:0;}

* html ul#kurzmit li form fieldset label,

* html ul#kurzmit li form fieldset textarea,

* html ul#kurzmit li form fieldset input{
	float:none;
	display:inline;
	position:relative;}

.fmerrorbox{
	border:3px solid #f00;
	padding:3px;}

.fmerrortitle{
	font-weight:bold;
	letter-spacing:0.1em;}

.erfolgsmsg{
	border:3px solid #3b1;
	padding:3px;}



/* ----------------------- Menu --------------------- */

.menu1{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}

.menu1 ul{
	background:#efc34e;
	height:25px;
	list-style:none;
	margin:-36px -10px 0px +42px;
	padding:0 0 0 0;
	}

.menu1 li{
	float:left;
	padding:0px;
	}

.menu1 li a{
	background:#efc34e url("images/seperator.gif") bottom right no-repeat;
	color:#ffffff;
	display:block;
	font-weight:normal;
	line-height:25px;
	margin:0px;
	padding:0px 25px;
	text-align:center;
	text-decoration:none;
	}

.menu1 li a:hover, .menu ul li:hover a{
	background: #9b100b url("images/hover.gif") bottom center no-repeat;
	color:#ffffff;
	text-decoration:none;
	}

.menu1 li ul{
	background:#efc34e;
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:5px;
	position:absolute;
	width:225px;
	z-index:200;
	/*top:1em;
	/*left:0;*/
	}

.menu1 li:hover ul{
	display:block;
	}

.menu1 li li {
	background:url('images/sub_sep.gif') bottom left no-repeat;
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:225px;
	}

.menu1 li:hover li a{
	background:none;
	}

.menu1 li ul a{
	display:block;
	height:25px;
	font-size:14px;
	font-style:normal;
	margin:0px;
	padding:0px 10px 0px 15px;
	text-align:left;
	}

.menu1 li ul a:hover, .menu li ul li:hover a{
	background:#9b100b url('images/hover_sub.gif') center left no-repeat;
	border:0px;
	color:#ffffff;
	text-decoration:none;
	}

.menu1 p{
	clear:left;
	}	

/* ----------------------- Lightbox --------------------- */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }