* {}

.width_2 {float:left;width:100%;margin:0;box-sizing:border-box;}
.width_3 {float:left;width:100%;margin:0;box-sizing:border-box;}
.width_2.leftColumn {padding:0 0 10px;}
.width_2.rightColumn {padding:0 0 10px;}
.width_3.leftColumn {padding:0 0 10px;}
.width_3.middleColumn {padding:0 0 10px;}
.width_3.rightColumn {padding:0 0 10px;}

.desktopOnly {display: none;}
.mobileOnly {display: block;}
.tabletOnly {display: none;}
.smartphoneOnly {display: bock;}


#main {min-height:0;}
#content {padding-bottom:40px;}
#footer {margin-top:0;}

/* MOBILE CONTENT FIX */
#content img {max-width:100%;height:auto !important;}
#content table {max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;}


/* MOBILE NAVIGATION */
#menuButton {display:block;}
#navigation {left:10px;display:none;}
#navigation.opened {display:block;}
#navigation li {float:none;background:#5c5c5c;display:block;margin:0;position:relative;width:100%;}
#navigation li:hover > ul {display:none;}
#navigation li.opened > ul {display:block;}
#navigation li.hasChilds > a {padding-right:24px;}
#navigation li.hasChilds > a > .mobilenavigationitem {display:block;position:absolute;top:-1px;right:10px;width:15px;height:15px;background-image: url("../../images/plus.png"); background-size: contain; background-repeat: no-repeat;}
#navigation li.hasChilds.opened > a > .mobilenavigationitem {background-image: url("../../images/minus.png"); background-size: contain;}
#navigation li ul {position:relative;top:0;left:0;padding:0;}
#navigation li ul li ul {left:0;}

#navigation li.active > a { border-bottom: solid 0px #fff;  padding-bottom: 0px; text-decoration: underline;}
#navigation li:hover > a {text-decoration:none; border-bottom: solid 0px #fff;  padding-bottom: 0px; text-decoration: underline;}


#navibutton {width: 30px; height: auto; position: absolute; margin-top: -5px;}
#buttontext {margin-left: 40px;}



/* NEWS */
.newsContentThumbnail {float:none;width:100%;height:auto;margin:0;}
.newsContentText {float:none;width:100%;}


#header-content {width: 680px; height: 355px;}
#navigationline {width: 680px;}
#headerimage {height: 225px;}
#header {height: 495px; margin-bottom: 0px;}
#vita {width: 680px; position: relative; height: 680px;}
#left-vita {width: 580px; height: 285px; margin-bottom: 30px;}
#right-vita {width: 525px; height: 225px;}
#kompetenzen {width: 600px; height: 625px;}
.box {width: 285px; height: 140px; float: none; margin-bottom: 30px;}
#toprow {float: left; margin-top: 105px;}
#botrow {float: left; margin-top: 40px;}
#botrow .box {margin-right: 0;}
.boxtext {font-size: 15px; right: 35px;}
.square {width: 20px; height: 20px; }
#footer-content {width: 680px; height: 355px;}

#navigation {width: 250px; padding-top: 50px; margin-left:15px;}
#navigation li a {font-size: 13px;}
#navigation li {margin: 0px 0 0 0px;}
#navigation li ul li a {font-size: 11px;}
#content {width: 600px;}
#contentbox {font-size: 26px!important;}
.boxtitle {top: 45px;}


#botfooterline {margin-top: 75px; width: 600px; font-size: 16px; line-height: 25px;}
#footerblock1 {float: none; margin: 0 auto; width: 385px; text-align: center; margin-bottom: 20px;}
#footerblock2 {margin-left: 30px;}
#footerblock3 {margin-left: 60px;}
#footerblock4 {margin-left: 60px;}


#logocontainer {width: 245px; height: 145px;}
#logocontainer #logo {width: 215px;}

#headertext {font-size: 25px;  width: 525px; padding-top: 15px;}