@charset "utf-8";
/* CSS Document */
@import url("final_drop.css");
@import url("ie6.css");
/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.                  */
/* http://creativecommons.org/licenses/by/2.0                     */
/* This style sheet is licensed under a Creative Commons License. */
html {
height:101%;
width:100%;
font-size:1em;
}
:link, :visited {
outline:none;
text-decoration: none;
}
ul, ol {
list-style: none;
}
h1, h2, h3, h4, h5, h6, pre, code, p {
font-size:1em;
}
ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, pre, 
form, body, html, p, blockquote, fieldset, input {
padding: 0;
margin: 0;
}
a img, :link img, :visited img {
border: none;
}
address {
font-style: normal;
}
/* Additions (c)2009 Struct-O-Com, Tammo Lueers */
/***** STANDARDS *****/
html {
font-family:Verdana, Arial, Helvetica, sans-serif;
width:99%;
}
body {
margin:10px 0 0 0;
font-size:0.725em;
}
a,
a:link {
color:#2D2D2D;
text-decoration:underline;
}
a:visited {
color:#2D2D2D;
text-decoration:underline;
}
a:hover {
}
a:active,
a:focus {
}
#top {
visibility:hidden;
}
#site-content {}
#column {}
#content {}
/***** HEADER *****/
#header {
background-image:url(gaf-border-btm.gif);
clear:left;
display:block;
float:left;
height:150px;
width:99%;
z-index:5;
}
#logo {
background-image:url(logo-lnk.jpg);
background-repeat:no-repeat;
display:block;
float:left;
height:140px;
width:200px;
}
#logo a {
display:block;
float:left;
height:140px;
width:200px;
}
.nav3 { /*Werkstätten*/
background-image:url(gaf-bridge.png);
background-repeat:repeat-y;
height:100%;
line-height:1.3em;
padding:20px 0 40px 0;
position:absolute;
right:3%;
top:0;
width:240px;
z-index:1000;
}
.nav3 a, .nav3 a:visited {
color:#8C8A94;
text-decoration:none;
margin-left:-10px;
padding:3px 0 3px 10px;
width:220px;
/* background-color:red; */
display:block;
}
.nav3 a:hover {
background-image:url(gaf-bridge-hov.png);
background-position:0 -20px;
color:#2D2D2D;
text-decoration:none;
background-repeat:repeat-y;
padding:3px 10px;
width:220px;
}
.nav3 ul {
padding-left:10px;
width:210px;
}
.nav3 li, .nav3 li:visited {
/* margin:0 0 5px 0; */
}
.nav3 li:hover {
margin-left:-10px;
padding:0 10px;
width:220px;
}
#pagetitle {
left:220px;
position:absolute;
top:80px;
color:#8c8a94;
}
#pagetitle a {
font-size:1.4em;
text-decoration:none;
}
#page1 #pagetitle {
top:48px;
left:285px;
}
#page1 #pagetitle a {
color:#8C8A94;
text-decoration:none;
} 
#page1 #pagetitle a:hover {
color:#2D2D2D;
}
#page1 #pagetitle p b {
color:#2D2D2D;
font-weight:normal;
} 
/* End HEADER */
/***** CONTENT *****/
#main-content {
clear:both;
display:block;
float:left;
margin:0 0 10px 10px;
min-height:373px;
position:relative;
width:100%;
}
#main {}
#main-block {
width:69%;
}
#main-content-block {
margin:10px 0 0 0;
} 
#main-content-block #links {
width:320px;
float:left;
margin-right:10px;
}
#main-content-block #rechts {

float:left;
width:49%;
}
#main-content-block .txt-img {

}
#main-content-block p {
margin:0 0 10px 0;
}
#main-content-block h1 {
}
#main-content-block h2 {
}
#main-content-block h3 {
font-size:1.2em;
margin:0 0 5px 0;
}
#main-content-block h4 {
}
#main-content-block h5 {
}
#main-content-block h6 {
}

