/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Global Styles
	#Page Styles
	#Media Queries
	#Font-Face */



/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */


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


@font-face {
	    font-family: 'DejaVuSerifCondensed-Italic';
	    src: url('../font/DejaVuSerifCondensed-Italic-webfont.eot');
	    src: url('../font/DejaVuSerifCondensed-Italic-webfont.eot?iefix') format('eot'),
	         url('../font/DejaVuSerifCondensed-Italic-webfont.woff') format('woff'),
	         url('../font/DejaVuSerifCondensed-Italic-webfont.ttf') format('truetype'),
	         url('../font/DejaVuSerifCondensed-Italic-webfont.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: italic; }




@font-face {
	    font-family: 'DejaVuSerifCondensed-Bold';
	    src: url('../font/DejaVuSerifCondensed-Bold.eot');
	    src: url('../font/DejaVuSerifCondensed-Bold.eot?iefix') format('eot'),
	         url('../font/DejaVuSerifCondensed-Bold.woff') format('woff'),
	         url('../font/DejaVuSerifCondensed-Bold.ttf') format('truetype'),
	         url('../font/DejaVuSerifCondensed-Bold.svg#webfontZam02nTh') format('svg');
	    font-weight: bold;
	    font-style: normal; }





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

/* #Global Styles
================================================== */





.clearer, .clear {
clear:both;
}

header, footer, nav, section, article, figure {
 display:block;

}



html {

background:url(../img/bg.gif) repeat-x center top  #FDF3E9;
}

body {
font-family:"Calibri", Calibri, "Frutiger", Arial, Helvetica, sans-serif;
font-size:1.1em;
line-height:1.5em;
color:#39454d;
letter-spacing:0.02em;
background:url(../img/mainbg.jpg) no-repeat center top;
}





.wrap {
	position:relative;



}


#inner {
	margin:0 0px 0 35px;
}

header#mainheader {
background:url(../img/headerpic.png) no-repeat right center;
min-height:250px;
}


h1#logo, h1#slogan {
	display:block;
	margin:0;
	margin-top:130px;
	margin-left:130px;
	float:left;

	width:169px;
	height:113px;

	background:url(../img/logo.png) no-repeat right center;

}

	h1#logo a {
	margin:0;
	margin-top:45px;
	width:295px;
	clear:both;
	height:180px;
	display:block;
	background:url(../img/logo.png) no-repeat left top;
	text-indent:-999em;
	margin-right:600px;
	}


h1#slogan {
	width:204px;
	height:184px;
	margin:0;
	margin-left:130px;
background:url(../img/slogan.png) no-repeat right center;

}


/* Content Container */

.breadcrumb {
width:540px;
margin:0 0 0 5px;
clear:both;
padding:15px 10px;
padding-left:360px;
background:url(../img/metaleiste.png) no-repeat center top;
height:18px;
overflow:hidden;
}



aside#sidebar {

margin-top:30px;
border-right:1px solid #ccc;
color:#45535e;
font-size:0.9em;
}

section#content {
float:right;
}




/* Footer */

footer {

clear:both;
height:100px;
padding: 20px 0px;
margin:0 auto;
border-top:1px solid #ccc;
padding-top:30px;
margin-top:30px;
}







/* #Nav Styles
================================================== */


/* Navigational Elements */


#mainnav {
	height:64px;
	position:relative;
	overflow:hidden;

}


ul#nav {
display:block;
clear:both;
float:left;
z-index:90;
margin:0;
padding-left:0px;

}

	ul#nav li {
	display:block;
	float:left;
	list-style:none;
	list-style-image:none;
	width:auto;
	margin-right:1px;

	}



	ul#nav li a {

	color:#fff;
	padding:25px 14px;
	float:left;
	height:14px;
	font-weight:normal;
	font-size:1.0em;
	letter-spacing:0.0em;
	text-decoration:none;


	}

	ul#nav li a:hover, ul#nav li:hover,ul#nav li.hoverbaby, ul#nav li a.active {

		color:#fff;
		background:#163852;

	}


aside nav { position:fixed; width:auto;}

aside nav li a {
	font-family:"stryde";
	text-decoration:none;
	font-size:1.2em;
	display:block;
	padding-top:5px;
	height:45px;
	color:#5e4e45;
	margin-bottom:25px;
	width:340px;
	padding-left:60px;
	background:url(../img/frage.png) no-repeat left center;
}








#footernav {
	float:right;
	width: auto;
}

#footernav li {
	float:right;
	margin-right:5px;

}

#footernav li a {
	background:#897158;
	padding:4px 8px;
	color:#fff;
	font-size:0.8em;
	text-decoration:none;
	-moz-border-radius:2px;

	color:#ece9e4;

}


#footernav li a:hover {
	background:#5d473a;


}


ul#lang {
	position:absolute;
	right:8px;
	top:0px;
	z-index:99;
}


ul#lang li {
	float:left;
	margin-right:1px;
	display:block;
	height:46px;
}

ul#lang li a {
	background:#5e0d11;
	padding:30px 5px 3px 5px;
	color:#fff1c3;
	height:16px;
	width:16px;
	display:block;
	text-indent:-999em;
	background-repeat:no-repeat;
	background-position:center 30px;
}

ul#lang li a:hover {
	background-position:center 28px;
}

ul#lang li a.de {
	background-image:url(../img/de.png);

}

ul#lang li a.en {
	background-image:url(../img/gb.png);

}




