@charset "UTF-8";
/* Grotrian CSS Document */


html, body {height: 100%;}
html {overflow:auto;}
body {
    margin:0;
    padding:0;
    background-color: #fff;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size:14px;
	color: #111111;
	-webkit-text-size-adjust:none; /* Turn off Safari-Mobile font resizing */
}

a:link, a:visited, a:active { text-decoration: none; color:#222222; outline:none; }
a:hover { text-decoration: none; color: #c1a168; outline:none;
}

.activelink {
	color: #c1a168;
	cursor: default;
}
.activelink-invert {
	color: #fff;
	cursor: default;
}

img {border:none;}

ul, li {
	padding:0px;
	margin:0px;
	list-style-type:none;
}

p {font-family: Georgia, 'Times New Roman', Times, serif; font-size:14px; line-height:24px;}

h1 {font-weight:bold; font-size:13px; color:#c1a168;}

h3 {font-family:Geneva, Arial, Helvetica, sans-serif; line-height:10px; font-size:12px; color:#111111; font-weight:normal; letter-spacing:0.4px; cursor:pointer;} /* Headline Umweltschutz*/
h3:hover {color:#c1a168;} 

small {	font-family:Arial, Helvetica, sans-serif; font-size:11px;}


/*---------- Globale Styles -------------*/

#centerTable { height:84%; width:990px; margin-bottom:0px;}

.tab {padding-left:30px}

.white, a.white:link, a.white:visited {color:#fff;}
.black, a.black:link, a.black:visited {color:#000;}

a.underline:hover {text-decoration:underline;}
.link-line {border-bottom:1px solid #fff;}
.link-lineA {border-bottom:1px solid #e4d1b7;}

.dotted {border-bottom:2px dotted #e4d1b7;}

.bottom-line {border-bottom: 1px solid #e4d1b7; padding-bottom:5px; margin-bottom:0px;}

.more {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	line-height:10px;
	font-size:10px;
	color:#111111;
	margin-left: 12px;
}
.more:before{content: url("../img/gs_mehr.gif");}

.more:hover:before{content: url("../img/gs_mehr_h.gif");}


#mehr {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:16px;
	color:#111111;
	padding-left: 12px;
}
#mehr:before{content: url("../img/bt_pdf.gif");}

#mehr:hover:before{content: url("../img/bt_pdf_h.gif");}

#login {position:absolute; right:25px; top:25px;}


/*---------- Logo und Hauptmenue -------------*/

#language {position:absolute; top:15px; right:15px; font-family:Arial, Helvetica, sans-serif; font-size:11px; z-index:4;}

#introEsc {position:absolute; bottom:15px; left:15px; font-family:Arial, Helvetica, sans-serif; font-size:11px; z-index:4;}

#top {position: absolute;}

#gslogo {
	margin-left:48px;
	margin-top:28px;
	margin-bottom:28px;
	height:24px;
	width: 120px;
	display:inline-block;
	background: url("../img/gs_logo.gif") 0 0px no-repeat;
}
#gslogo:hover { background-position: -118px 0px;}

#menu-line { position:absolute; top:80px; left:0px; width:100%; border-top: 1px solid #e4d1b7; }

#menu {
	position:absolute;
	top:54px;
	right: 120px;
	margin-left:430px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#111111;
	width: 440px;
	white-space:nowrap;
	line-height: 22px;
	z-index:8;
}
#menu a, #menu span { margin-right:8px; }

#submenu-philosophy {
	margin-left:456px;
	width:465px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#111111;
	background-image: url(../img/gs_linie_phil.png);
	background-repeat: no-repeat;
	white-space:nowrap;
	right: 10px;
	position: absolute;
	top:80px;
	padding-top: 10px;
	padding-left: 56px;
	z-index:8;
}
a.submenu-line, span.submenu-line {padding-left:27px; background-image:url(../img/gs_linie_phil2.png); background-repeat: no-repeat;}
#archiv-submenu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#111111;
	background-image: url(../img/gs_linie_phil_archiv.png);
	background-repeat: no-repeat;
	background-position: 1px 0px;
	white-space:nowrap;
	margin-top: 28px;
	right: 110px;
	position: absolute;
	top:80px;
	padding-left:28px;
	padding-top: 4px;
	z-index:8;
}

#submenu-instrumente {
	position: absolute;
	top:80px;
	right: 310px;
	padding-top:5px;
	padding-left: 52px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#111111;
	white-space:nowrap;
	line-height: 16px;
	background-image: url(../img/gs_linie_instr.png);
	background-repeat: no-repeat;
	height: 95px;
	width:100px;
	z-index:10;
}

#submenu-fluegel {
	position: absolute;
	top:85px;
	right: 125px;
	padding-left: 108px;
	width:100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#111111;
	white-space:nowrap;
	line-height: 16px;
	z-index:8;
	background-image: url(../img/gs_linie_fl.png);
	background-position:0px 8px;
	background-repeat: no-repeat;
}

#submenu-klaviere {
	position: absolute;
	top:85px;
	right: 124px;
	padding-left: 110px;
	width:100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#111111;
	white-space:nowrap;
	line-height: 16px;
	z-index:8;
	background-image: url(../img/gs_linie_kl.png);
	background-position:9px 8px;
	background-repeat: no-repeat;
}

#submenu-fgrotrian {
	position: absolute;
	top:117px;
	right:165px;
	padding-left: 45px;
	width:100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#111111;
	white-space:nowrap;
	line-height: 16px;
	z-index: 8;
	background-image: url(../img/gs_linie_fgrotrian.png);
	background-position:0px 9px;
	background-repeat: no-repeat;
}

#submenu-production {
	position: absolute;
	top:80px;
	right: 65px;
	width:160px;
	padding-top: 8px;
	padding-left:172px;
	color:#111111;
	background-image: url(../img/gs_linie_pro.png);
	background-repeat: no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:22px;
	z-index:8;
}

