@font-face {
	font-family: "DIN-Light";
	src: url("fonts/dinpro-light.eot");
	src: url("fonts/dinpro-light.eot#iefix") format("embedded-opentype"),
	url("fonts/dinpro-light.woff") format("woff"),
	url("fonts/dinpro-light.ttf") format("truetype"),
	url("fonts/dinpro-light.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "DIN-Regular";
	src: url("fonts/dinpro.eot");
	src: url("fonts/dinpro.eot#iefix") format("embedded-opentype"),
	url("fonts/dinpro.woff") format("woff"),
	url("fonts/dinpro.ttf") format("truetype"),
	url("fonts/dinpro.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "DIN-Regular"; /*Bold*/
	src: url("fonts/dinpro-bold.eot");
	src: url("fonts/dinpro-bold.eot#iefix") format("embedded-opentype"),
	url("fonts/dinpro-bold.woff") format("woff"),
	url("fonts/dinpro-bold.ttf") format("truetype"),
	url("fonts/dinpro-bold.svg") format("svg");
	font-weight:bold; 
	font-style: normal;
}

@font-face {
	font-family: "DIN-Medium";
	src: url("fonts/dinpro-medium.eot");
	src: url("fonts/dinpro-medium.eot#iefix") format("embedded-opentype"),
	url("fonts/dinpro-medium.woff") format("woff"),
	url("fonts/dinpro-medium.ttf") format("truetype"),
	url("fonts/dinpro-medium.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "DIN-Bold";
	src: url("fonts/dinpro-bold.eot");
	src: url("fonts/dinpro-bold.eot#iefix") format("embedded-opentype"),
	url("fonts/dinpro-bold.woff") format("woff"),
	url("fonts/dinpro-bold.ttf") format("truetype"),
	url("fonts/dinpro-bold.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
#header-img img, #slider ul li img {
	display:block;
	max-width:100%;
	height:auto;	
}

body,html,h1,h2,h3,ul,li,table,th,td,li,span{
	font-family: "DIN-Regular";
	font-size:13px;
	line-height:20px;
	color:#6f6f6f;
}
h4{
	color:#0c345b;
	/*font-family:"DIN-Bold";*/
	/*font-family: "DIN-Regular";	*/
	font-family: "DIN-Medium";
	font-size:13px;
	margin:0;
	padding:0;
	font-weight: normal;
	font-style: normal;
}

table{
	border-spacing: 0px;
}

h2{
	color:#0c345b;
	margin-bottom:1px;
}
h2 a {
	color:#0c345b;
	/*color:#6f6f6f;*/
}

a {
	font-family:"DIN-Bold";
	line-height:20px;
	color:#6f6f6f;
}
a:hover {
	color:#0c345b;
}


body {
	background:#006bb7;
	margin:0;
	padding:0;
}
#wrapper {
	margin:0 auto;
	max-width:1024px;
	background:#fff;
	overflow:hidden;
}
#header {
}
#slogan {
	float:right;
	font-family: "DIN-Medium";
	font-size:16px;
	line-height:20px;
	color:#6f6f6f;
	margin:20px 15px 0 0;
}
#logo {
	display:inline-block;
	widht:auto;
	float:left;
	margin:0 0 28px 15px;
}
#menu {
	display:inline-block;
	width:auto;
	float:right;
	margin:0 15px 28px 0;
}
#menu ul {
	margin:75px 0 0 0;
	padding:0;
	float:right;
}
#menu ul li {
	float:left;
	list-style:none;
	margin:0 0 0 20px;
}
#menu ul li.active a {
	font-family:"DIN-Bold";
}



