/* CSS Document */

	body {
		margin: 0px;
		padding: 0px;
		width: 100%;
		background: #ffffff;
		color: #333333;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		line-height: 1.5em;
	}
	
/* -------- Überschriften -------- */		
	h1{
		font-size: 1.5em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-stretch: expanded;
		color: #666666;
		margin: 0px;
	}
	h2{
		font-size: 1.25em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #666666;
		margin: 0px;
	}
	h3{		
		font-size: 1em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #666666;
		line-height: 0.5em;
		margin: 0px;
	}
	h4{		
		font-size: 0.75em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #666666;
		margin: 0px;
	}
	h5{		
		font-size: 0.5em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #666666;
		margin: 0px;
	}

/* -------- Grundstellungen/Reset -------- */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block}
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
:hover, :focus, :active { outline: none; }

	hr{
		display: block;
		height: 1px;
		border: 0;
		border-top: 1px solid #999999;
		margin: 0.15em 0 0.15em 0;
		padding: 0;
	}
	
	p {
		margin: 0 0 1.5em 0;
		color: #666666;
		font-weight: normal;
		font-size: 0.8em;
		text-decoration: none;
	}

	a {
		color: #ff9900;
		font-weight: normal;
		font-size: 1em;
		text-decoration: none;
	}
	a:hover {
		color: #ff3333;
		font-weight: normal;
		font-size: 1em;
		text-decoration: underline;
	}
	a.active {
		color: #ff9900;
		font-size: 1em;
		font-weight: bold;
	}
		
	ul, ol {
		list-style: none;
		list-style-image: none;
		margin: 0;
		padding: 0;
	}
	
	figure {
		margin: 0; 
		max-height: 100%;
		overflow: hidden;
	}
	
	img {
		max-width: 100%; 
		height: auto; 
		width: auto;
		border: 0;
		-ms-interpolation-mode: bicubic;
		text-align: left;
		margin-bottom: 0;
	}
	
/* -------- Buttons -------- */
.button, input[type="submit"], button, .toggle-title {
	color: #666666;
	font-size: 1em;
	font-weight: normal;
	padding: 0.6em 1.2em;
	text-shadow: 0 1px 0 #ffffff;
	border: solid 1px #dddddd;
	text-decoration: none;
	cursor: pointer;
	
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top,  #f6f6f6 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f6f6f6 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f6f6f6 0%,#efefef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f6f6f6 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f6f6f6 0%,#efefef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
		
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	
	-webkit-transition: 0.1s linear all;
	-moz-transition: 0.1s linear all;
	-ms-transition: 0.1s linear all;
	-o-transition: 0.1s linear all;
	transition: 0.1s linear all; }
	
