/* CSS Document */

* { margin:0; padding:0; }
body { background:transparent url(http://static.woll-chaos.de/images/backgnd.jpg) repeat scroll 0; font-family: verdana, tahoma, Georgia, serif; font-size: 82.5%; line-height:160%; }

p { padding-top: 9px; padding-bottom:7px; }

h1, h2, h3 { color: #787C87; font-style: italic; }

h1 { font-size: 1.8em; padding-top: 20px; padding-right: 90px; }
h2 { font-size: 1.6em; padding-right: 90px; }
h3 { font-size: 1.4em; padding-top: 7px; padding-bottom:7px; }
h4 { margin-top: 40px; margin-left: 40px; margin-bottom: 10px; }

a:link { color: #000 }     /* unvisited link */
a:visited { color: #666666 }  /* visited link */
/* a:hover { color: #E7CFAD }   /* mouse over link */
a:active { color: #666666 }   /* selected link */


#container { margin: 0px auto; width: 950px; font-size: 1.5em; }
#header { background: transparent url(http://static.woll-chaos.de/images/header.jpg) no-repeat; width: 600px; height: 100px; margin: auto; }
#linkbar { background-image: url(http://static.woll-chaos.de/images/linkbar_bg4.jpg); height: 79px; }

#content { background-color: #fff7ea; padding-left: 80px; padding-right: 80px; }

#right_menu { background-image: url(http://static.woll-chaos.de/images/right_menu2.jpg); height: 365px; width: 277px; float: right; margin-right: -80px!important; margin-right: -40px; }
#footer { background: transparent url(http://static.woll-chaos.de/images/footer.mid.png) repeat-x; height: 63px; padding-top: 80px; padding-left: 80px; padding-right: 80px; text-align: center; font-size: .9em; }

/******************************* menu ****************************************/

#navcontainer ul { margin-left: 100px!important; margin-left: 50px; float: left; margin-top: 14px; }
#navcontainer ul li { display: inline; }
#navcontainer ul li a { font-size: 1.0em; padding: 0.2em 1em; color: black; text-decoration: none; float: left; }
#navcontainer ul li a:hover { text-decoration: underline; }

/********************************' right menu *******************************/

.navcontainer { width: 200px; margin-left: 40px; }
.navcontainer ul { margin-left: 0; padding-left: 0; list-style-type: none; }
.navcontainer a { display: block; padding: 3px; width: 168px; border-bottom: 1px solid #BFC2C9; }
.navcontainer a:link, .navlist a:visited { color: #666; text-decoration: none; }
.navcontainer a:hover { background-color: #8D5764; color: #fff; }

div.left { float:left; padding-right:8px }
div.right { float:right }
div.clear { clear:both }

/*  http://devkick.com/lab/galleria/demo_02.htm */
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

.caption { color:#888; /*position:absolute;top:250px;left:3px;*/ width:200px; }
.demo { position:relative;margin-top:2em;}
.gallery_demo { width:200px;float:left; }
.gallery_demo li{width:55px;height:70px;border:3px double #eee;margin: 0 2px 2px 0;background:#eee;}
.gallery_demo li.hover{border-color:#bbb;}
.gallery_demo li.active{border-style:solid;border-color:#222;}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
.galleria_container{ margin:0 auto 60px auto;height:438px;width:500px;float:right; }
.nav{padding-top:15px;clear:both;}
.info{text-align:left;margin:30px 0;border-top:1px dotted #221;padding-top:30px;clear:both;}
.info p{margin-top:1.6em;}
.nav{position:absolute;top:410px;left:0;}


/* kontaktformular */
#mailform {width: 400px }
#mailform .submit-button { text-align:right; padding-top:8px }
fieldset { margin: 0; padding: 2px; border: none; }
label { float: left; text-align:right; padding-right:10px; padding-top:4px; font-weight:bold; width: 60px; }
input, textarea { padding: 3px; border: 1px solid #626262; font: normal 1em verdana, Arial, Helvetica, sans-serif; }