/*  body und schrift definitionen */
html { 
  padding:0px;
  margin:0px;
}

body {
font-size: 12px;
color: #666666;
font-family: Trebuchet MS, Helvetica, Sans-Serif; 
padding:0px;
margin:0px;
}

.bgorange {
background-image: url(bilder/bg_orange.gif);
background-repeat:repeat;
}

.bggelb {
background-image: url(bilder/bg_gelb.gif);
background-repeat:repeat;
}

.bgrot {
background-image: url(bilder/bg_rot.gif);
background-repeat:repeat;
}

.bggruen {
background-image: url(bilder/bg_gruen.gif);
background-repeat:repeat;
}

.bgbraun {
background-image: url(bilder/bg_braun.gif);
background-repeat:repeat;
}

.bghellblau {
background-image: url(bilder/bg_hellblau.gif);
background-repeat:repeat;
}

.bghellbraun {
background-image: url(bilder/bg_hellbraun.gif);
background-repeat:repeat;
}

.bgolive {
background-image: url(bilder/bg_olive.gif);
background-repeat:repeat;
}

.bggrau {
background-image: url(bilder/bg_grau.gif);
background-repeat:repeat;
}


/* for iePC */
td {
font-size: 12px;
line-height: 16px;
}


/* Logo */
#logo {
top: 20px;
left: 30px;
position: absolute;
margin: 0px;
padding: 0px;
width: 195px;
height: 46px;
float:left;
}

.lgorange {
background-image: url(bilder/lg_orange.gif);
background-repeat: no-repeat;
background-position: left bottom;
}

.lggelb {
background-image: url(bilder/lg_gelb.gif);
background-repeat: no-repeat;
background-position: left bottom;
}

.lgrot {
background-image: url(bilder/lg_rot.gif);
background-repeat: no-repeat;
background-position: left bottom;
}

.lggruen {
background-image: url(bilder/lg_gruen.gif);
background-repeat: no-repeat;
background-position: left bottom;
}

.lgbraun {
background-image: url(bilder/lg_braun.gif);
background-repeat: no-repeat;
background-position: left bottom;
}

.lgolive {
background-image: url(bilder/lg_olive.gif);
background-repeat: no-repeat;
background-position: left bottom;
}

.lghellblau {
background-image: url(bilder/lg_hellblau.gif);
background-repeat: no-repeat;
background-position: left bottom;
}

.lghellbraun {
background-image: url(bilder/lg_hellbraun.gif);
background-repeat: no-repeat;
background-position: left bottom;
}

.lggrau {
background-image: url(bilder/lg_grau.gif);
background-repeat: no-repeat;
background-position: left bottom;
}


/* Logo */
#logotext {
top: 70px;
left: 60px;
position: absolute;
margin: 0px;
padding: 0px;
width: 400px;
height: 20px;
font-size:13px;
letter-spacing: 1px;
float:left;
}

/*logo*/
/*logo*/
 #logoprint{
margin:0px;
padding:0px;
display: none;
}



/*Quadrat oben*/
#quadrat{
top: 20px; 
left: 768px; 
position: absolute;
width: 224px;
height: 224px;
float:left;
}

.q1 {
background-image: url(bilder/1_aktuell.jpg);
border: 1px solid #ff9900;
background-repeat: no-repeat;
background-position: left bottom;
}

.q1_1 {
background-image: url(bilder/1_1_newsletter.jpg);
border: 1px solid #ff9900;
background-repeat: no-repeat;
background-position: left bottom;
}


.q2 {
background-image: url(bilder/2_bistro.jpg);
border: 1px solid #66cc00;
background-repeat: no-repeat;
background-position: left bottom;
}

.q3 {
background-image: url(bilder/3_galerie.jpg);
border: 1px solid #330033;
background-repeat: no-repeat;
background-position: left bottom;
}

