/*-----------ALLGEMEIN-------------*/
body {margin: 0 auto;background:url(../images/body_background.png);text-align:center;}
a{color: #ffffff; text-decoration: none;}
a img {border:none;}
h1{font: 26px Georgia,'Times New Roman',Times,serif;}
div#container{margin:auto;width:900px;font-family:Verdana,Arial,Helvetica,sans-serif;}
div.margin_top{margin-top: 120px;margin-top: 105px;}
/*---------HEADERBEREICH----------*/
div.header{margin-top: 40px;float:left;}
div.navigation{display:table;height: 90px;padding: 10px;}
.navi{font-size:16px;margin-top:80px;height: 57px;display: block;text-decoration: none;border:none;}
.icons{width: 86px;background: url(../images/navigation.png) 20px 0px no-repeat; float:left;margin-left:180px;text-align:left;}
.service{width: 82px; background: url(../images/navigation.png) -80px 0px no-repeat; float:left;  text-align:center; margin-left: 20px;}
.contact{width: 82px; background: url(../images/navigation.png) -185px 0px; float:left;  text-align:center; margin-left: 20px;}
.icons:hover{background-position: 20px -70px;}
.service:hover{background-position: -80px -70px;}
.contact:hover{background-position: -185px -70px;}
/*-------------CONTENT-------------*/
div.twocols{margin-top:80px;text-align:left;display:table;}
div.twocols_left{width: 600px;float:left;color: #ffffff;font-size:26px;margin-right: 30px;}
div.monster_icons{margin-top: 40px;}
div.twocols_right{display:table;font-size:13px;color:#cccccc;line-height:20px;padding-top: 65px;}
div.center_txt{display:table;}
div.twocols_right a{font-weight: bold;}
/*----------Donation-----------------*/
div.donation {color: #cccccc;font-size:13px;margin-top: 40px;display:table;width:100%;}
div.donation_img{float:left;display:table-cell;vertical-align:middle}
div.donation_txt{display:table-cell;margin-left:160px;vertical-align:top;padding-top:30px;text-align:left}
/* ----------------Portfolio / Servie------------- */
#portfolio {width:600px;background:url(../images/portfolio-background.png) bottom left no-repeat;display:table;position:relative;font-size:13px;border-top:1px solid #808080}
#portfolio .inner {display:table;background-color:#4d4d4d;margin:0px 0px 39px 0px;padding:31px 14px 0px 28px}
#portfolio ul{list-style-type:none;margin:0px;padding:0px;width:558px}
#portfolio ul li{float:left;display:table-cell;background:url('../images/element-background.png') 0 0 no-repeat;width:154px;height:155px;vertical-align:middle;padding:0px;margin:0px 14px 28px 14px;line-height:24px;}
#portfolio li, #portfolio a {color:#808080;text-align:center;}
#portfolio ul li img {vertical-align:middle;margin:20px 41px 5px 41px}
#portfolio span {background:url('../images/zoom.png') 0 0 no-repeat;padding-left:20px;color:#fff}
#portfolio ul li a{display:block;width:154px;height:155px;vertical-align:middle;}
/*--------------Contact-------------*/
div.threecols{font-size: 12px;display: table;margin-top: 40px;color: #ffffff;text-align:left;}
div.threecols_image {text-align:center; margin-top:30px;}
div.threecols_image_margin{padding-top: 35px;}
div.threecols p{padding-left: 22px;}
div.threecols_left{width:280px;height: 263px;background: url(../images/contact-background.png) no-repeat;float:left;}
div.threecols_right, div.threecols_middle{display: table;margin-left: 20px;width:280px;height: 263px;background: url(../images/contact-background.png) no-repeat;float:left;}
/*-----------Footer------------*/
div.footer{margin:50px 0 0 0;padding:0px; background: url(../images/footer-background.png) bottom left repeat-x;}