* {
padding: 0;
margin: 0;
}
html, body {
height: 100%;
}
html {
 overflow-y: scroll;
}
body {
font-size: 100%;
line-height: 1.125em;
background-color: #fff;
font-family: Arial, sans-serif;
min-width: 980px;
}
#wrapper {
width: 980px;
position: relative;
top: 20px;
left: 50%;
margin-left: -490px;
}
#sponsor  {
clear: both;
line-height: 1.3;
margin-left: 6px;
}
#content {
float: right;
width: 725px;
position: relative;
}
#mainContent {
float: left;
}
#kontakt #mainContent {
width: 410px;
}
#aussteller #mainContent {
width: 500px;
}
#secondaryContent {
float: right;
}
#kontakt #secondaryContent {
width: 295px;
}
#aussteller #secondaryContent {
width: 200px;
margin-bottom: 50px;
}
#aussteller #secondaryContent ul {
margin-bottom: 1.5em;
}
.slash {
color: #000;
font-size: .75em;
font-weight: bold;
}
#sidebar {
float: left;
width: 245px;
}
#footer {
clear: both;
}
a {
text-decoration: none;
outline: none;
}
ul {
list-style: none;
}
ul#mainNav {
float: left;
width: 728px;
padding-left: 252px;
background-color: #51787d;
}
ul#mainNav li {
float: left;
}
ul#mainNav li#first {
position: absolute;
top: 0;
left: 0;
}
ul#mainNav a {
display: block;
padding: 0 .5em;
font-size: 14px;
line-height: 1.75em;
font-weight: bold;
}
#anmeldung #mainNav .anmeldung a,
#aussteller #mainNav .aussteller a,
#aussteller #secondaryNav .aussteller a,
#service #mainNav .service a,
#programm #mainNav .programm a,
#presse #mainNav .presse a,
#presse #secondaryNav .presse a,
#foerderer #mainNav .foerderer a,
#kontakt #mainNav .kontakt a,
#archiv #mainNav .archiv a,
#impressum #mainNav .impressum a,
#aussteller #content li.current a {
color: #f56eaf;
}
ul#mainNav a:link, ul#mainNav a:visited, #galleryList p.koje a:link, #galleryList p.koje a:visited {
color: #fff;
}
ul#mainNav a:hover, ul#mainNav a:active, #galleryList p.koje a:hover, #galleryList p.koje a:active {
color:#f56eaf;
}
#content a:link, #content a:visited {
color: #51787d;
}
#content a:hover, #content a:active {
color: #f56eaf;
}
#aussteller #mainContent ul ,
#aussteller #content ul#secondaryNav,
#presse #content ul#secondaryNav {
float: left;
margin-bottom: 1em;
padding-left: 5px;
}
#presse #content ul#secondaryNav  li,
#aussteller #content ul#secondaryNav  li {
float: left;
}
#presse ul#leftcol {
float: left;
margin-left: 5px;
}
#presse ul#rightcol {
float: right;
}
#presse ul.column {
width: 49%;
font-size: .875em;
font-weight: bold;
}
#presse ul.column  li {
margin-bottom: .875em;
}
#presse ul.column  li .imgsize {
font-size: .75em;
padding-left: 1em;
}
#presse #audioplayer1 {
/*position: relative;
top: -13px;
left: 1px;*/
padding-left: 4px;
}
.sampleplayer {
position: relative;
top: -13px;
left: 2px;
/*margin-bottom: 2px;*/
height: 20px;
width: 228px;
outline: none;
}
#aussteller #mainContent ul  li{
float: left;
}
ul#secondaryNav li a {
font-size: .875em;
font-weight: bold;
padding-right: .75em;
}
#aussteller #content ul#alphabet, #aussteller #content ul#technik {
font-size: .875em;
font-weight: bold;
}
#aussteller #content ul#alphabet {
width: 320px;
}
#aussteller #content ul#technik,
#aussteller #content #inc {
width: 470px;
}
#aussteller #content #galleryInc {
width: 600px;
}
#aussteller #content #leftcol {
float: left;
width: 54%;
}
#aussteller #content  #galleryList ul {
font-size: .875em;
font-weight: bold;
margin-left: 5px;
margin-bottom: 1em;
}
#aussteller #content #rightcol {
float: right;
width: 44%;
}
p.koje {
color: #fff;
background-color: #51787d;
margin-bottom: 1em;
height: 1.5em;
line-height: 1.5;
padding-left: 5px;
margin-left: 5px;
}
.sample {
float: left;
margin-right: 1em;
padding-left: 5px;
}
#inc p.copy {
font-size: .75em;
padding-right: 0;
text-align: right;
line-height: 1.25em;
margin-bottom: 1em;
}
p.small {
font-size: .75em;
line-height: 1.25em;
}
p.evenSmaller {
font-size: 8px; 
padding: 0; 
line-height: 1.1;
}
#inc p.adress {
}
#inc h2, .nametec h2 {
font-size: 1.15em;
margin-top: 1em;
}
#aussteller #secondaryContent a {
font-weight: bold;
font-size: .875em;
padding-left: 5px;
}
img {
border: none;
}
p, h2, h3 {
font-size: .875em;
font-weight: bold;
padding: 0px 5px;
}
p, h3 {
margin-bottom: 1.25em;
}
p.warning {
color: #f56eaf;
padding-left: 1px;
}
.nametec h3 {
margin-bottom: 0;
}
p.alert {
width: 225px;
}
.foerdererlogo {
clear: right;
width: 90%;
}
.foerdererlogo img {
float: right;
margin-left: 10px;
margin-bottom: 2em;
}
p#logoGroupheading {
margin-bottom: .2em;
}
p#logoGroup {
text-align: right; 
width: 90%;
}
p#logoGroup img {
margin-right: 4px;
}
p#logoGroup #lastImage {
margin-right: 20px;
}
.at {
color: #000; 
font-size: 1.55em;
line-height: 1.55em;
}
.bo {
color: #000; 
font-size: 1.20em;
line-height: 1.20em;
}
.star {
color: #51787d;
}
.narrow p {
width: 70%;
}
#art05 a, #art07 a, #art09 a {
position: relative;
left: -14px;
top: -55px; 
font-size: 25px;
font-weight: bold;
}
#art05 a:link,
#art05 a:visited,
#art07 a:link,
#art07 a:visited, 
#art09 a:link,
#art09 a:visited {
color: #000;
}
#art05 a:hover,
#art05 a:active,
#art07 a:hover,
#art07 a:active,  
#art09 a:hover,
#art09 a:active {
color: #51787d;
}
fieldset {
border: none;
padding: 0px 5px;
}
label {
display: block;
font-size: .875em;
font-weight: bold;
}
input, textarea {
border: none;
color: #fff;
background-color: #51787d;
margin-bottom: .5em;
}
input.text {
width: 225px;
padding: .2em .3em .5em .3em;
}
textarea {
width: 225px;
padding: .5em .3em .5em .3em;
overflow: auto;
}
input.button {
font-weight: bold;
padding: .1em .5em .1em .5em;
}
.clear {
clear: left;
}