.button:hover, input[type="submit"]:hover, button:hover, .toggle-title:hover {
	color: #333333;
	text-decoration: none;
	border-color: #BBB;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	background: 0 100%;}
	
/*.button:focus, input[type="submit"]:focus, button:focus, .toggle-title:focus {
	color: #333;
	border-color: #BBB;}*/
	
.button:active, input[type="submit"]:active, button:active, .toggle-title:active {
	color: #666666;
	background: #F5F5F5;
	border-color: #444;
	position: relative; 
	top:1px;
	}


/* -------- Grid-Elemente -------- */
	.container {
		width: 90%;
		margin: 2em auto;
		max-width: 1100px;
		min-width: 300px;		
	}
	
	.fright {
		float: right;
		display: block;
		overflow: hidden
	}
	.fleft {
		float: left;
		display: block;
		overflow: hidden
	}
	
	.grid-wrap {
  		margin-left: 0; /* the same as your gutter */
  		margin-top: 0px;
  		overflow: hidden;
  	}
  	/*.grid-wrap: before, 
  	.grid-wrap:after{content:""; display:table}
  	.grid-wrap:after{clear:both} */
  	
  	.grid {
  		float: left;
  		padding-left: 0; /* this is your gutter between columns */
  		padding-right: 1.5em;
  		width: 100%;
  		-webkit-box-sizing: border-box;
  		-moz-box-sizing: border-box;
  		box-sizing: border-box;
  		*behavior: url(/js/boxsizing.htc); 
  	}
  	
	.col-full {width: 100%; }
	.col-one-half {width: 50%; margin-top: 0px; }
	.col-one-third {width: 33.333%; }
	.col-two-thirds {width: 66.666%; }
	.col-one-quarter {width: 25%; }
	.col-three-quarters {width: 75%; }

	.divide-top{ display: block; height: 1px;border: 0;border-top: 1px solid #999999;padding: 1em 0 0 0;margin:0.15em 0 0.15em 0; }

	.mright{ margin-right: 3em;}
	.mleft{ margin-left: 3em;}
	.mtop{ margin-top: 3em;}
	.mbottom{ margin-bottom: 3em;}
	.halfmright{ margin-right: 1.5em;}
	.halfmleft{ margin-left: 1.5em;}
	.halfmtop{ margin-top: 1.5em;}
	.halfmbottom{ margin-bottom: 1.5em;}
	
	
	.alignleft{float: left;clear: left;margin: 0.38em 1.62em 0.38em 0;}
	.alignright {float: right;clear: right;margin: 0.38em 0 0.38em 1.62em;}
	.aligncenter {margin: 0 auto 1.62em;display: block;}

		
/* -------- Header -------- */
	header#navtop {
		margin-bottom: 1.5em;
		clear: both;
		overflow: hidden;
		display: block;
	}
    header nav ul { 
    	float: left; 
    	overflow: hidden;
    	padding: 0 2em 0 2em;
    	/*margin-top: 1.75em;*/
    	border-left: 1px solid #cccccc;
    	line-height: 1.5em;
    }
	nav a, menu a { 
		font-size: 1em;
		text-decoration: none;
		color: #ff9900;
	}
	.navactive {
		font-size: 1em; 
		color: #00cbff;
	}
	header hr{display: block; height: 1px; border: 0; border-top: 1px solid #999999; margin: 1em 0 0.15em 0; padding: 0;}


/* -------- Logo im Header -------- */	
	.logo {
		margin-bottom: 1.75em;
	}
	.logo:hover {
		background: none;
	}

	
/* -------- Rand für Bilder -------- */	
	.contentborder {border: 2px solid #ff9900;}
	
  
/* -------- General -------- */
.main > section { margin-bottom: 0; }
.main header{ color: #555; margin-bottom: 2em; }
/*. .main header hr{border-top-color:#999999;}
	arrow:after {content:" \27F6";} 
	header .arrow {color: #ff9900; font-style: italic;}
	.arrow:hover {color: #ff3333; }*/

	
/* -------- Footer -------- */

/*footer  { color: #666666; margin-bottom: 3em; } */
footer#navtop2 { margin-bottom: 1.5em;clear: both;overflow: hidden;display: block;}
footer nav ul { float: left; overflow: hidden;padding: 0 2em 0 2em; border-left: 1px solid #cccccc; line-height: 1.5em;}
footer	nav a, menu a { font-size: 0.8em; text-decoration: none; color: #ff9900; }
footer	.navactive { font-size: 0.8em; color: #00cbff; }
footer	a:hover { color: #ff3333; font-weight: normal; font-size: 0.8em; text-decoration: underline;}
footer	p {margin: 0;}
footer	hr {margin: 1em 0 0.15em 0; padding-bottom: 1.5em;}
				

/* -------- Media query 2 (mq2)  -------- */
@media only screen and (max-width: 48em) { /* 13 / 624 */
	.mq2-col-full {width: 100%; }
	.mq2-col-one-half {width: 50%; }
	.mq2-col-one-third { width: 33.333%; }
	.mq2-col-two-thirds {width: 66.666%; }
	.mq2-col-one-quarter {width: 25%; }
	.mq2-col-three-quarters {width: 75%; }
	/**/
	header nav { width: 100%; }
	header nav ul {  padding: 0 ; border-left:none; line-height: 1.5em; }
	header nav ul li { float: left;  padding: 0 1em ; border-left:1px solid #cccccc; }
	footer nav { width: 100%; }
	footer nav ul {  padding: 0 ; border-left:none; line-height: 1.5em; }
	footer nav ul li { float: left;  padding: 0 1em ; border-left:1px solid #cccccc; }
}

    
/* -------- Media query 3 (mq3)   -------- */
@media only screen and (max-width: 30em) { /* 13 / 390 */
	.mq3-col-full { width: 100%; }
	.mq3-col-one-half { width: 50%; }
	.mq3-col-one-third { width: 33.333%; }
	.mq3-col-two-thirds { width: 66.666%; }
	.mq3-col-one-quarter { width: 25%; }
	.mq3-col-three-quarters { width: 75%; } 
	.mq3-none {display: none;}
	/**/
	header nav ul li { padding: 0 0.5em ; }
	footer nav ul li { padding: 0 0.5em ; }
}


/* -------- PRINT STYLES   -------- */
@media print{ 
	*{background:transparent !important; color:black !important; text-shadow:none !important; filter:none !important; -ms-filter:none !important}
	abbr[title]:after{content:"("attr(title) ")"}
	pre, blockquote{page-break-inside:avoid}
	thead{display:table-header-group}
	tr, img{page-break-inside:avoid}
	img{max-width:100% !important}
	p, h2, h3{orphans:3; widows:3}
	h2, h3{page-break-after:avoid} 
}