/* CSS Document */

/* HTML */

body, html { margin:0; padding:0; background:url(../img/layout/bg.gif); font-family:Verdana, Arial, Helvetica, sans-serif; padding:5px 0 30px 0;}

/* IDs */

#wrapper { width:980px; margin:0 auto; position:relative;}

#eyecatcher {width:240px; height:209px; background:url(../img/content/eyecatcher.png) center no-repeat; position:absolute; top:50px; margin-left:-80px;}
	#eyecatcher a {outline:0;}
	#eyecatcher img {border:none;}
	
.en #eyecatcher { background:url(../img/content/en_eyecatcher.png); }
	
#language {float: right; text-align:right; }
#language > * {margin-right:20px;}
#language a img {border:none;}

	#content .main_wrapper {background:url(../img/layout/main.png) center repeat-y; margin:0; padding:0 0 0 72px; border:1px solid transparent;}
	#content .main_wrapper .main {margin-top:-60px;}
	#content .open {height: 99px; background:url(../img/layout/open.png) top no-repeat;}
	#content .close {height: 102px; background:url(../img/layout/close.png) bottom no-repeat; margin:0 0 10px 0;}

#footer {margin: 0 0 50px 0;}	
#footer > * {height: 146px;}	
	#footer .copyleft {width: 217px; float:left; margin:0 10px 0 0; background:url(../img/layout/bg_footer_left.png) center no-repeat;}
	#footer .copyright {width: 750px; float:right; background:url(../img/layout/bg_footer_right.png) center no-repeat;}
	#footer .copyright > * {padding:15px 0 0 40px;}
	#footer .clear {padding:0;}
	
	#w3c {width:300px; float:left; padding:0; margin:0;}
	#w3c img  {border:none; padding:0; margin-right:10px;}
	
	div#adress {width:700px;}
	#adress, #adress p {float:left; margin:0;}
  #adress p {float:left; padding-left:0; margin:0; width:160px;}
	#adress p+p {padding-left:40px;}
	
/* Navigationen */

#navigation {height: 29px; margin: 0 0 10px 0; background:url(../img/layout/bg_navigation.png) center no-repeat;}
	#navigation ul {padding:5px 0 0 0; margin:0; text-align:center; width:100%; list-style-type:none;}
	#navigation ul li {display:inline; color:white; font:12px/18px "Arial Black", Arial, sans serif;}
	#navigation ul li a {margin:0; padding:0;}
	#navigation ul li a:link {font-style:normal; text-decoration: none; color:white;}
	#navigation ul li a:visited {font-style:normal; text-decoration: none; color:white;}
	#navigation ul li a:hover {font-style:normal; text-decoration: underline; color:white;}
	#navigation ul li a:active {font-style:normal; text-decoration: underline; color:white;}

	#navigation_bottom ul {padding:0; margin:0; text-align:left; width:100%; list-style-type:none;}
	#navigation_bottom ul li {display:inline; color:black; font: bold 10px/16px Verdana, Arial, sans serif;}
	#navigation_bottom ul li a {margin:0; padding:0;}
	#navigation_bottom ul li a:link {font-style:normal; text-decoration: none; color:black;}
	#navigation_bottom ul li a:visited {font-style:normal; text-decoration: none; color:black;}
	#navigation_bottom ul li a:hover {font-style:normal; text-decoration: underline; color:black;}
	#navigation_bottom ul li a:active {font-style:normal; text-decoration: underline; color:black;}
	
/* Spalten */

.clear { height:0px; margin:0; padding:0; clear:both; font-size:0px;	line-height:0px; }
.column_left {float:left; width:350px;}
.column_left_wide {float:left; width:466px;}
.column_right {float:left; width:466px; margin-left:32px;}
.column_right_short {float:left; width:350px; margin-left:32px;}		
	
/* Text */

