@import url("klaviatur.css");
html {
	height:100%;
	}

body {
	background-color:#FFD79B;
	background-image:url(../pics/icons/bkgrkachel.jpg);
	background-repeat:repeat-y;
	min-height:101%;
    }

div#Weissetasten {
	position:absolute; 
	top:134px; 
	left:100px; 
	width:125px; 
	height:400px; 
	z-index:1;
	}

div#Schwarzetasten {
	position:absolute; 
	top:134px; 
	left:100px; 
	width:80px; 
	height:400px; 
	z-index:2;
	}

div#logo_left {
	position:absolute;
	top:0px;
	left:0px;
	float:left; 
	width:170px; 
	/*height:1280px;
	background-color:#990000;*/
	}
	
div#logo_right {
	position:absolute;
	top:0px;
	right:0px;
	float:right; 
	width:110px; 
	height:110px; 
	background-color:#990000;
	/*border: 1px dashed silver;*/
	}
	
div#logo_top {
	margin-left:215px; 
	margin-top:0px;
	margin-right:100px;
	height:100px; 
	background-color:#FFD79B;
	/*border: 1px dashed silver;*/
	}
	
div#inhaltsbereich {
	margin-left:240px; 
	margin-top:0px;
	margin-right:0px;
	padding-top:24px;
	padding-right:130px;
	}

div#inhalt {
	/*margin-bottom:130px; */
	padding-left:30px;
	padding-right:30px;
	/*padding:10px;*/
	background-color:#FFD79B;
	border: 1px solid #990000;
	}
	
.inhalt-ol, .inhalt-or, .inhalt-ul, .inhalt-ur {
	position:relative;
	width:25px;
	height:25px;
	display: none;
	}
	
.inhalt-ol, .inhalt-ul {float:left; left:0px; }
.inhalt-or, .inhalt-ur {float:right; right:0px; }
.inhalt-ol, .inhalt-or {top: 0px; }
.inhalt-ul, .inhalt-ur {bottom: 0px; margin-top: -25px; }

html>body .inhalt-ol {background: url("http://www.klavier-luebeck.de/pics/icons/ol.jpg") no-repeat left top; }
html>body .inhalt-or {background: url("http://www.klavier-luebeck.de/pics/icons/or.jpg") no-repeat right top; }
html>body .inhalt-ul {background: url("http://www.klavier-luebeck.de/pics/icons/ul.jpg") no-repeat left bottom; }
html>body .inhalt-ur {background: url("http://www.klavier-luebeck.de/pics/icons/ur.jpg") no-repeat right bottom; }

.inhalt-ol { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.klavier-luebeck.de/pics/icons/ol.jpg',sizingMethod='scale'); }
.inhalt-or { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.klavier-luebeck.de/pics/icons/or.jpg',sizingMethod='scale'); }
.inhalt-ul { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.klavier-luebeck.de/pics/icons/ul.jpg',sizingMethod='scale'); }
.inhalt-ur { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.klavier-luebeck.de/pics/icons/ur.jpg',sizingMethod='scale'); }

.inhalt-ol, .inhalt-or, .inhalt-ul, .inhalt-ur {
	display: block;
	}
	
.inhalt-ul, .inhalt-ur {
	top:0px;
	}

.headline {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 16px;
	color: #990000;
	font-weight: bold;
	font-variant: small-caps;
	text-align: center;
	}
	
.headline2 {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 12px;
	color: #990000;
	font-weight: light;
	font-variant: small-caps;
	text-align: center;
	}
	
p {font-family: Helvetica,Arial,sans-serif;
	}

#inhalt h1,h2,th {
	font-family: Helvetica,Arial,sans-serif;
	text-align: left;
	color: #990000;
	font-weight: bold;
	font-variant: small-caps;
	}

#inhalt h1 {
	font-size: 24px;
	}
	
#inhalt h2 {
	font-size: 16px;
	}
	
#inhalt p,td {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 14px;
	color: #990000;
	}
	
#inhalt ul {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 14px;
	color: #990000;
	}
	
#inhalt p.adresse, #inhalt p.e-adresse {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 14px;
	color: #990000;
	font-variant: small-caps;
	}

#inhalt p.e-adresse {
	margin-top:-1em;
}
	
#inhalt td {
	vertical-align:top;
	padding-bottom:0.5em;
	}	
	
#inhalt a, a:link, a:hover, a:active, a:visited {
	color: #990000;
	font-weight: bold;
	}

#news {
	margin:2em;
}

#news-inhalt {
	border: 1px solid #990000;
	padding:0 30px;
}
/*#inhalt  {
	color: silver;
	}
*/	
/*---weisse Tasten---*/