.q4 {
background-image: url(bilder/4_tagen.jpg);
border: 1px solid #849f52;
background-repeat: no-repeat;
background-position: left bottom;
}

.q4_1 {
background-image: url(bilder/4_1_aussenraeume.jpg);
border: 1px solid #849f52;
background-repeat: no-repeat;
background-position: left bottom;
}

.q4_2 {
background-image: url(bilder/4_2_teamanlaesse.jpg);
border: 1px solid #849f52;
background-repeat: no-repeat;
background-position: left bottom;
}

.q4_3 {
background-image: url(bilder/4_3_reservationsformular.jpg);
border: 1px solid #849f52;
background-repeat: no-repeat;
background-position: left bottom;
}

.q5 {
background-image: url(bilder/5_kunst.jpg);
border: 1px solid #261c06;
background-repeat: no-repeat;
background-position: left bottom;
}

.q5_1 {
background-image: url(bilder/5_1_workshop.jpg);
border: 1px solid #261c06;
background-repeat: no-repeat;
background-position: left bottom;
}

.q6 {
background-image: url(bilder/6_sahlihuus.jpg);
border: 1px solid #a1bad0;
background-repeat: no-repeat;
background-position: left bottom;
}

.q6_1 {
background-image: url(bilder/6_1_umbau.jpg);
border: 1px solid #a1bad0;
background-repeat: no-repeat;
background-position: left bottom;
}

.q6_2 {
background-image: url(bilder/6_2_katherin_balsiger.jpg);
border: 1px solid #a1bad0;
background-repeat: no-repeat;
background-position: left bottom;
}

.q6_3 {
background-image: url(bilder/6_3_presse.jpg);
border: 1px solid #a1bad0;
background-repeat: no-repeat;
background-position: left bottom;
}

.q7 {
background-image: url(bilder/7_links.jpg);
border: 1px solid #b5a488;
background-repeat: no-repeat;
background-position: left bottom;
}

.q7_1 {
background-image: url(bilder/7_1_team.jpg);
border: 1px solid #b5a488;
background-repeat: no-repeat;
background-position: left bottom;
}

.q7_2 {
background-image: url(bilder/7_2_kontakte.jpg);
border: 1px solid #b5a488;
background-repeat: no-repeat;
background-position: left bottom;
}


.q8 {
background-image: url(bilder/8_kontakt.jpg);
border: 1px solid #e1431c;
background-repeat: no-repeat;
background-position: left bottom;
}

.q8_1 {
background-image: url(bilder/8_1_anreise.jpg);
border: 1px solid #e1431c;
background-repeat: no-repeat;
background-position: left bottom;
}


.q8_2 {
background-image: url(bilder/8_2_kontaktformular.jpg);
border: 1px solid #e1431c;
background-repeat: no-repeat;
background-position: left bottom;
}


/*navi*/
 #navcontainer{
top: 150px; 
left: 30px; 
position: absolute; 
margin: 0px;
padding: 0px;
width: 220px;
float:left;


background-color: transparent;
}
/*
#navcontainer img{
padding: 0px;
margin: 55px 0px 28px 0px;
}
*/

#navi
{
/*
border-top: 1px solid #999999;
*/
margin: 0;
padding: 0;
width: 189px;
margin: 0px 0px 0px 0px;
}
 #navi ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#navi a
{
display: block;
color: #ffffff;
background-color: tranparent;
padding: 5px 0px 5px 0px;
text-decoration: none;
width: 169px;
/*
border-bottom: 1px solid #ffffff;
border-top: 1px solid #ffffff;
*/
font-weight: bold;
}


#navi a:hover
{
color: #666666;
border-bottom: 1px solid #ffffff;
}

#navi a.selected {
color: #666666;
border-bottom: 1px solid #ffffff;
}

#navi li li a
{
display: block;
background-color: transparent;
padding: 3px 0px 3px 20px;
text-decoration: none;
width: 149px;
/*
border-top: 1px solid #999999;
*/
font-weight: normal;
}