/* Image Startseite */
#page1 img.pleft {
float:left;
margin:8px 0 0 250px;
}

/* End CONTENT */
/***** NAV2 *****/
#nav2 {
clear:left;
display:block;
float:left;
margin:10px 0 30px 0;
width:100%;

}
#nav2 ul li {
display:inline;
margin:0 10px 0 0;
top:0;
}
#nav2 a {
color:#8C8A94;
text-decoration:none;
}
#nav2 a#id27 {
color:#000;
}
#nav2 a:hover {
color:#2D2D2D;
}
/***** TERMIN *****/
/* #ausstellung {
color:#8C8A94;
font-size:1em;
left:360px;
position:absolute;
top:537px;
width:45%;
}
#ausstellung b {
font-weight:normal;
} */
/* FOOTER */
#footer {
/* background-color:gold; */
background-image:url(gaf-border-top.gif);
background-repeat:repeat-x;
clear:left;
color:#8C8A94;
/* float:left; */
/* font-size:0.8em; */
height:50px;
/* margin:30px 0 0 0; */
padding:0 10px;
position:relative;
}
#footer a,
#footer a:link,
#footer a:visited {
color:#8C8A94;
text-decoration:none;
}
#footer a:hover {
color:#2D2D2D;
/* text-decoration:underline; */
}
#footer .copy {
clear:left;
font-size:0.8em;
}
/***** KLASSEN *****/
.clear {
height:0;
visibility:hidden;
}
/***** FORMULAR *****/
/* Div das das Formular umschließt */
.formgen {
font-size: 1em;
margin:0 0 0 60px;
}
#form-module-thanks {
margin:0 0 0 275px;
}
/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
cursor: pointer;
}
.formgen form {
line-height : 120%;
}
/* Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann */
.formgen .formblock {
}
 .forminfo {
color:#990000;
position:absolute;
left:10px;
top:157px;
}
/* Verhalten von br-Tags */
.formgen br {
clear : both;
}
/***** FORMULAR-OBJEKTE *****/
/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield {
border: 1px solid #003366;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
height: 180px;
margin-left: 1px;
width: 400px;
}
/* Textfeld */
.formgen .formtext {
border:0;
border-bottom: 1px dashed #003366;
font-size: 1em;
margin:2px 0 2px 0;
padding:0 0 2px 0;
width: 250px;
}
.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
border-bottom:1px solid #F7C300;
}
/* Label */
.formgen label {
clear: left;
float: left;
height: 20px;
width: 150px;
}
/* Aussehen der Select-Ausgabe */
.formgen .formselect {
background-color: #33FF33;
color: #000000;
margin-left: 4px;
width: 200px;
}
/* Sende-Button */
.formgen .formsubmit {
background-color:#EBE9DD;
border:1px outset #8C8A94;
color:#2D2D2D;
margin:2px 0 0 151px;
text-align:center;
width:100px;
}
.formgen .formsubmit:hover {
background-color:#F7C300;
border:1px outset #8C8A94;
color:#fff;
}
.formgen .formsubmit:active,
.formgen .formsubmit:focus {
background-color:#F7C300;
border:1px inset #8C8A94;
color:#fff;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/
/* Markierung der Labels bei Fehler */
.formgen .formerror {	
border-bottom-width: 1px;
color: #990000;
}
.formgen .formtrenn hr {
background-color:#fff;
border:0;
color:#fff;
height:0px;
}

/***** GALERIE *****/
#gallery {
display:block;
float:left;
overflow:hidden;
white-space:nowrap;
}
#gallery #galThumbs {
/* bottom:13px; */
height:50px;
left:0;
position:relative;
}
#gallery .galThumb {
display:inline;
/* float:left; */
margin:0 0 0 0;
}
#gallery #bigPic {
/* left:350px; */
position:relative;
}

#gallery .picTitle {
color:#8C8A94;
height:20px;
}