ul#Weissetasten {
    font-size: 12px;
    float: left; width: 155px;
    list-style:none;
    margin: 0; padding: 0;
    }
  #Weissetasten li {
    list-style: none;
    text-align: right;
    margin: 0; padding: 0;
    border-bottom: 1px solid black;
	}
  #Weissetasten a {
    display:block;
	padding: 0;
	font-family: Helvetica,Arial,sans-serif;
	text-align: right;
	font-size: 12px;
	font-variant:small-caps;
    font-weight: bold;
    text-decoration: none;/*underline, falls gewünscht*/
	}
  #Weissetasten a:link {
    color: #990000;
    background-color: #FFFFFF;
    padding-top :6px;
	padding-bottom :6px;
	padding-right : 2px;
    border-top : 2px solid silver;
	border-left : 2px solid silver;
	border-right : 2px solid black;
	border-bottom : 2px solid black;
	}
  #Weissetasten a:visited {
	color: #990000;
	background-color: #FFFFFF;
	padding-top : 6px;
	padding-bottom : 6px;
	padding-right : 2px;
	border-top : 2px solid silver;
	border-left : 2px solid silver;
	border-right : 2px solid black;
	border-bottom : 2px solid black;
	}
  #Weissetasten a:hover {
	color: #990000;
    background-color: #FFFFFF;
    padding-top : 6px;
	padding-bottom : 6px;
	padding-right : 2px;
	border-top : 2px solid black;
	border-left : 2px solid black;
	border-right : 2px solid silver;
	border-bottom : 2px solid silver;
	}
	
/*---schwarze Tasten---*/

	ul#Schwarzetasten {
    font-size: 6px;
    float: left; width: 95px;
    list-style:none;
    margin: 0; padding: 0;
    }
  #Schwarzetasten li {
    list-style: none;
    text-align: right;
    margin: 0px; padding: 6px 0px;
    border-bottom: 1px solid black;
	}
  #Schwarzetasten a {
    display:block;
	padding: 0;
	font-family: Helvetica,Arial,sans-serif;
	text-align: right;
	font-size: 6px;
	font-variant:small-caps;
    font-weight: bold;
    text-decoration: none;
	}
  #Schwarzetasten a:link {
    color: #990000;
    background-color: #000000;
    padding-top : 3px;
	padding-bottom : 3px;
	padding-right : 2px;
    border-top : 2px solid silver;
	border-left : 2px solid silver;
	border-right : 2px solid black;
	border-bottom : 2px solid black;
	}
  #Schwarzetasten a:visited {
	color: #990000;
	background-color: #000000;
	padding-top : 3px;
	padding-bottom : 3px;
	border-top : 2px solid silver;
	border-left : 2px solid silver;
	border-right : 2px solid black;
	border-bottom : 2px solid black;
	}
  #Schwarzetasten a:hover {
	color: #990000;
    background-color: #000000;
    padding-top : 3px;
	padding-bottom : 3px;
	border-top : 2px solid black;
	border-left : 2px solid black;
	border-right : 2px solid silver;
	border-bottom : 2px solid silver;
	}
		
/*--------------------------------------------------------------*/	
a:link.men {
	background-color : #FFD79B;
	color : #990000;
	text-decoration : none;
	font-weight: bold;
	text-align : right;
	margin-right : 4px;
	padding-top : 4px;
	padding-bottom : 4px;
	padding-left : 2px;
	padding-right : 2px;
	border-top : 2px solid silver;
	border-left : 2px solid silver;
	border-right : 2px solid black;
	border-bottom : 2px solid black;
		}

a:visited.men {
	background-color : #FFD79B;
	color : #990000;
	text-decoration : none;
	font-weight:bold;
	text-align : right;
	margin-right : 4px;
	padding-top : 4px;
	padding-bottom : 4px;
	padding-left : 2px;
	padding-right : 2px;
	border-top : 2px solid silver;
	border-left : 2px solid silver;
	border-right : 2px solid black;
	border-bottom : 2px solid black;
		}

a:hover.men {
	background-color : #FFFFFF;
	color : #990000;
	text-decoration : none;
	font-weight:bold;
	text-align : right;
	margin-right : 4px;
	padding-top : 4px;
	padding-bottom : 4px;
	padding-left : 2px;
	padding-right : 2px;
	border-top : 2px solid black;
	border-left : 2px solid black;
	border-right : 2px solid silver;
	border-bottom : 2px solid silver;
		}

/*Formatierungen für Mail-Formular*/

.required {
	font-weight:bold;
	color:red;
	}

.errormessage {
	font-weight:bold;
	color:red !important;
	font-size:12px !important;
	}
/* Specials */
noscript span {
	display:none;
}

#inhalt p, #inhalt h1, h2, .headline, .headline2, .adresse, td, li, .taste_a, .taste_b, .taste_c {
		font-family:Georgia !important;