h1 {font:bold 30px/48px Georgia, "Times New Roman", Times, serif;}
h2 {font:normal 18px/36px Verdana, Arial, Helvetica, sans-serif; color:#515151;}
h3 {font:bold italic 14px/18px Georgia, "Times New Roman", Times, serif;}
p  {font:normal 11px/17px Verdana, Arial, Helvetica, sans-serif; color:#515151; text-align:left;}

/* Links */
	
	a {color:#ABABAB; text-decoration:none;}
	a:link {text-decoration:none;}
	a:link {text-decoration:none;}
	a:hover {color:#919191; text-decoration:underline;}
	a:active {color:#919191; text-decoration:underline;}

/* Tabellen */
	/* Plektren */
	
	table.plektren {font:normal 11px/17px Verdana, Arial, Helvetica, sans-serif;color:#ABABAB; width:50%; margin:0 auto;}
	table.plektren th {text-align:left;}
	table.plektren td {text-align:right;}
	
	/* Links */
	
	table.links {font:normal 11px/17px Verdana, Arial, Helvetica, sans-serif; color:#ABABAB; width:70%;}
	table.links th {text-align:left; font-weight:bold; color:black; padding-right:50px;}
	table.links td {text-align:left;}
	
	/* Impressum */
	
	table.impressum {font:normal 11px/17px Verdana, Arial, Helvetica, sans-serif; color:#ABABAB; width:100%;}
	table.impressum th {text-align:left; font-weight:bold; color:black; padding-right:50px; vertical-align:top; border-bottom: 1px dotted #ABABAB; }
	table.impressum td {text-align:left; vertical-align:bottom; border-bottom: 1px dotted #ABABAB; }
	table.impressum .last {border:none;}
	
	
/* Custom */

	/* Home */
	
	ul#home {list-style:none; margin:0 0 10px 0; padding:0;}
	ul#home li {display:inline;}
	ul#home li img {border:none; display:none;}
	ul#home li#kolophonium {margin:0 21px;}
	
	ul#home li a {width:308px; height: 249px; display:inline-block;}
	
	ul#home li#plektren a {background:url(../img/layout/plektren.png) top no-repeat;}
	ul#home li#plektren a:hover {background:url(../img/layout/plektren.png) no-repeat 0 -249px;}
	
	.en ul#home li#plektren a {background:url(../img/layout/en_plektren.png) top no-repeat;}
	.en ul#home li#plektren a:hover {background:url(../img/layout/en_plektren.png) no-repeat 0 -249px;}

	ul#home li#kolophonium a {background:url(../img/layout/kolophonium.png) top no-repeat;}
	ul#home li#kolophonium a:hover {background:url(../img/layout/kolophonium.png) no-repeat 0 -249px;}
	
	.en ul#home li#kolophonium a {background:url(../img/layout/en_kolophonium.png) top no-repeat;}
	.en ul#home li#kolophonium a:hover {background:url(../img/layout/en_kolophonium.png) no-repeat 0 -249px;}

	ul#home li#zither-ringe a {background:url(../img/layout/zither-ringe.png) top no-repeat;}
	ul#home li#zither-ringe a:hover {background:url(../img/layout/zither-ringe.png) no-repeat 0 -249px;}
	
	.en ul#home li#zither-ringe a {background:url(../img/layout/en_zither-ringe.png) top no-repeat;}
	.en ul#home li#zither-ringe a:hover {background:url(../img/layout/en_zither-ringe.png) no-repeat 0 -249px;}

	/* Plektren */

	.plektren_oben {margin-top:55px;}
	.plektren_oben > *{border:1px solid black; margin-right:6px;}
	.plektren_formen div {display:block; float:left; margin-right:13px; width: 142px;}
	.plektren_formen img {border:1px solid black;}
	.plektren_formen p {font:bold 10px/12px Verdana, Arial, Helvetica, sans-serif;color:black; margin:3px 0 20px 15px;}
	
	/* Kolophonium */
	
	.kolophonium_bilder {margin: 20px 0 0 0}
	.kolophonium_bilder div {float:left; margin:0 39px 0 0; width:252px;  height:250px;}
	.kolophonium_bilder img {border:1px solid black;}
	.kolophonium_bilder p {font:bold 10px/12px Verdana, Arial, Helvetica, sans-serif;color:black; margin:3px 0 20px 15px;}
	
	/* Zither-Ringe */
	
	.zither-ringe {margin: 20px 0 0 0}
	.zither-ringe div {float:left; margin:0 31px 0 0; width:142px;  height:200px;}
	.zither-ringe img {border:1px solid black;}
	.zither-ringe p {font:bold 10px/12px Verdana, Arial, Helvetica, sans-serif;color:black; margin:3px 0 20px 15px;}
	
	/* Gallerie */
	
	.gallery {margin: 20px 0 0 0}
	.gallery div {float:left; margin:0 39px 0 0; width:252px;  height:230px;}
	.gallery img {border:1px solid black; padding:23px;}
	.gallery img.big {padding:0;}
	.gallery p {font:bold 10px/12px Verdana, Arial, Helvetica, sans-serif; color:black; margin:3px 0 20px 15px;}
	
	/* Historie */
	
	.historie .column_right {padding-left:50px; margin-top:55px;}
	
	.left {float:left;}
	.right {float:right; margin-right:64px; margin-bottom: 20px;}
	
	.historie .column_right p {font:10px/16px Verdana, Arial, Helvetica, sans-serif;; font-weight:bold; margin:0; padding:0;}

	/*.historie {padding-right:70px;}	*/
	.historie img {padding:5px; border:1px solid black;}
	.historie .nopadding {padding:0;}
	
	/* Impressum */
	
	#impressum .column_right_short {text-align:right;}
	#impressum .column_right_short img {border:1px solid black; margin-right:14px;}