#submenu-activities {
	position: absolute;
	top:80px;
	right: 145px;
	padding-top: 6px;
	padding-left: 340px;
	height:140px;
	color:#111111;
	background-image: url(../img/gs_linie_act.png);
	background-repeat: no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	z-index:8;
}

#submenu-service {
	position: absolute;
	top:80px;
	right: 45px;
	width: 180px;
	padding-top: 5px;
	color:#111111;
	padding-left:32px;
	background-image: url(../img/gs_linie_ser.png);
	background-repeat: no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:20px;
	z-index:8;
}

#submenu-contact {
	position: absolute;
	top:80px;
	right: 95px;
	padding-top: 16px;
	padding-left:25px;
	color:#111111;
	background-image: url(../img/gs_linie_con.png);
	background-repeat: no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:19px;
	z-index:8;
}


/*---------- INSTRUMENTE -------------*/

#piano-fluegel {
	position:relative;
	width: 980px;
	height:610px;
	margin-top:30px;
}

#pianotext-fluegel {
	position:absolute;
	left:0px;
	margin-left:720px;
	margin-top:120px;
	color: #bf935a;
	width: 240px;
	font-size: 13px;
	z-index: 2;
	line-height: 20px;
}

#piano-klavier {
	position:relative;
	width: 980px;
	height:610px;
	margin-top:30px;
}

#pianobild-klavier  {
	margin-left: 0px;
}

#pianotext-klavier {
	position:absolute;
	top:120px;
	left:0px;
	margin-left:720px;
	width: 240px;
	font-size: 13px;
	z-index: 2;
	color: #bf935a;
	line-height: 20px;
}

#fadein {float:left; display:none;}
noscript img { float:left;}

#measure {color:#000;}

/*---------- INSTRUMENTE: Ausstattung -------------*/

.jScrollPaneTrack {background-color: #ede5da;}
.jScrollPaneDrag {background-color:#d8bc96;}

#container-ausstattung {
	margin:0 auto;
	padding:60px 0px 30px 50px;
	width:940px;
	position:relative;
}

#container-ausstattung ul {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px; line-height:24px; 
	padding-top:40px; 
	width:230px; 
	background-image:url("../img/gs_hl_ausstattung.gif");
	background-repeat:no-repeat;}

#container-ausstattung li.active {color:#c1a168; border-bottom: 1px solid #e4d1b7; padding-bottom:0px;}

#text-ausstattung {width:380px; position:absolute; left:300px; top:108px; padding-bottom:30px;}
#text-ausstattung p {margin-top:0px; line-height:20px;}

#holztafeln {position:absolute; top: 245px; left:300px; width:480px; padding-bottom:30px;}
#holztafeln img {margin:0 4px 4px 0;}

/*---------- AKTIVITÄTEN: Wettbewerbe -------------*/

#submenu-competition {
	margin-top:5px;
	margin-left:240px;
	color:#111111;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
}


/*---------- PRODUKTION: Umweltschutz -------------*/

#accordion { margin-top:20px; }
#accordion p { padding-top:0px; }


/*---------- SERVICE: Händler -------------*/

#dealer {
	width: 900px;
	padding-top: 60px;
	margin-left: 50px;
	padding-bottom:30px;
}

#dealer p {width:260px;}

 #dealer-submitbutton{
	width: 70px;
	padding: 3px;
	font-size: 9px;
	font-weight:bold;
	/*height: 23px; */
	color: #000; background-color: #FFF; 
	border:2px solid #e4d1b7;
}
	/* Adjustments for Searchform */
#searchable { max-width:280px; padding-bottom:20px; }

	/* Custom CSS Styling of select elements */
