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

/* Table of Content
==================================================
	#Site Styles
	# Typo (Baseline correction) */
	
	h1, h2, h3, h4, h5, h6 {
		font-family: 'Questrial', sans-serif; color: #422b2b;
		font-weight: normal;}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 46px; line-height: 49px; margin-bottom: 14px;}
	h2 { font-size: 35px; line-height: 42px; margin-bottom: 7px; }
	h3 { font-size: 28px; line-height: 35px; margin: 21px 0; }
	h4 { font-size: 21px; line-height: 28px; margin: 21px 0;}
	h5 { font-size: 17px; line-height: 24px; }
	h6 { font-size: 14px; line-height: 21px; }
	.subheader { color: #777; }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 28px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; color: #333; }
	small { font-size: 80%;}

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 21px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: 1px dotted #422b2b; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0;  }


/* #Links
================================================== */
	a, a:visited { color: #422b2b; text-decoration: none; outline: 0; }
	a:hover, a:focus { color: #2e97b8; text-decoration: none;}
	p a, p a:visited { line-height: inherit; }
	a.sitemap, a.sitemap:visited, a.sitemap:hover, a.sitemap:focus { color: #999; text-decoration: none; }


/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px;}
	ul { list-style: none outside; }
	ol { list-style: disc;}
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 21px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }
	
	
/*	#Page Styles */

 body {font-family: 'Questrial', sans-serif; color: #422b2b;}
 
 img {
	max-width: 100%;
	height: auto;
}

/*	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

* { 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
	}

a {color:  #422b2b;}

p.small {font-size: 12px; line-height: 18px; padding-right: 10px;}

.band {
	background-color: #FFF;
}

.band.header{
	background-color: #d9eff4;
	/*background-color: #D6F4FE;*/
	/*background-color: #dfeaf6;*/
	
}

.band.navigation {
	background-color: #FFF;
}

.band.slider {
	background-color: #FFF;
	padding: 10px 0;
	display: block;
}

.band.content {
	background-color: #FFF;
	padding: 7px 0;
}


.band.footer {
	background-color: #FFF;
	padding: 21px 0 7px 0;
}

.band.bottom {
	background-color: #FFF;
	padding: 35px 0 7px 0;
	color: #999;
	font-size: 12px;
	
}

.nine.columns.right {
	text-align: right;
}

.container.top {padding: 28px 0 28px 0;border-bottom: 1px dotted #422b2b;}

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

/* header */

header.main {
	padding: 35px 0 35px 6px;
	color: #0CF;
}

header h1.logo {
	margin: 0;
	float: right;
}

header h1.logo a {
	width: 280px;
	height: 49px;
	display: block;
	background: url(../images/logo.png) no-repeat 0 0;

	font: 0/0 a;
    text-shadow: none;
    color: transparent;
}

/*navigation*/

nav.primary ul,
nav.primary ul li {
	margin: 0px;
}

nav.primary  ul li {
	display: inline;
	float: left;
	position: relative;
}

nav.primary  ul li a{
	display: inline-block;
	font-size: 12px;
	line-height: 35px;
	padding: 0 14px;
	color: #422b2b;
	text-decoration: none;
	letter-spacing: 0.08em;
}

nav.primary  ul li a:hover{
	cursor: pointer;
	background-color: #d9eff4;
}

.anfahrtbig {display:block;}
.anfahrtklein {display: none;}


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

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

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

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
body {
	font-size: 16px;
	line-height: 24px;
}
		
.band.navigation {
	background-color: #d9eff4;
	padding: 20px 0;
}	
		
.band.slider {
	display: none;
}		
		
		
/*navigation*/

nav.primary ul,
nav.primary ul li {
	margin: 0px;
}

nav.primary  ul li {
	display: inline;
	float: left;
	clear: both;
	position: relative;
	border-top:  1px dotted #999;
	width: 100%;
}

nav.primary  ul li a{
	display: block;
	font-size: 16px;
	line-height: 42px;
	padding: 0 14px;
	color:#422b2b;;
	text-decoration: none;
	letter-spacing: 0.08em;
}

nav.primary  ul li a:hover{
	cursor: pointer;
	width: 100%;
	background-color: #FFF;
}

.seven.columns.left, .nine.columns.right {
	line-height: 7px;
	text-align: left;
}
			
.anfahrtbig {display:block;}
.anfahrtklein {display:none;}


.five.columns.extra {
	display: block;
	border-bottom: 1px dotted #999999;
	padding-bottom: 21px;
	margin-bottom: 14px;
}

			
		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) { 
	
	
	body {
	font-size: 16px;
	line-height: 24px;
}
		
.band.navigation {
	background-color: #d9eff4;
	padding: 20px 0;
}	
		
.band.slider {
	display: none;
}		
		
		
/*navigation*/

nav.primary ul,
nav.primary ul li {
	margin: 0px;
}

nav.primary  ul li {
	display: inline;
	float: left;
	clear: both;
	position: relative;
	border-top:  1px dotted #999;
	width: 100%;
}

nav.primary  ul li a{
	display: block;
	font-size: 16px;
	line-height: 42px;
	padding: 0 14px;
	color:#422b2b;
	text-decoration: none;
	letter-spacing: 0.08em;
}

nav.primary  ul li a:hover{
	cursor: pointer;
	width: 100%;
	background-color: #FFF;
}

.five.columns.extra {
	display: none;
	border-bottom: 1px dotted #999999;
	padding-bottom: 21px;
}

.seven.columns.left {
	line-height: 7px;
	text-align: left;
}

 .nine.columns.right {
	 display:none;
 }
	
.anfahrtbig {display:none;}
.anfahrtklein {display:block;}
	
	}
		
		
/* #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: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/