#menu ul li:first-child {
	margin:0;
}
#menu ul li a {
	font-family: "DIN-Regular";
	font-size:16px;
	color:#6f6f6f;
	text-decoration:none;
	text-transform:uppercase;
}
#menu ul li a:hover {
	color:#0c345b;
}
#header-img {
	position:relative;
}
#quotes1, #quotes2, #quotes3, #quotes4, #quotes5, #quotes6 {display: none;}
.gif_text1 {
	font-family: "DIN-Light";
	font-size:30px;
	color:#fff;
	text-shadow: 2px 2px #000000;
	position:absolute;
	top:5%;
	left:10%;
}
.gif_text2 {
	font-family: "DIN-Regular";
	font-size:18px;
	color:#fff;
	text-shadow: 2px 2px #000000;
	position:absolute;
	top:28%;
	left:6%;
}
.gif_text3 {
	font-family: "DIN-Light";
	font-size:33px;
	color:#fff;
	text-shadow: 2px 2px #000000;
	position:absolute;
	top:18%;
	left:30%; /*20*/
}
.gif_text4 {
	font-family: "DIN-Bold";
	font-size:13px;
	color:#fff;
	text-shadow: 2px 2px #000000;
	position:absolute;
	top:20%;
	left:5%;
}
.gif_text5 {
	font-family: "DIN-Bold";
	font-size:25px;
	color:#fff;
	text-shadow: 2px 2px #000000;
	position:absolute;
	top:35%;
	left:20%;
}
.gif_text6 {
	font-family: "DIN-Regular";
	font-size:20px;
	color:#fff;
	text-shadow: 2px 2px #000000;
	position:absolute;
	top:45%;
	left:7%;
}
#sidebar {
	float:left;
	width:28.002331002331%;
	margin:28px 0 0 0;
	padding:0 2.7482517482517483% 0 1.7482517482517483%;
}
#sidebar ul {
	margin:0;
	padding:0;
}
#sidebar ul li {
	list-style:none;
	border-bottom:1px solid #828487;
}
#sidebar ul li a {
	font-family: "DIN-Regular";
	font-size:15px;
	line-height:18px;
	color:#6f6f6f;
	padding:5px 0;
	text-decoration:none;
	display:block;
}
#sidebar ul li.active a {
	font-family:"DIN-Bold";
}
#sidebar ul li a:hover {
	color:#0c345b;
}
#content {
	float:left;
	width:65.752913752913756%;
	min-height:250px;
	padding:28px 1.7482517482517483% 0 0;
}
#content-full {
	min-height:250px;
	padding:28px 1.7482517482517483%;
}
.content-box {
	float:left;
	width:32.400932400932405%;
	border:none;
}
.content-box-2 {
	float:left;
	width:33.56643356643357%;
	border-left:2px solid #0c345b;
}
.content-box-3 {
	float:left;
	width:30.069930069930066%;
	border-left:2px solid #0c345b;
}
.content-box h2, .content-box h2 a {
	font-family: "DIN-Medium";
	font-size:13px;
	text-transform:uppercase;
	color:#0c345b;
	margin:0;
	text-decoration:none;
}
.content-box-2 h2, .content-box-3 h2{
	font-family: "DIN-Medium";
	font-size:13px;
	text-transform:uppercase;
	color:#0c345b;
	margin:0;
	padding-left:15px;
	text-decoration:none;

}
.content-box-2 h2 a, .content-box-3 h2 a{
	font-family: "DIN-Medium";
	font-size:13px;
	text-transform:uppercase;
	color:#0c345b;
	text-decoration:none;
}

.content-box ul {
	margin:0;
	padding:0 0 0 15px;
}
.content-box-2 ul, .content-box-3 ul {
	margin:0 0 0 15px;
	padding:0 0 0 15px;
}
.content-box ul li, .content-box-2 ul li, .content-box-3 ul li {
	color:#6f6f6f;
}
.content-box ul li a, .content-box-2 ul li a, .content-box-3 ul li a {
	font-family: "DIN-Regular";
	font-size:13px;
	color:#6f6f6f;
	text-decoration:none;
}
.content-box ul li a:hover, .content-box-2 ul li a:hover, .content-box-3 ul li a:hover {
	color:#0c345b;
}
#content h1 {
	font-family: "DIN-Medium";
	font-size:13px;
	text-transform:uppercase;
	color:#0c345b;
	margin:0 0 5px 0;
	font-weight: normal;
	font-style: normal;
}
#content p {
	font-family: "DIN-Regular";
	font-size:13px;
	line-height:20px;
	color:#6f6f6f;
	margin:0 0 20px 0;
}
#content form {
	margin:0 0 20px 0;
}
#footer {
	font-family: "DIN-Regular";
	font-size:13px;
	color:#0c345b;
	padding:12px 15px;
	letter-spacing:1px;
}
#footer .firma {
	font-family: "DIN-Medium";
}
#footer a {
	font-family: "DIN-Medium";
	color:#0c345b;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#footer .address {	
	display:inline;
	float:left;
}
#footer .address ul {
	margin:0;
	padding:0;
}
#footer .address ul li {
	list-style:none;
	float:left;
	margin-right:10px;
}
.clear {
	clear:both;
}
#socials {
	display:inline;
	float:right;
}
.socials img {
	display:block;
}
.copyright {
	margin:5px auto;
	max-width:1024px;
	color:#fff;
}
.copyright a {
	font-family: "DIN-Regular";
	color:#fff;
	text-decoration:none;
}
.copyright a:hover {
	text-decoration:underline;
}

#nl-box {
	width:260px;
	float:left;
}
#nl-box500 {
	width:500px;
	float:left;
}
h2.nl {
	color:#444;
   	font-family: "DIN-Medium";
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    margin: 0 0 5px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #444;
}
.nl-form label {
	display:block;
	color:#444;
	margin:5px 0 0 0;
}
.nl-form input {
	min-height:24px;
}
.nl-form input.text {
	width:255px;
}
input.form-submit {
	color:#fff;
	background:#444;
	border:none;
	border-radius:none;
	-webkit-appearance:none;
	margin:10px 0;
	padding:5px 10px;
	cursor:pointer;
	float:right;
}
input.form-submit:hover {
	opacity:0.8;
}

/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src:url('fonts/flexslider-icon.eot');
	src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('fonts/flexslider-icon.woff') format('woff'),
		url('fonts/flexslider-icon.ttf') format('truetype'),
		url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0; background: #fff; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; line-height:1; display: inline-block; content: '\f001'; color:#006bb7; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: auto; position: absolute; bottom: 5px; right:15px; text-align:center;z-index:9999;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; }
