/*  
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:#e7e7e7 url("../grafiken/background/header3.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:#e7e7e7;
	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;}
	h1, h2, h3{
	font-family: Verdana, Arial, Sans-Serif;
	font-weight:normal;
	margin:20px 0 5px 0;
	border-bottom:3px solid #e7bfb1;
	text-align:left;}

h1{
	font-size:1.4em;
	margin-top:0;}
	h2{
	font-size:1.3em;
	color:#595959;}
	h3{
	font-size:1.2em;
	color:#595959;}
	h1 a, h1 a:hover, h1 a:visited{
	text-decoration:none;}
	h2 a, h2 a:hover, h2 a:visited, h3 a , h3 a:hover, h3 a:visited, .mainnavi h2 a, cite{
	border-bottom:1px solid #e7bfb1;}

h1.topper{
	border:none;
	text-transform:uppercase;
	letter-spacing:0.06em;
	padding-left:22px;
	background:url("../grafiken/button/pfeil.jpg") no-repeat left;
	margin-top:8px;}
	h1.kast1, h1.kast2, h1.kast3{
	border-bottom:none;
	width:140px;
	float:left;}


h3.subh{
	border:none;
	margin-top:0;
	padding-left:22px;
	background:url("../grafiken/button/pfeil.jpg") no-repeat left;}

h3.comments {
	padding:0;
	margin:40px auto 20px;}
	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:#C86C51;}

a:link{
	text-decoration:none;
	border:none;}
	a:visited{
	color:#d48d77;
	text-decoration:none;}
	a:hover{
	border-bottom:0px solid #C86C51;
	color:#C86C51;}

a:active{
	text-decoration:none;
	color:#d48d77;}
	a.ext, a.extlink{
	padding-right:16px;
	background:url("../grafiken/button/externer-link.jpg") no-repeat right;}

a.feedlink{
	padding-left:16px;
	background:url("../grafiken/button/feedlink.png") left bottom no-repeat;}
	a.wonglink{
	padding-left:16px;
	background:url("../grafiken/button/mister-wong.gif") left bottom no-repeat;}

a.deliciouslink{
	padding-left:16px;
	background:url("../grafiken/button/delicious.gif") left bottom no-repeat;}
	.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("../grafiken/button/rede.gif") 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:982px; 
	background-color:transparent;
	border:none;
	text-align:center; /*I love older IE*/}

#header{
	text-align:left;
	margin:0px auto;
	padding:0px;
	width:800px;
	background-color:transparent;
	border:none;
	height:254px;
	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;
	position:absolut;}

#breadcrumb{
	padding:2px 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:983px;
	background:#e7e7e7 url("../grafiken/button/bg.jpg") repeat-y center;}

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

#sidebar{
	text-align:left;
	color:#666;
	float:right;
	width:200px;
	margin:-65px 0 0 0;
	padding:0 50px 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:150px;
	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:30px;
	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 #e7bfb1;
	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;}


/* ----------------------- images Bilder ----------------------- */

p img{
	max-width:100%;}

.post span img, .imgrand img{
	border:1px solid #ccc;
	padding:1px;
	display:inline;
	float:left;
	margin-right:7px;
	margin-top:3px;
	background:#fff;}
	img.centered{
	display:block;
	margin-left:auto;
	margin-right:auto;}
	img.alignright{
	padding:4px;
	margin:0 0 2px 7px;
	display:inline;}
	img.alignleft{
	padding:4px;
	margin:0 7px 2px 0;
	display:inline;}
	img.gravatar{
	width:40px;
	height:40px;
	float:left;
	padding:2px;
	margin-right:8px;
	border:1px solid #e6e6e6;}
	img.teasergrafik{
	border:4px solid #ccc;
	padding:0;
	margin:5px 0 0 0;}

.post2 span img, .imgrand img{
	border:1px solid #fff;
	padding:1px;
	display:inline;
	float:left;
	margin-right:7px;
	margin-top:3px;
	background:#fff;}
	img.centered{
	display:block;
	margin-left:auto;
	margin-right:auto;}
	img.alignright{
	padding:4px;
	margin:0 0 2px 7px;
	display:inline;}
	img.alignleft{
	padding:4px;
	margin:0 7px 2px 0;
	display:inline;}
	img.gravatar{
	width:40px;
	height:40px;
	float:left;
	padding:2px;
	margin-right:8px;
	border:1px solid #e6e6e6;}
	img.teasergrafik{
	border:4px solid #ccc;
	padding:0;
	margin:5px 0 0 0;}

.imgrand{
	padding-left:10px;
	margin:0;}

.imgrand img{
	border:4px solid #ccc;
	padding:0;
	display:block;
	background-color:#fff;}

/* ------------------ forms Formulare ------------------ */

#searchform{
	margin:0;
	padding:2px;}

#sidebar #searchform #s{
	width:125px;
	padding:2px;
	border:1px solid #ccc;}

#sidebar #searchform #zoom_query{
	width:125px !important;
	width:120px;
	padding:2px;
	border:1px solid #ccc;}

#sidebar #searchform input#s, #sidebar #searchform input#zoom_query{
	background: url("grafiken/button/search-bg.png") !important;
	background-color:#fff;}

#sidebar #searchform input#s:hover, #sidebar #searchform input#zoom_query:hover{
	border:1px solid #aaa;}

#sidebar #searchform input#s:focus, #sidebar #searchform input#zoom_query:focus{
	background:#999;}

#sidebar #searchsubmit{
	margin:0;	
	padding:1px;}

#commentform input{
	width:190px;
	padding:2px;
	margin:5px 5px 1px 0;}

#commentform textarea{
	width:98%;
	padding:2px;}

#commentform #subscribe{
	margin:0;
	width:12px;}