#navi li li a:hover
{
color: #666666;
border-bottom: 1px solid #666666;
}


#navi li li a.selected {
color: #666666;
border-bottom: 1px solid #666666;
}



/*Inhalt*/
#contentrahmen {
top: 143px; 
left: 200px; 
position: absolute; 
padding: 0px;
margin: 0px;
width: 680px;
background-color: #ffffff;
/*
border: 1px solid #ff9900;
*/
}

#content {
padding: 20px 130px 20px 20px;
margin: 0px;
width: 528px;
line-height: 18px;
/*
border-bottom: 1px solid #ffffff;
*/
}

.corange { 
border: 1px solid #ff9900;
}

.cgelb { 
border: 1px solid #ffcd14;
}

.crot { 
border: 1px solid #e1431c;
}

.cviolett { 
border: 1px solid #330033;
}

.cgruen { 
border: 1px solid #66cc00;
}

.cbraun { 
border: 1px solid #261c06;
}

.chellblau { 
border: 1px solid #a1bad0;
}

.chellbraun { 
border: 1px solid #b5a488;
}

.colive { 
border: 1px solid #849f52;
}


h1  { 
font-size: 14px;
margin: 0px; 
padding: 10px 0px  10px  0px;
}

.orange { 
color: #ff9900;
}

.gelb { 
color: #ffcd14;
}

.rot { 
color: #e1431c;
}

.violett { 
color: #330033;
}

.gruen { 
color: #66cc00;
}

.braun { 
color: #261c06;
}

.hellblau { 
color: #a1bad0;
}

.hellbraun { 
color: #b5a488;
}

.olive { 
color: #849f52;
}

#content h2  { 
font-size: 13px;
margin: 0px; 
padding: 0px 0px  10px  0px;
}

#content .img {
margin:0px;
padding:0px;
border: 1px solid #999999;
}
/*
#content p {
text-align:justify;
}
*/

#content ul
{
margin: 0px 0px 0px 10px;
padding: 0px 20px 10px 5px;
line-height: 18px;
}

#content ul li
{
margin: 0px 0px 0px 0px;
padding: 0px 20px 10px 5px;
/*
list-style-image: url(bilder/square.gif);
*/
line-height: 18px;
}

/*Formular fuer Ausstellungen*/
form {
margin:0px;
padding: 0px;
}
input, textarea, select { 
width:300px;
background-color: #ffffff;
border: 1px solid #c2c6ca; 
color: #000000;
font-size: 11px; 
margin-top:5px;
padding: 2px;
}

input.not, textarea.not { 
width:100px;
background-color: #ffffff;
border: 1px solid #c2c6ca; 
color: #000000;
font-size: 12px; 
margin-top:5px;
padding: 2px;
}

input.knopf { 
width: 18px;
font-size: 12px; 
margin-top:5px;
padding: 2px;
}
input.delete { 
width: 80px;
font-size: 12px; 
margin-top:5px;
padding: 2px;
}
.check { 
width:auto;
background-color:transparent;
border:none;
}

input:focus, input:hover, textarea:focus, textarea:hover {
background-color: #e8e8e8;
}

.info {
font-weight:bold;
color:#CC0000;
}

/*Fusszeile*/
#footer {
margin: 0px;
padding: 5px 0px 0px 20px;
font-size: 12px; 
color: #666666; 
text-decoration: none;
letter-spacing: 1px;
}

#navfooter
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
/*
letter-spacing: 1px;
*/
}

#navfooter li
{
margin: 0px;
padding: 0px;
display: inline;
list-style-type: none;
}

.clr { clear: left; 
}


#footer td {
font-size: 10px; 
color: #666666;
text-decoration: none;
}

/*adresse nur fuer print*/

#footerprint
{
display: none;
}

.imgorange
{
border: 1px solid #ff9900;
}