* {margin:0; padding:0; border:0;}
html, body {height:100%;}
ul {list-style:none;}
body {font-size:100.01%; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; background:url(img/back.jpg);}
.clear {clear:both; height:0; line-height:0; font-size:0;}
.left {float:left;}
.right {float:right;}
.fett {font-weight:bold;}

/*Layout*/
#back {padding-top:2.5em; background:url(img/schaltung.gif) top center no-repeat; height:100%;}
#container {width:47.5em; margin:0 auto; background-color:#fff; border:2px solid #000; padding-top:1.7em;}
#sidemenu, #content, #colright {float:left; padding:1.7em;}
#sidemenu {width:7.2em;}
/*1 column content*/
#content {width:33.3em; border-left:1px solid #ccc;}
#footer {margin:1.6em 0 2em 0;}
.col-left-55 {width:55%; float:left;}
.col-right-35 {width:35%; float:right;}
.col-left-47 {width:47%; float:left;}
.col-right-47 {width:47%; float:right;}
	
	
/*Headings*/
h1 {font-size:1em;}
h2,h3,h4 {color:#cd7d27; line-height:1.2em; font-size:1.1em; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
h2 {padding-bottom:.9em;}
h3 {padding:1.2em 0 .6em 0;}

.smallbox h3 {line-height:1.3em; padding-top:0;}
.smallbox h4 {font-size:.9em;}
#main .pixelheading {background-position:top left; background-repeat:no-repeat; height:21px;}
#main .pixelheading span {display:none;}
#heading-100-jahre {background:url(img/heading-100-jahre.png);}
#heading-buchreihe {background:url(img/heading-buchreihe.png);}
#heading-autor {background:url(img/heading-autor.png);}
#heading-kontakt {background:url(img/heading-kontakt.png);}
#heading-impressum {background:url(img/heading-impressum.png);}
#heading-daten {background:url(img/heading-daten.png);}
#heading-band1 {background:url(img/heading-band1.png); height:47px !important;}
#heading-band2 {background:url(img/heading-band2.png);}
#heading-band3 {background:url(img/heading-band3.png);}
#heading-band4 {background:url(img/heading-band4.png);}
#heading-band5 {background:url(img/heading-band5.png);}

	
/*Links*/
a, a:visited {color:#000;}
a:hover {text-decoration:none;}
h3 a, h3 a:visited {color:#cd7d27; text-decoration:none;}
h3 a:focus, h3 a:hover {color:#000;}
.imagelink {display:block; border:1px solid #ccc; outline:none; padding:6px;}
.imagelink:hover, .imagelink:active, .imagelink:focus {border:1px solid #cd7d27;}

/*Header*/
#header h1 a {display:block; height:95px; margin-left:1.7em; background:url(img/header.png) top left no-repeat;}
#header h1 span {display:none;}
#headerimage {display:block;}

/*Topmenu*/
#topmenu {border-top:1px solid #000; background:url(img/roehren_reflection.jpg) top left no-repeat #000; height:1.1em; padding:2.1em 0 .3em 0;}
#topmenu ul {width:28em; float:right;}
#topmenu li {display:block; float:left; margin-right:1.3em;}
#topmenu a {display:block; height:16px; background-position:top left; background-repeat:no-repeat; outline:none;}
#topmenu a:hover, #topmenu a:focus, #topmenu a:active, #topmenu a.active {background-position:bottom left;}
#topmenu a span {display:none;}
#band1 {width:59px; background:url(img/topmenu_band1.gif);}
#band2 {width:65px; background:url(img/topmenu_band2.gif);}
#band3 {width:72px; background:url(img/topmenu_band3.gif);}
#band4 {width:73px; background:url(img/topmenu_band4.gif);}
#band5 {width:67px; background:url(img/topmenu_band5.gif);}


/*Sidemenu*/
#sidemenu li {font-size:1.1em; padding-bottom:.4em; font-family:Arial, Helvetica, sans-serif;}
#sidemenu a {text-decoration:none; outline:none;}
#sidemenu a:hover, #sidemenu a.active, #sidemenu a:active, #sidemenu a:focus {color:#cd7d27;}

/*Content*/
#content p, #content ul, #content table, #content address, #content .input, #content label, #content textarea {font-size:.8em; line-height:1.5em; margin-bottom:.7em;}
#content ul ul {padding:0; font-size:1.05em; margin-bottom:0;}
#content .small {font-size:.8em;}
#content .smaller {font-size:.7em;}
.cover {margin-left:1.3em; padding:8px; border:1px solid #ccc;}
address {font-style:normal;}

/*Listen*/
.links li {padding-bottom:.3em;}
.links li a, .links li a:visited {padding-left:23px; background:url(img/list-icon.png) left center no-repeat;}
.links li a:hover, .links li a:focus, .links li a:active {background:url(img/list-icon-hover.png) center left no-repeat;}
  		/*preload hover bild*/
		.links li {background:url(img/list-icon-hover.png) -1000px -1000px no-repeat;}
.inhalt {margin-bottom:0 !important;}		
.inhalt li {padding:0 0 .7em 17px; background:url(img/list-bullet.png) 3px .6em no-repeat; font-weight:bold;}
.inhalt li li {padding:.2em 0 0 .2em !important; font-weight:normal; background:0;}
.normal li {font-weight:normal;}


/*Tabellen*/
.daten {border-collapse:collapse; width:auto; }
.daten td {padding:.3em .8em; border:1px solid #ccc;}
.title {font-weight:bold;}

/*Footer*/
#footer {text-align:center; font-size:.8em;}
#footer, #footer a, #footer a:visited {color:#fff;}

/*Boxen*/
.smallbox {padding:.8em 0;}
.smallbox .links {margin-top:.6em;}
.smallbox .imagelink {margin-right:1.4em; width:130px;}

/* Google maps */
.gmaps {width:15.3em; height:11.8em; border:1px solid #ccc;}
.gmaps .gmnoprint span {display:block;}


.captcha, label {float:left;}
label {font-weight:bold; display:block; width:13em;}
.input {width:20em; border:1px solid #ccc; padding:0.2em; margin-bottom:0.5em;}
.captcha {width:3em; border:1px solid #ccc; padding:0.2em; margin-right:1em;}
input.submit, input.submit-correct {width:6.7em; margin:1.1em 0 0 0; border:1px solid #000; border:1px solid #000; background-color:#efbc86; padding:0.1em; cursor:pointer; font-weight:bold;}
input.submit:hover {border:1px solid #000; border:1px solid #000; background-color:#fff;}
textarea {height:9em; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:.8em !important;}
#message {margin-top:.8em;}
p.error, p.error-general {color:red;}
p.error-general {font-weight:bold;}
p.success {background:url(img/complete.gif) no-repeat left top; color:#CD7D27; font-weight:bold; margin-top:0.7em; padding:0 0 0 20px;}

