body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
/* mediaboxAdvanced v1.4.6, (c) 2007-2010 John Einselen <http://iaian7.com>, MIT-style license */
#mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#000;cursor:pointer}#mbOverlay.mbOverlayFF{background:transparent url("../../assets/mootools/mediabox/1.4.6/images/80.png") repeat}#mbOverlay.mbOverlayIE{position:absolute}#mbCenter{position:absolute;z-index:9999;left:50%;overflow:hidden;background-color:#000;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.50);-khtml-box-shadow:0 5px 20px rgba(0,0,0,0.50);-moz-box-shadow:0 5px 20px rgba(0,0,0,0.50);box-shadow:0 5px 20px rgba(0,0,0,0.50);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=180,Color='#000000')}#mbCenter.mbLoading{background:#000 url("../../assets/mootools/mediabox/1.4.6/images/loading.gif") no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbImage{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat;padding:10px}#mbBottom{min-height:20px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#999;text-align:left;padding:0 10px 10px}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:bold;line-height:20px;font-size:12px}#mbNumber{display:inline;color:#999;line-height:14px;font-size:10px;margin:auto 10px}#mbCaption{display:block;color:#999;line-height:14px;font-size:10px}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:normal}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#eee;font-weight:bold;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:16px;line-height:14px;font-weight:bold}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:bold;text-decoration:underline}
/* CSS Für Kreuz-Shop
-- Call-Up Communication & Design
*/
/* =============================================================================
 * font-icons
 * ========================================================================== */

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


/* ================================================
-----------------  ALLGEMEINES  -------------------
================================================ */
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 13px;
	font-family: Verdana;
	color: #333;
}

p {
	line-height: 20px;
	margin-bottom: 17px;
}

p.description {
	font-size: 14px;
	font-style: italic;
	position: relative;
	top: -7px;
	margin: 0px;
}

#header .inside, .mod_article .inside .text-wrapper, #footer .inside {
	max-width: 1200px;
	width: 96%;
	padding: 0 2%;
	margin: 0 auto;
}

.clear {
	clear: both;
}

.image_container.float_left, .image_container.float_right {
	width: 50%;
	margin-bottom: 20px;
}

.image_container.float_left {
	margin-right: 10%;
}

.image_container.float_right {
	margin-left: 10%;
}

iframe {
	display: block;
}

.iframe-overlay {
	background: transparent;
	position: relative;
	width: 100%;
	height: 450px;
	top: 450px;
	margin-top: -450px;
}

/* BUTTONS */
a {
	text-decoration: none;
	color: #000;
}

a:hover {
	text-decoration: underline;
}

a.button, .button, form .submit {
	display: inline-block;
	padding: 10px 7px;
	background-color: #0A2147;
	text-transform: uppercase;
	font-size: 14px !important;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
	width: auto;
	margin-bottom: 20px;
}

a.button:hover, .button:hover, form .submit:hover {
	opacity: 0.9;
}

/* -- TO TOP */
.toTop::before {
	content: "\e767";
	font-family: "icons";
}

.toTop {
    background: #0A2147 none repeat scroll 0 0;
    border: 2px solid #fff;
    border-radius: 50%;
    bottom: 40px;
    color: #fff;
    display: none;
    font-size: 34px;
    height: 65px;
    line-height: 56px;
    overflow: hidden;
    position: fixed;
    right: 40px;
    text-align: center;
    text-decoration: none;
    width: 65px;
    z-index: 20;
}

.toTop:hover {
    background: #999999 none repeat scroll 0 0;
    color: #fff;
    text-decoration: none;
}

/* SEPERATOR */ 
hr.line {
	clear: both;
	padding: 0px;
	margin: 30px 0px;
	height: 1px;
	border: none;
	background-color: #0A2147;
}

/* ================================================
------------------  Überschriften -----------------
================================================ */
h1, .h1 {
	text-transform: uppercase;
	color: #0A2147;
	font-size: 38px;
	margin-bottom: 30px;
}

h4, .h4 {
	font-size: 14px;
	font-weight: bold;
	color: #0A2147;
	margin-bottom: 5px;
}

/* ================================================
--------------------  HEADER  ---------------------
================================================ */
#header {
	z-index: 100;
	position: relative;
	background-color: #0A2147;
}

#header .logo {
	float: left;
	padding-top: 20px;
}

#header .logo img {
	width: 300px;
}
	
/* NAVIGATION */
.mod_navigation {
	float: right;
	margin: 30px 0 40px;
}

.mod_navigation ul li {
	list-style-type: none;
	float: left;
	margin: 0px 10px;
	padding: 10px 5px;
}

.mod_navigation ul li a {
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
}

/* ================================================
-------------------  SECTIONS  --------------------
================================================ */
#main .inside {
	min-height: 0px;
}

.mod_article.bg-image {
	position: relative;
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
	padding: 400px 0 0;
}

.mod_article.image-only {
	padding: 0px;
	min-height: 90vh;
}

.mod_article.image-only .inside .text-wrapper {
	padding: 0px;
}

.mod_article.hide {
	display: none;
}

#top.mod_article {
	background-image: url("../../files/images/layout/section-bg/header.jpg");
}

#portrait.mod_article {
	background-image: url("../../files/images/layout/section-bg/portrait1.jpg");
}

#team.mod_article {
	background-image: url("../../files/images/layout/section-bg/team1.jpg");
}

#angebot.mod_article {
	background-image: url("../../files/images/layout/section-bg/angebot2.jpg");
}

#kontakt.mod_article {
	background-image: url("../../files/images/layout/section-bg/kontakt.jpg");
}