/*The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
  a) supplying one via CSS
  b) passing the &quot;zIndex&quot; parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 665px; 
background-color: #ffffff;
color: #000;
border: 1px solid #51787d;
padding: 12px 12px 12px 8px;
}
#geleitwort {
height: 660px;
}
.jqmOverlay {
background-color: #000;
}
a.jqmClose {
font-size: .75em;
font-weight: bold;
}
#home a.jqmClose {
float: right;
margin-right: 15px;
}
#aussteller a.jqmClose {
position: absolute;
bottom: 15px;
right: 15px;
}
#aussteller p.koje a.jqmClose {
position: static;
float: right;
line-height: 2;
}
.jqmWindow .sample img {
margin-bottom: .75em;
}
p.wanka {
float: right;
width: 52%;
}
#home #gallery-nav {
margin-left: 5px;
}
#home #gallery-nav a {
font-size: .75em;
font-weight: bold;
margin-right: 10px;
}
#home #gallery {
width: 610px;
}
#home #gallery img {
margin-left: 5px;
}
p#imgsub {
float: right;
font-size: .70em;
}

/*Diashow*/

.jqmWindow {
/*display: none;*/ 
/*background: transparent;*/
z-index: 1; /*a {
text-decoration: none;
outline: none;
}Der IE6 benötigt diese Angabe aus nicht nachvollziehbarem Grund.*/
}

#gallery .closeButton {
position: absolute;
top: 2px;
right: 2px;
}
#slideshow {
position: relative;
height: 420px;
}
#slideshow img {
position: absolute;
top:0;
left:0;
}

#show {position:absolute; left:0px; top:40px; width:600px; }

#note {
margin: 0px 30px 0px 16px;
}
#note p {
padding-left: 0;
}

#artbutton {
position: absolute;
top: 35px;
left: 643px;
}