#searchable select { border:0;
    color: #FFF;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 13px;
    height: 26px;
	line-height:26px;
    letter-spacing: 1px;
    padding: 3px 0 0 6px;
    width: 280px;
	background:transparent;
	/* IE8 */ background: url("../img/bt_dropdown.png") no-repeat scroll 215px 0px #D8BC96\0/;
	/* IE6+7 */ *width:250px; *background:#D8BC96;
	-webkit-appearance:none; }

.dropselection { overflow:hidden; 
			width:252px; 
			background: url("../img/bt_dropdown.png") no-repeat scroll 215px 0px #D8BC96;
			margin-top: 0.5em; }

/*---------- SERVICE: Seriennummern -------------*/

#serialnr { margin:0 auto; padding-left:50px; padding-top:40px; padding-right:100px; padding-bottom:20px; width:840px; }

#serial-tabelle  { float:left; width:150px; margin-top:80px; margin-bottom:10px;}
#scrollme { width:170px; height:400px; margin-top: 6px; overflow:auto; }
#serial-tabelle table { margin-bottom:8px; }
#serial-tabelle table tr td { padding-left:10px; height:22px; }
#serial-tabelle table tr { color: #fff; background-color: #d8bc96;  letter-spacing:1px; }
.odd {color: #111111 !important; background-color: #fff !important; }
#serial-tabelle small {margin-left:12px;}

#serial-text  { float:left; width:320px; margin-left:90px; }
#serial-text p { line-height:28px; }


/*---------- SERVICE: Pressespiegel -------------*/

#news {margin:0 auto; padding-top:85px; padding-left:200px; padding-bottom:50px; width:700px;}
#news ul li { position:relative; width:590px; border-bottom:1px solid #e4d1b7; padding-top:25px; }
#news ul li p { font-size:13px; line-height:21px;}
#news ul li div.newsEntry { margin-left:150px; }
h2 {font-weight:normal; color:#c1a168; font-size:13px; letter-spacing:1px; text-transform:uppercase; cursor:pointer; margin:0; padding:0;}
h2:hover {color:#000;}
div.presseText {font-size:13px; line-height:21px; }
div.presseText p:first-child { margin:0px; }

div.blogFotos {position:absolute; left: -150px; top:30px;}
div.blogFotos img {margin-bottom:5px; display:block;}
div.blogFotos div {font-size:10px; color:#000; margin:0 0 10px 0; width:250px;}


div.date {position:absolute; margin-top:-20px; padding-bottom:2px; font-size:13px; line-height:21px;}

div.presseDownload {
	position:absolute;
	left: 150px;
	bottom:-16px;
	z-index:4;
}
div.presseDownload a {	font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10px; color:#111111;}
div.presseDownload a:before{content: url("../img/bt_pdf.gif"); margin-right:8px;}

div.presseDownload a:hover:before{content: url("../img/bt_pdf_h.gif");}

/*---------- KONTAKT: Kontaktformular -------------*/

#contact{
	width: 600px;
	margin: 0 auto;
	padding:50px 50px 20px 50px;
}
  
input.inputfield {
 	font-size: 13px;
	width: 250px; 
	height: 20px; 
	color: #fff; background-color: #d8bc96;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:1px;
	border:0px;
	padding-left:4px;
	padding-top:6px;
}

 .textareafield{
 	font-family:Georgia, "Times New Roman", Times, serif;
 	font-size: 12px;
	letter-spacing:1px;
 	position:absolute;
	margin-left: 285px;
	padding-top:16px;
	padding-left: 4px;
	top: 235px;
	height: 290px;
	width: 300px;
	background-color: #FFF;
	border:1px solid #e4d1b7;
	color:#000000;
	
}

 .submitbutton{
 	position: absolute;
	top: 565px;
	width: 70px;
	padding: 3px;
	margin-left: 285px;
	font-size: 9px;
	font-weight:bold;
	/*height: 23px; */
	color: #000; background-color: #FFF; 
	border:2px solid #e4d1b7;
}

 .errormessage { color: #FF0000; }

 .errortext, .telnummer { color: #FFF; font-weight:bold; }
 
 .einverstaendnis {
 	/*position: absolute;*/
 	/*left: 20px;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
 	margin-left: 24px;
 	margin-top: -18px;
 	width: 230px;
	line-height: 16px;
 }
 
form small { position:relative; top:4px; left:6px; }


/*---------- KONTAKT: ANFAHRT -------------*/

#anfahrt {margin: 0 auto;
		 width: 720px; height:350px; 
		 padding-left:50px;
		 padding-right:20px;
		 padding-top:100px;
		 line-height:20px; 
		 background:url(../img/gs_anfahrt-skizze.gif) 300px 50px no-repeat;
}

/*---------- KONTAKT: IMPRESSUM -------------*/

#imprint {margin-left:50px; padding:70px 30px 30px 0; width: 930px; line-height:20px;}
#imprint p {float:left; width:310px; line-height:16px;}
#imprinttext { line-height:20px; }
.small-print {color:#999999; width:180px !important; margin-left:25px;}