#aktuell.mod_article {
	background-image: url("../../files/images/layout/section-bg/kontakt.jpg");
}

/* ================================================
-------------------  CONTAINER  -------------------
================================================ */
.mod_article .inside {
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, #aec1dc 99%);
	background: -webkit-linear-gradient(top, #ffffff 1%,#aec1dc 99%);
	background: linear-gradient(to bottom, #ffffff 1%,#aec1dc 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#aec1dc',GradientType=0 );
}

.mod_article .inside .text-wrapper {
	padding: 60px 0px;
}

.mod_article.full-screen .inside .text-wrapper {
	padding: 0px;
	width: 100%;
	max-width: none;
}

/* ================================================
-------------------  FORMULAR  --------------------
================================================ */

form label {
	font-weight: bold;
	color: #0A2147;
	font-size: 14px;
}

input, select, textarea {
    background: #fff none repeat scroll 0 0;
    border: none;
    box-sizing: border-box;
    color: #000;
    margin: 0;
    padding: 10px;
	margin-top: 7px !important;
    width: 100%;
}

textarea {
	height: 200px;
}

form .one_half .one_half {
	width: 100%;
	float: none;
	clear: both;
	margin: 0px;
}

form .widget {
	margin-bottom: 25px;
}

form .widget-captcha input {
	width: 30%; 
}

form .widget-captcha label span {
	margin: 0px;
	margin-top: 0px;
}

form .widget-captcha span {
	width: 60%;
	margin-top: 10px;
	padding-top: 7px;
	margin-left: 10%;
	font-size: 14px;
}



/* ================================================
-------------------  COLLUMS  -------------------
================================================ */
.full {
    float: left;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.one_half {
    float: left;
    margin-left: 4%;
    overflow: hidden;
    position: relative;
    width: 48%;
}

.one_third {
    float: left;
    margin-left: 5%;
    overflow: hidden;
    position: relative;
    width: 30%;
}

.two_third {
    float: left;
    margin-left: 5%;
    overflow: hidden;
    position: relative;
    width: 65%;
}

.one_fourth {
    float: left;
    margin-left: 4%;
    overflow: hidden;
    position: relative;
    width: 22%;
}

.two_fourth {
    float: left;
    margin-left: 4%;
    overflow: hidden;
    position: relative;
    width: 48%;
}

.three_fourth {
    float: left;
    margin-left: 4%;
    overflow: hidden;
    position: relative;
    width: 74%;
}

.one_fifth {
    float: left;
    margin-left: 5%;
    overflow: hidden;
    position: relative;
    width: 16%;
}

.two_fifth {
    float: left;
    margin-left: 4%;
    overflow: hidden;
    position: relative;
    width: 37%;
}

.three_fifth {
    float: left;
    margin-left: 4%;
    overflow: hidden;
    position: relative;
    width: 57%;
}

.four_fifth {
    float: left;
    margin-left: 4%;
    overflow: hidden;
    position: relative;
    width: 79%;
}

.full.first, .one_fifth.first, .one_fourth.first, .two_fourth.first, .one_third.first, .two_fifth.first, .one_half.first, .three_fifth.first, .two_third.first, .three_fourth.first, .four_fifth.first {
    clear: left;
    margin-left: 0 !important;
}


/* ================================================
-------------------  FOOTER  ----------------------
================================================ */
.left {
	padding-top: 40px;
	float: left;
	text-align: left;
}

.right {
	padding-top: 40px;
	float: right;
	text-align: right;
}

#footer {
	color: #F5F7FA;
	border-top: 1px solid #F5F7FA;
	background-color: #AEC1DC;
}

#footer .left , #footer .right {
	padding: 0px;
}

#footer .copim a {
	color: #F5F7FA;
}

/* ================================================
------------------  RESPONSIVE  -------------------
================================================ */
div.nav-o-meter {
	background-image: url('../../files/images/layout/nav-o-meter.png');
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 2px;
	display: none;
	width: 25px;
	height: 20px;
	position: absolute;
	top: 17px;
	cursor: pointer;
	right: 30px;
}


@media screen and (max-width: 700px) {
	
	#header {
		height: auto !important;
	}
	
	div.nav-o-meter {
		display: block;
	}
	
	#header .logo img {
		width: 190px;
	}
	
	#header .logo {
		padding: 10px 0px;
	}
	
	/* -- NAVIGATION ANPASSUNGEN -- */
	#header .mod_navigation {
		float: none;
		clear: both;
		margin-bottom: 0px;
		display: none;
	}
	
	#header .mod_navigation ul li {
		float: none;
		text-align: center;
		border-bottom: 1px solid #fff;
	}
	
	#header .mod_navigation ul li.last {
		border: none;
	}
	
	.mod_navigation ul li a {
		display: block;
	}
	
	.mod_article.bg-image {
		padding-top: 150px;
	}
	
	.mod_article .inside .text-wrapper {
		padding: 0px;
	}
	
	.toTop {
		width: 40px;
		height: 40px;
		font-size: 26px;
		line-height: 35px;
	}
	
	form .widget-captcha span, form .widget-captcha input,  form .submit {
		margin-left: 0px;
		width: 100%;
	}
	
	/* -- BOXEN ANPASSUNGEN -- */
	.one_half, .one_third, .one_fourth, .one_fifth, .two_third, .two_fifth, .three_fifth {
		float: none;
		clear: both;
		width: 100%;
		margin: 0px;
	}
	
	#angebot .one_fifth {
		width: 50%;
		margin: 0 auto 15px !important;
	}

	#kontakt table {
		margin: 0 auto;
	}

	/* -- Footer -- */
	.left, .right {
		float: none;
		text-align: center;
	}
}