#page[id]
{
position: relative;
min-height: 100%;
}

* html #page[id]
{
height: 100%;
}
    
html
{
    height:100%;
    margin:0;
    padding:0;
}
    
body
{
    height:100%;
    margin:0;
    padding:0;

}

#content
{
    width:822px;
    margin-left:20px;
    margin-right:13px;
        }

* html #content {
left:13px;
}

#header
{
    padding:0px;
    text-align:center;
    height:138px;
    margin-left:13px;
    margin-right:13px;
        }

* html #header {
left:13px;
}

#navi
{
    margin:0px;
    padding:0px;
    height:33px
    width:796px;
}


#sidenavi {
    float:left;
    width:172px;
    margin-left:13px;
    color:#000000;
    display: block;
    font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 80%;
}

.sidenavi {
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

#innercontent {
    width:590px;
    /*margin-left:200px;*/
    float:left;
    margin-left:15px;
    color:black;
    font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 80%;
    min-height:60px;
}

#innercontent p {
    color:black;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

#home {
float:left;
width:113px;
height:32px;
background-color:#D9EDF4;
color:black;
vertical-align:middle;
}

#ueberuns {
float:left;
width:113px;
height:32px;
background-color:#26AAD6;
color:white;
vertical-align:middle;
}

#kunst {
float:left;
width:114px;
height:32px;
background-color:#0086B3;
color:white;
vertical-align:middle;
}

#wohnen {
float:left;
width:114px;
height:32px;
background-color:#85BD4D;
color:black;
vertical-align:middle;
}

#kinder {
float:left;
width:114px;
height:32px;
background-color:#FFD92A;
color:black;
vertical-align:middle;
}

#arbeit {
float:left;
width:114px;
height:32px;
background-color:#FF7C2D;
color:black;
vertical-align:middle;
}

#kontakt {
float:left;
width:114px;
height:32px;
background-color:#0086B3;
color:white;
vertical-align:middle;
}


h2 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight:bold;
    line-height: 32px;
    margin:0px;
    display:block;
    width:100%;
    /*height:100%;*/
  }

#footer
{
    position: relative;
    margin: -20px auto 0 auto;
    height: 20px;
    width:796px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
}


* html #footer
{
    position: relative;
    margin: -20px auto 0 auto;
    width: 796px;
    height:20px;
    margin: -20px auto 0 auto;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
}


/* Gästebuch */

.fleft {
float:left;
display:block;
width:300px;
margin-top:5px;
margin-bottom:5px;
} 

.fright {
display:block;
width:290px;
margin-top:5px;
margin-bottom:5px;
} 

.formular input {
margin-top:5px;
margin-bottom:5px;
} 

.smilie img {border:0px;padding-left:5px;}

.fontch {display:block;float: left;border:1px solid black;padding-bottom:4px;margin-right:3px;width:14px;height:10px;text-align:center;}

.bildrechts { padding-left:5px;padding-bottom:5px; float: right;}
.bildlinks { padding-right:5px;padding-bottom:5px; float: left;}

a:link {color: #000000;text-decoration : none;}
a:visited {color: #000000;text-decoration : none}
a:hover {color: #000000;text-decoration : none;}
a:focus {color: #000000;text-decoration : none;}
a:active {color: #000000;text-decoration : none;}

a.hblack:link {color: #000000;text-decoration : none;display:block;width:100%;height:100%;}
a.hblack:visited {color: #000000;text-decoration : none;display:block;width:100%;height:100%;}
a.hblack:hover {color: white;text-decoration : none;display:block;width:100%;height:100%;}
a.hblack:focus {color: #000000;text-decoration : none;display:block;width:100%;height:100%;}
a.hblack:active {color: #000000;text-decoration : none;display:block;width:100%;height:100%;}

a.hwhite:link {color: white;text-decoration : none;display:block;width:100%;height:100%;}
a.hwhite:visited {color: white;text-decoration : none;display:block;width:100%;height:100%;}
a.hwhite:hover {color: black;text-decoration : none;display:block;width:100%;height:100%;}
a.hwhite:focus {color: white;text-decoration : none;display:block;width:100%;height:100%;}
a.hwhite:active {color: white;text-decoration : none;display:block;width:100%;height:100%;}

a.hhome:link {color: black;text-decoration : none;display:block;width:100%;height:100%;}
a.hhome:visited {color: black;text-decoration : none;display:block;width:100%;height:100%;}
a.hhome:hover {color: #0086B3;text-decoration : none;display:block;width:100%;height:100%;}
a.hhome:focus {color: black;text-decoration : none;display:block;width:100%;height:100%;}
a.hhome:active {color: black;text-decoration : none;display:block;width:100%;height:100%;}

#sidenavi a:link {color: #000000;text-decoration : none;}
#sidenavi a:visited {color: #000000;text-decoration : none;}
#sidenavi a:hover {color: #000000;text-decoration : none;}
#sidenavi a:focus {color: #000000;text-decoration : none;}
#sidenavi a:active {color: #000000;text-decoration : none;}

.secondoff a:link, .secondon a:link, .secondopen a:link { display:block;width:100%; }
.secondoff a:visited, .secondon a:visited, .secondopen a:visited { display:block;width:100%; }
.secondoff a:hover, .secondon a:hover, .secondopen a:hover { display:block;width:100%; }
.secondoff a:focus, .secondon a:focus, .secondopen a:focus { display:block;width:100%; }
.secondoff a:active, .secondon a:active, .secondopen a:active { display:block;width:100%; }

.thirdoff a:link, .thirdon a:link, .thirdopen a:link { display:block;width:100%; }
.thirdoff a:visited, .thirdon a:visited, .thirdopen a:visited { display:block;width:100%; }
.thirdoff a:hover, .thirdon a:hover, .thirdopen a:hover { display:block;width:100%; }
.thirdoff a:focus, .thirdon a:focus, .thirdopen a:focus { display:block;width:100%; }
.thirdoff a:active, .thirdon a:active, .thirdopen a:active { display:block;width:100%; }


/* Lightbox Galerie */

.description, .medianame {
font-size:0.8em;
}

.gallery_image img {
border: 0;
}

#bc {
  padding-top:15px;
  padding-bottom:9px;
  font-size:12px;
}

#bc a {
  font-size:12px !important;
  color:#000000 !important; 
  text-decoration:underline !important;
}

#bc .separator {

}

.clearer {
  clear:both;
}

.boxleft {
  padding-left:8px;
}

.boxleft a {
  display:block;
  height:20px;
  line-height:20px;
  width:70px;
  font-size:12px;
  text-align:center;
  border:1px solid #000000;
}

.boxleft .x, .boxleft label {
  display:none !important; 
}

#searchterm {
  width:151px;
  margin-bottom:6px;
}

.article_img {
  float:left;
}

.article_img img {
  padding-right:10px;
  padding-bottom:10px;
}