.flex-control-paging li a:hover { background: #1578a9; background: rgba(0,107,183,0.9); }
.flex-control-paging li a.flex-active { background: #1578a9; background: rgba(0,107,183,0.9); cursor: default; }

select, input {
	max-width:100%;
}

@media screen and (max-width:1024px) {	
.copyright {
	margin:5px 15px;
}
}
/*Top Navi kleiner*/
@media screen and (max-width:850px) {
	#menu ul li {margin:0 0 0 15px; }
	#menu ul li a { font-size:15px; }
}
@media screen and (max-width:800px) {
	#menu ul li {margin:0 0 0 15px; }
	#menu ul li a { font-size:14px; }
}
/*end Top Navi kleiner*/

@media screen and (min-width:769px) {
#menu #mainnav {
	display:block;
}
.menu-btn {
	display:none;
}
}
@media screen and (max-width:768px) {
#menu #mainnav {
	display:none;
}
#header {
	position:relative;
}
.menu-btn {
	display:block;
	cursor:pointer;
	position:absolute;
	right:15px;
	bottom:28px;
}
#content {
    float: none;
    padding: 28px 3% 0 3%;
    width: 94%;
}
#sidebar {
	display:none;
}
}
@media screen and (max-width:586px) {
.content-box, .content-box-2, .content-box-3 {
	float:none;
	width:100%;
	border:none;
	margin:0 0 20px 0;
}
.content-box-2 ul, .content-box-3 ul {
    margin: 0;
    padding: 0 0 0 15px;
}
.content-box-2 h2, .content-box-3 h2 {
	padding-left:0;
}
#slogan {
	margin:20px 15px 10px 0;
}
#quotes1, #quotes2, #quotes3, #quotes4, #quotes5, #quotes6 {
    display: none !important;
}
#footer {
	text-align:center;
}
#footer ul {
	margin-bottom:20px;
}
#footer ul li {
	list-style:none;
	float:none;
	margin-right:0;
	width:100%;
	text-align:center;
}
#footer ul li.limiter {
	display:none;
}
#shareicons {
	top:0 !important;
}
#footer .address {
    display: block;
    float: none;
}
#footer #socials {
	display:block;
	float:none;
	text-align:center;
	margin:0 0 10px 0;
	padding:20px 0 0 0;
	clear:both;
}
}

/*! Pushy - v0.9.2 - 2014-9-13
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */

/* Menu Appearance */

.pushy{
    position: fixed;
    width: 230px;
    height: 100%;
    top: 0; 
	right:0;
    z-index: 9999;
    background: #006bb7;
    font-weight: bold;
    overflow: auto;
    -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */
}

.pushy a{
    display: block;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
	font-family: "DIN-Regular";
	font-size:16px;
	text-transform:uppercase;
}
.pushy ul li ul li a {
	font-size:14px;
}

.pushy a:hover{
    color: #ccc;
}

.pushy ul {
	padding:0;
}
.pushy ul li {
	list-style:none;
}
.pushy ul li ul li {
	padding-left:10px;
}

/* Menu Movement */

.pushy-right{
    -webkit-transform: translate3d(230px,0,0);
    -moz-transform: translate3d(230px,0,0);
    -ms-transform: translate3d(230px,0,0);
    -o-transform: translate3d(230px,0,0);
    transform: translate3d(230px,0,0);
}

.pushy-open{
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.container-push, .push-push{
    -webkit-transform: translate3d(-230px,0,0);
    -moz-transform: translate3d(-230px,0,0);
    -ms-transform: translate3d(-230px,0,0);
    -o-transform: translate3d(-230px,0,0);
    transform: translate3d(-230px,0,0);
}

/* Menu Transitions */

.pushy, #container, .push{
    -webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
    -moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
    -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
    transition: transform .2s cubic-bezier(.16, .68, .43, .99);
}

/* Site Overlay */

.site-overlay{
    display: none;
}

.pushy-active .site-overlay{
    display: block;
    position: fixed;
    top: 0;
    right: 200px;
    bottom: 0;
    left: 0px;
    z-index: 9999;
}

@keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@-moz-keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@-o-keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

/* Example Media Query */

@media screen and (max-width: 768px){
    .pushy{
        font-size: 1.0em;
    }
}



#tinymce {
	color: #000;	
    background-image: none;   
	background-color: #ffffff;
	background: #ffffff;

}

/*Form:*/
.myInputText{width:100%; height:21px;  font-family: "DIN-Regular"; background-color: #eeeeee; border: 0}
.myInputFile{width:100%; height:21px;  font-family: "DIN-Regular"; }
.myTextarea{width:100%; height:63px; font-family: "DIN-Regular"; background-color: #eeeeee; border: 0}  

.anzeigetableInformatik th, .anzeigetableInformatik td, .anzeigetableSprachen th, .anzeigetableSprachen td {
	border: solid 1px #cccccc;
	
}

.content-subtitle{
	text-transform:uppercase;
}

.tel_block{
	width:100px;
	display:block; 
	float:left;
}

#aktuell p{
	margin:0px;
	padding:0px;
}

.space_height_20{
	height:20px;
}