* {margin: 0; padding: 0;}

body {background: #F5F5F5 url(_design/shattered.png) repeat; border-bottom: 5px solid #444; min-height: 1100px;}
html {border: 5px solid #444; border-bottom: none;}

div, p {font-size: 13px; font-family: Helvetica; margin-bottom: 25px; line-height: 20px;}

#wrapper {background: transparent url(_design/bgZahnrad.png) 550px 95px no-repeat; width: 980px;}
#header {text-align: center; height: 120px;}
#container {clear: both;}
#left {margin-top: -270px;}
#main {}
#footer {height: 175px; margin-left: 420px; width: 540px; padding-top: 10px; border-top: 2px solid #318FA7;}

h1 {font-family: 'Reenie Beanie';}
h2 {font-family: 'Reenie Beanie';}

#main h1, #main h2 {line-height: 28px; margin-bottom: 15px; color: #3C3C3B; font-weight: normal; font-size: 33px;}
#main img {background: #FFF; border: 3px solid #FFF; border-radius: 3px;}

#main h1 {font-size: 33px; margin-bottom: 25px;}


.facebook {position: relative; top: -10px; left: 428px;}

.werk89Logo {text-align: center; padding: 45px 355px 30px 105px;}

a:link, a:visited {color: #318FA7; text-decoration: none;}
a:hover {color: #444444;}

.clear {clear: both; height: 0; color: none; border: none;}

.frontmodul1 {width: 217px; position: relative; float: left; right: 0px; background: #444444; box-shadow: 0 0 10px #000; border-radius: 1px; color: #FFF; padding: 10px 10px 5px 10px; border-radius: 3px; position: relative; top: 170px; z-index: 5;}
.frontmodul1 img {border: 2px solid #FFF;}
.frontmodul1 p, .frontmodul1 div {font-family: 'Reenie Beanie'; margin-bottom: 0;} 

.frontmodul2 {width: 420px; position: relative; float: right; background: #444444; right: 0px; margin-top: -170px; box-shadow: 0 0 10px #000; border-radius: 1px; color: #FFF; padding: 20px 20px 0px 20px; border-radius: 3px; height: 190px;}
.frontmodul2 h2 {font-family: 'Reenie Beanie'; margin: 0 0 20px 0; font-weight: normal; font-size: 28px;}
.frontmodul2 p { margin-bottom: 8px;}
.frontmodul2 p a:link, .frontmodul2 p a:visited {background: #318FA7; padding: 3px 7px; border-radius: 4px; height: 20px; color: #FFF; font-family: 'Reenie Beanie'; font-size: 23px;}
.frontmodul2 p a:hover {background: #509FB4}
.frontmodul2 img {background: #FFF; padding: 5px; border-radius: 4px; margin-left: 20px;}


.mod_breadcrumb {position: relative; top: -182px; left: 657px; text-align: right; font-size: 13px; font-weight: normal; color: gray; width: 300px;}
.mod_breadcrumb a {color: #3C3C3B;}
.mod_breadcrumb a:link, .mod_breadcrumb a:link {font-size: 13px; text-decoration: none; color: #3C3C3B;}
.mod_breadcrumb a:hover {color: #318FA7;}
.mod_breadcrumb span.active {color: #3C3C3B font-size: 13px;}

#left .mod_customnav {background: #444444; padding: 20px 30px; width: 150px; height: 278px; box-shadow: 0 0 10px #000; border-radius: 3px; position: absolute; z-index: 10; top: 235px; left: 130px;}
#left .mod_customnav h4 {font-size: 12px; font-weight: normal; color: gray; margin: 0 0 20px 0; float: right; position: relative; top: -10px; left: 14px;}
#left .mod_customnav li {font-size: 30px; list-style: none; font-weight: normal;}
#left .mod_customnav li a:link, #left .mod_customnav li a:visited {display: block; padding: 8px 0 9px 0; text-decoration: none; font-family: 'Reenie Beanie'; color: #FFF; font-weight: normal;}
#left .mod_customnav li a:hover {color: #509FB4;}
#left .mod_customnav li span.active {display: block; padding: 8px 0 9px 0; font-family: 'Reenie Beanie'; color: #509FB4;}


#left .mod_customnav li.trail a.trail {display: block; padding: 8px 0 9px 0; text-decoration: none; font-family: 'Reenie Beanie'; color: #509FB4; font-weight: normal;}


.mod_subscribe {background: #318FA7; padding: 20px 20px; width: 171px; border-radius:  0 0 4px 4px; border-top: 2px solid #DDD; height: 60px; position: relative; z-index: 15; top: 451px; left: 130px; position: absolute;}
.mod_subscribe input {border: none; background: #FFF; display: block; border-radius: 3px; width: 150px; padding: 3px 5px 3px 5px;}
.mod_subscribe input.submit {cursor: pointer; width: 100px; margin-top: 12px;}
.mod_subscribe input.submit:hover {cursor: pointer;}

.mod_subscribe p {color: #FFF;}



#footer .mod_customnav {font-size: 13px;}
#footer .mod_customnav li {list-style: none; float: left; margin: 0 20px 0 0; color: gray;}
#footer .mod_customnav li a:link, #footer .mod_customnav li a:visited {font-size: 13px; text-decoration: none; color: #3C3C3B;}
#footer .mod_customnav li a:hover {color: black;}
#footer .mod_customnav li span.active {color: black; font-weight: bold;}
#footer .mod_customnav li.trail a:link, #footer .mod_customnav li.trail a:visited {color: #318FA7;}


.imprint {margin: 20px 0 40px 0; font-size: 13px; height: 100px; width: 250px; float: right; position: relative; top: -65px; color: #999;}




.flexslider .slides img {border: 4px solid #FFF; box-shadow: 0 0 10px #000; border-radius: 4px;}


.toggler {font-size: 30px; font-family: 'Reenie Beanie'; background: transparent url(_design/teamIcon.png) no-repeat; padding: 6px 0 0 40px; cursor: pointer;}
.toggler:hover {color: #509FB4;}
.toggler.active {color: #3C3C3B;}

.ce_accordion {margin-bottom: -20px;}

.ce_accordion a:link, .ce_accordion a:visited {background: #318FA7; padding: 3px 7px; border-radius: 4px; height: 20px; color: #FFF; font-family: 'Reenie Beanie';}
.ce_accordion a:hover {background: #509FB4}


#produktionen {}
#produktionen .mod_article {}
#produktionen h2 {margin-bottom: 20px; font-family: 'Reenie Beanie';}
#produktionen img {margin-right: 40px; border: 3px solid #FFF;}
#produktionen img:hover {border: 3px solid #318FA7;}

#produktionen p a:link, #produktionen p a:visited {background: #318FA7; padding: 3px 7px; border-radius: 4px; height: 20px; color: #FFF; font-family: 'Reenie Beanie'; font-size: 20px; float: right;}
#produktionen p a:hover {background: #509FB4;}

#aktuelles {}
#aktuelles h2 {width: 380px; font-family: 'Reenie Beanie'; margin-bottom: 20px; line-height: 28px;}
#aktuelles .info {background: #AAA; width: 100px; color: #FFF; padding: 3px 7px 2px 7px; border-radius: 4px; height: 20px; font-family: 'Reenie Beanie'; font-size: 20px; text-align: center; float: right;}

#chronologie .info {background: #AAA; width: 100px; color: #FFF; padding: 3px 7px 2px 7px; border-radius: 4px; height: 20px; font-family: 'Reenie Beanie'; font-size: 20px; text-align: center; float: right; margin-top: -39px;}

#links {}
#links img {background: #FFF; border: 8px solid #FFF; border-radius: 4px; margin-right: 20px;}


/* .mod_article a:link, .mod_article a:visited {background: #318FA7; padding: 3px 7px; border-radius: 4px; height: 20px; color: #FFF; font-family: 'Reenie Beanie';}
.mod_article a:hover {background: #509FB4} */


p.more a:link, p.more a:visited, p.back a:link, p.back a:visited {background: #318FA7; padding: 3px 7px; border-radius: 4px; height: 20px; color: #FFF; font-family: 'Reenie Beanie'; font-size: 20px;}
p.more a:hover, p.back a:hover {background: #509FB4;}


.frontmodul1 a.img {margin: 0;}

div.downloadarchivList div {margin-bottom: 5px;}

div.downloadarchivList div div {float: left;}
div.downloadarchivList div div img {margin-right: 30px; visibility: visible;}
div.downloadarchivList div img {margin-right: 15px; position: relative; top: 7px; visibility: hidden;}
div.downloadarchivList div {background: url(_design/download.png) 190px 7px no-repeat;}