#commentform #submit{
	margin:0;
	float:right;}

#commentform table input, #Kontakt table input, table textarea{
	width:200px;}
	input.fmcheckbox{
	width:14px;
	}
	input#abs{
	width:auto;}

/* -------------------- list Listen -------------------------- */

.mainnavi ul {
	margin:0;padding:0 0 8px;}

.mainnavi li{
	list-style-type:none;
	padding:1px 0 3px 3px;
	margin:0 0 0 -5px;}

.mainnavi li a:hover{
	background: url("../grafiken/button/li3.png") no-repeat left;}

.mainnavi li a{
	width:120px;
	color:#808080;
	padding:1px 4px 1px 13px;
	font-weight:normal;
	border:none}

.mainnavi a:hover, .mainnavi a:active, .mainnavi a:focus, .mainnavi_active{
	color:#C86C51;
	border:none;}
.post ul{
	margin:0;
	padding:0;
	line-height:1.4em;}

.post ul li{
	margin:2px 0 0 15px;
	padding:0;}

.post ol{
	list-style-type:decimal;
	list-style-position:outside;
	padding:0 0 0 0px;
	margin:0 0 0 20px !important;
	margin:0 0 0 25px;}

.maincontent .post .vorteile ul{
	list-style:square outside url("../grafiken/button/listenzeichen.jpg");
	padding:7px 5px 5px 12px;}

ul#relatedarticles{
	list-style-type:none;
	line-height:1.4em;}
	ul.box{
	margin:5px 0;
	padding:5px;
	border:1px solid #d48d77;
	background-color:#fbfbfb;}

.box ul{
	margin-top:5px;}

#sidebar ul, #sidebar ul ol{
	margin:0;
	padding:0;}

#sidebar ul li{
	list-style-type:none;
	list-style-image:none;
	margin-bottom:15px;
	padding-bottom:8px;}

#sidebar ul li ul li q{
	line-height:1.35em;}

#sidebar .rahmen, .commentlist li{
	background:#fff url("../grafiken/button/bg-sidebar.jpg") right repeat-y;}

#sidebar .rahmen p{
	margin:0;
	padding:3px 3px 3px 7px;
	line-height:1.25em;}

#sidebar ul p, #sidebar ul select{
	margin:5px 0 8px;}

#sidebar ul ul, #sidebar ul ol{
	margin:5px 0 0 10px;}

#sidebar ul ul ul, #sidebar ul ol{
	margin:0 0 0 10px;}

#sidebar .rahmen ol li{
	list-style: decimal inside;}

#sidebar .rahmen ol li ol li{
	list-style:lower-latin inside;
	margin-left:7px;}

#sidebar ul ul li, #sidebar ul ol li{
	margin:3px 3px 0 0;
	padding:0;}
	ol.codelist{
	margin:5px 0;
	padding:5px;
	color:#666;
	border:3px dashed #fff4f1;}
	ol.codelist li{
	list-style-type:none;
	background:#fff ;}

/* -----------------------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;}


/* ----------------------- 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:13px;
	font-weight:bold;
	}

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

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

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

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

.menu1 li ul{
	background:#defcb2;
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:5px;
	position:absolute;
	width:140px;
	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:140px;
	}

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

.menu1 li ul a{
	display:block;
	height:13px;
	font-size:13px;
	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:#c86c51 url('images/hover_sub.gif') center left no-repeat;
	border:0px;
	color:#ffffff;
	text-decoration:none;
	}

.menu1 p{
	clear:left;
	}


/* -------------- 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;}

* table#kontaktformular tr td label.fmcblabl{
	display:inline;}