/* CSS Document */




/*  
	CSS Reset by Eric Meyer - Released under Public Domain
    http://meyerweb.com/eric/tools/css/reset/
*/



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td 
                  {margin: 0;padding: 0;border: 0;outline: 0;
                  font-size: 100%;vertical-align: baseline;
                  background: transparent;}
body              {line-height: 1;}
ol, ul            {list-style: none;}
blockquote, q     {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';	content: none;}
:focus            {outline: 0;}
ins               {text-decoration: none;}
del               {text-decoration: line-through;}
table             {border-collapse: collapse;border-spacing: 0;}







@font-face {
    font-family: 'museo700';
    src: url('../fonts/Museo700-Regular-webfont.eot');
    src: url('../fonts/Museo700-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Museo700-Regular-webfont.woff2') format('woff2'),
         url('../fonts/Museo700-Regular-webfont.woff') format('woff'),
         url('../fonts/Museo700-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Museo700-Regular-webfont.svg#museo700') format('svg');
    font-weight: normal;
    font-style: normal;
}
	
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,400italic,600italic,700italic);



body {
	font-family:'Source Sans Pro',Arial, Helvetica, sans-serif;
	font-weight:600;
	font-size:18px;
	line-height:1.3em;
	color:white;
	 -webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	
	
	
	
a {
	color:#fcc !important;
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	color:white !important;	
	}
.logo {
	float:left;
	}
	
h1.page-title {
	position:relative;
	left:280px;
	top:62px;
	color:white;
	font-size:32px;
	font-family:museo700,Arial, Helvetica, sans-serif;
	
}

h1.page-title a {
	text-decoration:none;
	color:white !important;
	}
	
.menu a {
	color:white !important;
	}
	
.menu a:hover {
	color:#ccc !important;
	}

.header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100px;
	background:rgba( 208,37,26,1);
	border-bottom:1px solid white;
	z-index:98;
	}
	
.mobile-header, .mobile-menu-icon, #mobile-menu {
		display:none;
		}
		
	.desktop-header {
		display:block;
		}
	
.header-inner {
	position:absolute;
	width:1200px;
	left:50%;
	margin-left:-600px;
	height:20px;
	
	}
	
.header-inner h1 {
	margin-top:40px;
	margin-left:20px;
	}
	
.header-inner .menu {
	margin-left:20px;
	margin-top:43px;
	}
	
.logo {
	margin-top:20px;
	
	}
	
article, article.wide {
	width:500px;
	left:50%;
	margin-left:-250px;
	position:absolute;
	padding-top:20px;
	
	}
	
article.wide {
	width:900px;
	margin-left:-450px;
	text-align:center;
	}
	
article h1, article h2,article h3,article h4 {
	font-size:45px;
	line-height:50px;
	font-family:museo700,Arial, Helvetica, sans-serif;
	color:#d10019;
	margin: 30px 0;
	}
	
article h3 {
	font-size:23px;
	}
	
article h4 {
	font-size:16px;
	}
	
.important {
	color:#d10019;
	font-weight:700;
	}
	
.left-column {
	width:45%;
	float:left;
	margin-right:2%;
	}
	
	
.right-column {
	width:48%;
	float:right;
	margin-left:2%;
	}
	
.menu {
	float:right;
	}
	
.menu ul li {
	display:inline;
	list-style: none;
	margin-right:10px;
	}
	
.menu ul li a {
	font-weight:600;
	color:white;
	text-decoration:none;
	font-size:18px;
	font-family:museo700,Arial, Helvetica, sans-serif;
	}
	
.menu ul li.active a{
	color:black !important;
	}
	
.section {
	
	background-color:rgba( 0 , 0 , 0 , 1 );
	color:white;

	}
	
.section-transparent {
	background-color:transparent !important;
	
	}
	
.section-transparent .fp-tableCell {
	height:300px !important;
	}
	
div#idgeschichte, div#idkontakt, #idgaestebuch {
	height:1400px !important;
	}
	

	
#idlinks, #idgalerien {
	
	background:rgba( 0 , 0 , 0 , .8 );
	}
	
#idimpressum {
	height:2500px !important;
	}
	
#idforum {
	background:#3c8547;
	}
	
.padding {
	padding:100px 100px 100px 100px;
	}
	
#fullpage {
	margin-top:100px;
	}

	
.content div {
	
	}
	
table.termine-table {
	width:100%;
	}
	
table.termine-table th {
	color:#d10019;
	text-align:left;
	}
	
 th ,  td {
	padding:10px;

}

.gb-entry {
	
	margin:20px 0 0 0;
	padding:20px;
	color:white !important;
	margin-bottom:3px;
	text-align:left;
	}
	
