/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * default screen stylesheet - PAGE-layout type layout
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0.2
 * @revision        $Revision: 1.4 $
 * @lastmodified    $Date: 2013-07-29 13:46:08 $
 */

@media screen {

/* force vertical scrollbar */
body {overflow-y: scroll;}

body{
    background-repeat:repeat;
    background-position:top left;
    background-image:none;
    background-color:#ededed;
    background-attachment: fixed;}

/* Layout Module Configuration & fallback for unsupported media queries */
.ym-wrapper {
	min-width:760px;
	max-width:1280px;
	margin:0 auto;}
  
body.fullsize .ym-wrapper {
	max-width:100%;
	margin:0 auto;}

.ym-wbox {
    padding:0px; 
	float:left;
	width:100%;
    margin-bottom:0;
    background:#ededed;}

.slicknav_menu{display:none !important;}

/* Basic Element Styling */
header {
    color: #eee;
	padding:0;
    position:relative;
	z-index:100;
	float:left;
	width:100%;}
	
body.theme_startseite header{height:415px;}	

header h1 {
	background: transparent;
	color: #eee;}

header .slogan_startseite{
	width:1100px;
	margin:0 auto;
	position:relative;
	z-index:1000;
	margin-top:280px;}
	
header .slogan_startseite a{color:#fff;text-decoration:none;}	
	
header .slogan_startseite h3 a,
header .slogan_startseite p{	
	background:#00509e;
	padding:5px 10px 12px 10px;
	margin:0 0 10px 0;
	display:block;
	font-weight:normal;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	transition-property:background-color, color, border;
	transition-duration:0.1s, 0.4s;
	transition-timing-function:linear, ease-in;
	
	-webkit-transition-property:background-color, color, border;
	-webkit-transition-duration:0.1s, 0.4s;
	-webkit-transition-timing-function:linear, ease-in;
	
	-moz-transition-property:background-color, color, border;
	-moz-transition-duration:0.1s, 0.4s;
	-moz-transition-timing-function:linear, ease-in;
	
	-o-transition-property:background-color, color, border;
	-o-transition-duration:0.1s, 0.4s;
	-o-transition-timing-function:linear, ease-in;}	
	
header .slogan_startseite h3 a{font-size:250%;font-weight:600;width:23%;}
header .slogan_startseite p {font-size:185%;width:48%;padding:5px 10px 10px;line-height:1.5em;}
	
header .slogan_startseite h3 a:hover,
header .slogan_startseite p a:hover{background:#424242;}	
			
body.theme_startseite header .slogan{display:none;}		
			
header .slogan{
	float:left;
	width:100%;
	background:#00509e;
	color:#fff;}	
	
header .slogan p{
	width:670px;
	font-size:180%;
	margin:0 auto;
	padding:10px 0 15px 0;}	
	
header .technologien{
	margin:0 auto;
	margin-top:40px;
	width:1100px;
	display:block;
	position:relative;
	z-index:10000;}	
	
header .technologien p a{
	background:#00509e;
	color:#fff;
	text-decoration:none;
	font-size: 220%;
    font-weight: 600;
    width: 23%;
	padding:5px 10px 12px;
	border-radius:5px;}	
  
header .technologien p a:hover{background:#424242;}  
  
nav {}

main {display:block;background:#f7f7f7;width:100%;float:left;}

#main {
    clear:both;
	margin:0 auto;
    padding:30px 0 0 0;
    position:relative;
	width:1099px;}

body.theme_startseite .clickpath{display:none;}

footer {
	margin: 0 0 0 0;
	color: #ffffff;
	padding: 0; 
	float:left;
	width:100%;

    background-repeat:repeat;
    background-position:top left;
    background-image:none;
    background-color:#424242;
    background-attachment: fixed;}

footer p {margin: 0;}
  
footer .footer-info{display:block;line-height:1.6em;font-size:0.9em;}
footer .footer-date{display:block;line-height:1.6em;font-size:0.9em;}

footer a.backtotop{
	color:#fff !important;
	text-decoration:none;
	float:right;
	margin:20px 0;
	width:195px;}
	
footer a.backtotop:hover{text-decoration:underline;}	

.pagepicture{display:block;height:200px;clear:both;}

.float_left{float:left; display:inline; margin-right:1em; margin-bottom:0.15em; }
.float_right{float:right; display:inline; margin-left:1em; margin-bottom:0.15em; }
.center{display:block; text-align:center; margin:0.5em auto; }

#jquery-overlay{z-index:5000;}
#jquery-lightbox{z-index:5001;}
 
/* 1-3-2 */
 
.ym-column{display:table; width:100%; }

.ym-col1 {float:left; width:252px;}
.ym-col2 {float:right; width:225px;}
.ym-col3 {width:auto; margin:0 250px 0 280px;}

/* 1-3 */
.twocol .ym-col1{width:200px;display:none;}
.twocol .ym-col2{display:block;width:225px;}
.twocol .ym-col3{margin:0 250px 0 0px;}

/* 3 */
.onecol .ym-col1 {display:none;}
.onecol .ym-col2 {display:none;}
.onecol .ym-col3 {margin:0 0 0 0;}

.ym-cbox{padding:0px}
.ym-cbox-left{padding:0 0 0 0}
.ym-cbox-right{padding:0 0 0 0}
  
.ym-col1 .ym-cbox-content{ }
.ym-col2 .ym-cbox-content{ }
.ym-col3 .ym-cbox-content{float:left;width:100%; }
  
/* skip links styling */
.ym-skiplinks a.ym-skip:focus,
.ym-skiplinks a.ym-skip:active {
	color:#fff;
	background:#333;
	border-bottom:1px #000 solid;
	padding:10px 0;
	text-align: center;
	text-decoration:none;}
	
.kontakt,
.termine,
.ym-col1 .technologie,
.ym-col2 .technologie{
	width:84%;
	background:#fff;
	margin:0 0 10px 0;
	float:left;
	padding:10px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;}	
	
.ym-col1 .technologie,
.ym-col2 .technologie{padding:20px 20px 0px 20px;}	
	
.ym-col1 .technologie p a,
.ym-col2 .technologie p a{
	color: #00509e;
	text-decoration:none;
	font-size:140%;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    padding:0;}	
	
.clickpath{
	float:left;
	width:100%;
	margin:15px 0 0 0;
	border-top:1px solid #b6b6b6;}

.clickpath .clickpath-list{border-top:1px solid #fff; padding:15px 0;}
	
.clickpath .clickpath-list a{color:#4f4f4f;text-decoration:none;}		

.clickpath .clickpath-list a:hover{text-decoration:underline;}
}

/* reset fallback values in modern browsers */
@media screen and ( min-width: 0px ) {
.ym-wrapper {min-width: 0px;}
}

@media screen and ( max-width: 830px ) {
}

@media screen and ( max-width: 740px ) {

/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */
.linearize-level-1,
.linearize-level-1 > [class*="ym-g"],
.linearize-level-1 > [class*="ym-col"]{
	display: block;
	float: none;
	padding: 0;
	margin: 0;
	width: 100% !important;}

.linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"],
.linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] {
	overflow: hidden; /* optional for containing floats */
	padding: 0;
	margin: 0;}

nav .ym-hlist ul {padding-right: 10px;}

.ym-searchform {
	display:block;
	float: none;
	width: auto;
	padding-right: 10px;
	text-align: right;}

.ym-searchform input[type="search"] {width: 14%;}
  
.ym-col3{clear:both;}
}

@media screen and ( max-width: 480px){

.ym-wbox{padding:0;}

header {padding:0;}

header h1 {
	font-size:1.5em;
	line-height:1em;
	margin: 0;}

footer,
.ym-searchform,
nav .ym-hlist ul {
	padding-left:0px;
	padding-right:0px;}
	
#main{padding:0;}	
  
header .header-picture{
	min-height:100px;
	max-height:100px;}


/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */
.linearize-level-2,
.linearize-level-2 > [class*="ym-g"],
.linearize-level-2 > [class*="ym-col"] {
	display:block;
	float:none;
	padding:0;
	margin:0;
	width:100% !important;}

.linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"],
.linearize-level-2 > [class*="ym-col"] > [class*="ym-cbox"] {
	overflow:hidden; /* optional for containing floats */
	padding:0;
	margin:0;}

.ym-searchform,
nav .ym-hlist ul,
nav .ym-hlist li {
	display:block;
	float:none;
	width:auto;
	text-align:left;}

.ym-searchform input[type="search"]{width:75%;}
}