/* HTML5 DISPLAY DEFINITIONS */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* Base */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
form { margin: 0; }
input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
input { line-height: normal; }
input[type="submit"] { cursor: pointer; }
input::-moz-focus-inner { border: 0; padding: 0; }
a {text-decoration:none;}
*:focus  { outline: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
table { border-collapse: collapse; border-spacing: 0; }
html { overflow-y: scroll; }
ul, ol { margin: 0; padding: 0 ; }
nav ul, ul { list-style: none; list-style-image: none; }
nav ul li {float:left;}
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after, .clear { clear: both; }
* {-webkit-tap-highlight-color: rgba(0,0,0,0);}

/* FONTS */
@font-face {
    font-family: 'font_regular';
    src: url('font/font_regular.eot');
    src: url('font/font_regular.eot?#iefix') format('embedded-opentype'),
         url('font/font_regular.woff') format('woff'),
         url('font/font_regular.ttf') format('truetype'),
         url('font/font_regular.svg#font_regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.font_regular {font-family: 'font_regular';}
/* LAYOUT */

/* allgemein */
body { font-family: 'Source Sans Pro', Arial, sans-serif; color:#4a596e; background:#fff; font-size:12px; line-height:17px; font-weight:400; }
* { margin:0; padding:0; border:0; }
.js .keinjavascript { display:none; }
.alert {z-index:200; background:red; color:#fff; padding: 5px 0; font-size:15px; width:100%;}
.clear {clear:both;}
.invisible {display:none}
h1, h2, h3 {font-weight:normal;}
a {color:#8e9ca9;}
a:hover { color:#4a596e; }
b {font-weight:600;}
.grey {color:#8e9ca9;}

.center {position:relative; margin: 0 auto; width:1000px; }
.shadow {-moz-box-shadow: 2px 2px 5px #8e9ca9; -webkit-box-shadow: 2px 2px 5px #8e9ca9; box-shadow: 2px 2px 5px #8e9ca9;}
header { position:relative; width:100%; height:70px; }
#logo { position:absolute; left:0; top:23px;}
#logo_text { position:absolute; left:70px; top:28px; color:#404259; font-size:18px; letter-spacing:1px;}
#logo_text a {color:#404259;}
#language_navigation { font-size:12px; position:absolute; right:0;top:35px; color:#404259; font-weight:600; height:12px; line-height:12px; font-family: 'Source Sans Pro';}
#language_navigation .border {border-right:1px solid #8e9ca9; padding-right:5px;}
#language_navigation .last {padding-left:5px;}
#btn_navbar {position:absolute; right:0; top:20px; display:none; background:url(../images/nav_button.gif) no-repeat; width:48px; height:34px; cursor:pointer; }

#main { position:relative; width:100%; background:#dbe1e5; }
#main_navigation ul { position:relative; width:100%; height:49px; font-size:13px; line-height:49px; margin-bottom:15px; }
#main_navigation ul li {float:left; width:20%; height:49px;}
#main_navigation .nav_1 a { background-image:url(../images/nav/produkt.png); }
#main_navigation .nav_2 a { background-image:url(../images/nav/training.png); }
#main_navigation .nav_3 a { background-image:url(../images/nav/wissenschaft.png); }
#main_navigation .nav_4 a { background-image:url(../images/nav/about.png); }
#main_navigation .nav_5 a { background-image:url(../images/nav/order.png); }
#main_navigation a {color:#404259; display:block; background-color:#fff; border-right:2px solid #dbe1e5; background-repeat: no-repeat; background-position: 20px 7px; padding-left:70px;}
#main_navigation .nav_5 a {border-right:none;}
#main_navigation a:hover, #main_navigation li.active a  { background-color:#e6e7e9; }

#content {background:#fff; padding-bottom:40px;}
#content h1 { font-size:17px; font-family: 'font_regular'; margin-left:50px; padding-top:55px;}
.main_text {margin:15px 50px 30px 50px; text-align:justify; position:relative;}
.text_left, .text_right {float:left; width:48.4%; position:relative;}
.text_right {float:right; }
#bottom_abstand {height:30px;}

/* team */
#content.team {padding-top:15px;}
.team_box_1, .team_box_2, .team_box_3 {width:45%; min-height:650px; float:left; margin-right:10%; position:relative;}
.team_box_2 {float:right; margin-right:0;}
#content.team h1 { margin-left:0; margin-bottom:15px; }
.team p {text-align:justify; margin-top:10px;}
.team p.top_text {height:70px;color:#8e9ca9;}
.team img {margin-bottom:15px; width:100%; height:auto;}
.mail { position:absolute; left:0px; bottom:0px; height:14px; line-height:14px; background: url(../images/mail.jpg) no-repeat; padding-left:25px; font-weight:600; color:#4a596e; display:block;}
.mail:hover {background-position: 0 -14px;}
.small_mot {font-size:11px; color:#8e9ca9;}

/* bestellformular */
.order .text_right {width:50%; }
.order_price {text-align:right;}
.order p.bold {font-size:15px; line-height:22px; font-weight:600;}
.small {font-size:13px; font-weight:400;}
#content.order h2 {font-size:16px; line-height:22px;font-weight:600;}
.order_right {font-size:13px; line-height:20px; margin-bottom:30px;}
.order_right p {margin-bottom:5px;}
.order .steps p {margin-bottom:15px;}
.star {margin-left:-10px;}
#order_pdf {display:block; width:260px; height:50px; background:url(../images/order/order.jpg) no-repeat 0 0; color:#fff; margin-top:40px; font-size:14px; line-height:50px; font-weight:300; padding-left:80px;}
#order_pdf:hover {background-position:0 -50px; color:#000;}
#order_images {width:100%; border-bottom:1px solid #929ca6; margin-bottom:40px;}
#order_images .steps {width:33%;float:left;}
#order_images .steps p {width:100%; text-align:center;}
#order_images .steps img {width:100%; height:auto;}

/* agb - impressum */
.agb .main_text a {color:#4a596e;}
.agb .main_text a:hover {text-decoration:underline;}

/* footer */
footer { position:relative; width:100%; font-size:11px; line-height:14px; color:#8e9ca9; height:90px; background:#fff; height:70px;}
#hongkong {position:absolute; left:0; top:20px; }
#copy {position:absolute; right:0; top:43px;}
#copy a.active {color:#4a596e;}
#mail { position:absolute; left:62px; top:20px; height:14px; background: url(../images/mail.jpg) no-repeat; padding-left:25px; font-weight:600; color:#4a596e; }
#mail:hover {background-position: 0 -14px;}
#service_navigation {position:absolute; top:20px; right:0; font-weight:600;}
#service_navigation li a:hover {text-decoration:underline;}
#service_navigation li a {display:block; padding-left:10px;  color:#4a596e; }
#service_navigation li.active a { color:#8e9ca9; }
#service_navigation li.border a { padding-right:10px; border-right:1px solid #4a596e;}

#main .center {padding-top:15px;}

@media (max-width: 1024px) {
	.center {width:100%; }
	header, #main .center, footer { width:96%; padding:0 2%; }
	#main .center {padding-top:15px;}
	.xshadow {-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
	#t_right_img {width:100%; height:auto;}
}
@media (max-width: 900px) { 
	.order .text_right {width:45%; }
	#main_navigation a {background-image:none !important; padding-left:0; text-align:center;}
}

@media (max-width: 768px) {
	.main_text {margin:15px 20px 30px 20px;}
	#content h1 {margin-left:20px;}
	.team .team_box_1, .team .team_box_2,  .team .team_box_3 {width:100%; min-height:300px; margin-right:0; margin-bottom:30px;}
	.team p.top_text {height:auto; float:right; width:68%; margin-top:0;}
	.team img {width:30%; height:auto; margin-top:5px; margin-bottom:0px; float:left;}
	.mail { position:relative; margin-top:20px; }
	#content.team h1 {padding-top:20px;}
	.imprint .text_left {width:100%; }
	.order .text_right, .order .text_left {width:100%; }
	.order_price {text-align:left; margin-top:10px;}
	#order_pdf  {margin-bottom:30px;}
}
@media (max-width: 600px) {
	#main_navigation {display:none;}
	#btn_navbar {display:block;}
	#language_navigation { right:48px;}
	#main_navigation a {border-right:none; }
	#main_navigation ul {margin-left:0; height:255px;}
	#main_navigation ul li {width:100%;margin-bottom:2px;}
	.impr .text_left, .impr  .text_right {float:none; width:100%; position:relative;}
	.impr  .text_right {margin-top:20px;}
}
@media (max-width: 500px) {
	footer { height:110px; }
	#copy {left:0; top:83px;}
	#service_navigation { top:43px; left:-10px;}
	#logo_text { left:60px;font-size:12px; top:32px;}
	
	.text_left, .text_right, .team p.top_text {width:100%; }
	#content {padding-bottom:20px;}
	.team img {width:100%; height:auto; }
	#order_images .steps {width:100%;}
	#order_pdf {width:230px; height:50px; background:url(../images/order/order.jpg) no-repeat -25px 0; padding-left:40px;}
	#order_pdf:hover {background-position:-25px -50px;}
}