/* #Page Styles
================================================== */


/* Typo */

h1,h2,h3, a { font-family: "DejaVuSerifCondensed" }

h2{
	font-family:"DejaVuSerifCondensed", Times New Roman, Georgia, Times, serif;

	color:#106cb0;
	font-size:2.2em;
	margin-top:40px;
	margin-bottom:30px;
	display:block;
	clear:both;

}


h2.title {

	clear:both;
}


blockquote, h3 {
	color:#897158;
	font-family:Georgia, "DejaVuSerifCondensed-Italic", Times New Roman, Georgia, Times, serif;
	font-size:1.1em;
	line-height:1.4em;
	display:block;
	padding:5px 10px;
	background:#fff;
	font-style:italic;
	clear:both;
}


h4 {
	font-size:1.1em;
	line-height:1.2em;

}

#content h4 {
	margin-top:30px;
	margin-bottom:20px;
}

span.marke {
	text-transform:uppercase;
	color:#1770B4;
	font-size:10px;
	letter-spacing:0.1em;
	font-family:"DejaVuSerifCondensed", Times New Roman, Georgia, Times, serif;
	font-weight:bold;
}

#content p { clear:both;}



/* Content Lists */


ul#team li {
	overflow:hidden;
}


ul#team li img {
	float:left;
	margin-right:10px;
}



/* Forms */

/* label {
	float:left;
} */

textarea {
	height:200px;
	width: 100%;
}

.form-error {
    color: red;
    font-size: 0.8em;
}
.form-success {
    color: green;
    font-size: 0.8em;
}

.submit-row {
	text-align: right;
}


.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #eee; /* Old browsers */
		background: #eee -moz-linear-gradient(top, rgba(32,85,124,1.0) 0%, rgba(22,56,84,1.0) 100%); /* FF3.6+ */
		background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(32,85,124,1.0)), color-stop(100%,rgba(22,56,84,1.0))); /* Chrome,Safari4+ */
		background: #eee -webkit-linear-gradient(top, rgba(32,85,124,1.0) 0%,rgba(22,56,84,1.0) 100%); /* Chrome10+,Safari5.1+ */
		background: #eee -o-linear-gradient(top, rgba(32,85,124,1.0) 0%,rgba(22,56,84,1.0) 100%); /* Opera11.10+ */
		background: #eee -ms-linear-gradient(top, rgba(32,85,124,1.0) 0%,rgba(22,56,84,1.0) 100%); /* IE10+ */
		background: #eee linear-gradient(top, rgba(32,85,124,1.0) 0%,rgba(22,56,84,1.0) 100%); /* W3C */
		color:#fff;
		 text-shadow: 0 1px rgba(255, 255, 255, .2);

	}


.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {

	background:#3381bf;
	text-decoration:underline;
	color:#eee;
	}









/* SLideshow */


ul#slideshow { height:351px; clear:both; }

#slideshow li {
	background:#106cb0;
	height:351px;
	overflow:hidden;
	position:relative;


}





h4.subtitle, h4.subtitle a {
	position:absolute;
	color:#fff;
	padding:8px 15px;
	right:0;
	width:300px;
	bottom:30px;
	margin:0;
	background:#106cb0;
	line-height:1.2em;
	font-family:"stryde",Helvetica,sans-serif;




}


 .jcarousel-container-horizontal {

    padding: 0;
}

 .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

 .jcarousel-clip-horizontal {

    height: 358;
}

 .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}


/**
 *  Horizontal Buttons
 */
 .jcarousel-next-horizontal {
    position: absolute;
    top: 170px;
    right: -15px;
    width: 36px;
    height: 36px;
    cursor: pointer;
	z-index:99;
    background: transparent url(../img/jcarousel/next-horizontal.png) no-repeat 0 center;
}



 .jcarousel-next-horizontal:hover,
 .jcarousel-next-horizontal:focus {
    background-position: -42px center;
}

 .jcarousel-next-horizontal:active {
    background-position: -83px center;
}

 .jcarousel-next-disabled-horizontal,
 .jcarousel-next-disabled-horizontal:hover,
 .jcarousel-next-disabled-horizontal:focus,
 .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -125px center;
}



 .jcarousel-prev-horizontal {
     position: absolute;
    top: 170px;
    left: -15px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    background: transparent url(../img/jcarousel/prev-horizontal.png) no-repeat 0 center;
}

 .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 0px;

}

 .jcarousel-prev-horizontal:hover,
 .jcarousel-prev-horizontal:focus {
    background-position: -42px center;
}

 .jcarousel-prev-horizontal:active {
    background-position: -83px center;
}

 .jcarousel-prev-disabled-horizontal,
 .jcarousel-prev-disabled-horizontal:hover,
 .jcarousel-prev-disabled-horizontal:focus,
 .jcarousel-prev-disabled-horizontal:active {
   cursor: default;
    background-position: -125px center;
}



/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		#sidebar { border:0; padding:0; }
		h1#slogan	{ display:none; }
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		h1#logo {
		margin-left:0;
		 background-position:center center; padding:10px;
		}

		body { background:url(../img/mainbg_mobile.jpg) no-repeat left top; }

	}
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

	#content { margin-top:50px; }
			h2.title { height:auto; margin-top:30px; margin-bottom:30px; display:block; clear:both;}

	body { background:url(../img/mainbg_mobile.jpg) no-repeat left top; }

	h1#logo {  background-position:center center; padding:10px; margin:20px auto}

	}
	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}