.gb-comment, .tx-guestbook-comment {
	color: #d10019 !important;
	border-bottom:1px #d10019 solid;
	}
	
.gb-date {
	color:white !important;
	margin-bottom:3px;
	margin-top:20px;
	}
	
.gb-name {
	color: #d10019 !important;
	}
	
fieldset textarea, fieldset input {
	width:300px;
	height:20px;
	border:#d10019;
	font-family:museo700,Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #d10019;
	}
	
.tx-guestbook-form-error, .tx-guestbook-form-error-fields {
	background:#d10019;
	color:white !important;
	border-radius:4px;
	}	
	
.tx-guestbook-form-error-fields {
	color:black !important;
	}
	
fieldset textarea {
	height:auto;
	}
	
fieldset input[type="submit"] {
	text-align:center;
	font-size:28px;
	background:white;
	color:black !important;
	height:40px;
	width:100px;
	border-radius:4px;
	margin: 0 0 auto auto;
	}
	

fieldset {
	width:500px;
	margin-left:200px;
	}
	
label {
	text-align:right;
	padding-right:10px;
	color:#d10019;
	}
	
.tx-guestbook-field {
	padding: 8px 0 !important;
	}
	
.tx-srfreecap-pi1-cant-read {
	display:block;
	}
	
.gallery-item {
	width:193px;
	height:270px;
	font-family:museo700,Arial, Helvetica, sans-serif;
	float:left;
	margin-right:32px;
	
	}

.gallery-item .date {
	color:#3c8647;
	}
	
.gallery-item .caption {
	
	}
	
.csc-textpic {
	margin-bottom:20px;
	}
	
.align-center {
	text-align:center;
	}
	
.fb {
	position:absolute;
	right:0;
	overflow:hidden;
	width:80px;
	height:29px;
	margin-right:12px;
	margin-top:10px;
	}
	
	
	
@media (min-width: 768px) and (max-width: 991px) {
	
}

@media (max-width: 768px) {
	
	
	
	.padding {
	padding:10px;
	}
	
	img {
		width:100%;
		height:auto;
		}
	
	#mobile-menu {
		position:fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		width:100% !important;
		height:100% !important;
		background-color:rgba( 0 ,0,0,.8 );
		z-index:2000000;
		color:white;
		font-family:museo700,Arial, Helvetica, sans-serif;
		}
		
	#mobile-menu-inner {
		width:50%;
		margin: 100px 24% 0 24%;
		font-size:24px;
		line-height:50px;
		font-family:museo700,Arial, Helvetica, sans-serif;
		}
	
	.fb {
		position:absolute;
		right:0;
		overflow:hidden;
		width:80px;
		height:29px;
		margin-right:10px;
		margin-top:50px;
		}
	
	#idstart .section {
		background:center;
		}
	
	.mobile-header  {
		display:block;
		}
		
	.mobile-menu-icon {
		display:block;
		position:fixed;
		right:10px;
		top:10px;
		z-index:1000;
		}
		
	.desktop-header {
		display:none;
		}
		
		
	.header {
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100px;
		background:rgba( 208,37,26,1);
		border-bottom:1px solid white;
		z-index:98;
		}
		
	.header-inner {
		position:static;
		width:100%;
		left:0;
		margin-left:0;
		height:20px;
		
		}
	
	.header-inner h1 {
		margin-top:0;
		margin-left:0;
		}
	
	.header-inner .menu {
		margin-left:0px;
		margin-top:0px;
		}
		
	.logo {
		float:left;
		margin-left:10px;
		margin-top:10px;
		}
		
	.logo img {
		width:45%;
		height:45%
		}
	
	article, article.wide {
		width:80%;
		left:0;
	padding-top:20px;
	margin-left:9%;
	position:static;
	padding-top:20px;
		
		}
	
	
	.left-column {
	width:90%;
	float:none;
	margin: 0 5%;
	}
	
	
.right-column {
	width:90%;
	float:none;
	margin: 0 5%;
	}
	
#idgalerien .gallery-item {
	margin: 2px;
	}
	
	fieldset {
		width:80%;
		margin: 0 9%
		}
		
	fieldset label {
	text-align:center;
	padding-right:0px;
	color:#d10019;
	width:100% !important;
	}
	
	fieldset textarea, fieldset input {
	width:80%;
	height:20px;
	border:#d10019;
	font-family:museo700,Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #d10019;
	}
	
	
	.menu {
		display:none;
		}
		
	h2 {
		font-size:24px !important;
		}	
	
	
h1.page-title {
	text-align:center;
	color:white;
	font-size:18px;
	font-family:museo700,Arial, Helvetica, sans-serif;
	width:150px;
	height:23px;
	position:absolute;
	left:50%;
	margin-left:-75px;
	top:18px;
	
	
}

	
	
}