@charset "utf-8";
/* CSS Document */
#Kontrolle{
	display:none;
	position:fixed;
	bottom:0px;
	right:0px;
	background-color:#fff;
	color:#000;
	z-index:27000;
}
.ausblenden{
	display:none !important;	
}
#RightNav{
	display:none;	
}
/* CSS Document */
/*font-family: 'Open Sans', sans-serif;*/
@font-face { font-family: "Roboto-Light"; src: url("Roboto-Light.ttf") format("truetype"); }
@font-face { font-family: "Roboto-Bold"; src: url("Roboto-Bold.ttf") format("truetype"); }
@font-face { font-family: "Firmenschrift"; src: url("Montez-Regular.ttf") format("truetype"); }
@font-face { font-family: "Ersatzschrift"; src: url("IndieFlower.ttf") format("truetype"); }
@font-face { font-family: "PT_Sans-Web-Regular"; src: url("PT_Sans-Web-Regular.ttf") format("truetype"); }


*, *:after, *:before {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.onlyPC{
	display:block;
}


body{
	-webkit-text-size-adjust: none;
	margin:0px;
	padding:0px;
	
	/*font-family: 'Roboto-Light', sans-serif;*/
	/*font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;*/
    font: 20px 'PT_Sans-Web-Regular', sans-serif;
	width:100%;
	background-color:#171717;
	
}
#Navigation ul{
	margin:0px;
}
p, ul{
	line-height:1.45em;
	margin:20px 0px 20px 0px;
}

.PadBox li{
	line-height:1.45em;
}
h1{
	font-family:"Firmenschrift", "Ersatzschrift", Georgia, serif;
	line-height: 1.25em;
	font-size:65px;
}
.SubNav h1{
	font-size:70px;
}

h2{
	line-height: 1.25em;
	font-size:25px;
	margin:0px;
}
h3{
	line-height: 1.25em;
	font-size:20px;
	margin:0px;
}
#Rahmen{
	position:relative;
	opacity:0;
	min-height:100%;
}
section{}
a{
	text-decoration:none;
	color:#c9d941;
	
}
a:hover{
	color:#3F5924;
}
/*font size*/
a img{
	border:none;
	
}


/*Header***************************************/
#Header{
	
}
#NavRahmen{
	position:fixed;
	width:100%;
	z-index:4000;
}
nav, #Navigation{
	position:relative;
	width:100%;
	/*height:50px;*/
	margin:0px auto;
	background-color:#171717;
	
}
#ShortNavigation,#MainNavigation a,#RightNav{
	height:50px;
}
#ShortNavigation{
	position:relative;
	display:block;
	float:left;
	width:21%;
	
	z-index:8100;
}
#MainNavigation{
	display:inline-block;
	min-width:500px;
	margin-right:-0.2em;/*InlineBlock hat ein Schrift Zeichen Abstand*/
	z-index:8000;
}

#RightNav{
	float:right;
	overflow:hidden;
	/*background-image:url(../grafik/BG-Sucher.png);*/
	
	
}
#MainNavigation a, #ShortNavigation a{
	display:block;
	font-variant:small-caps;
	font-size:24px;
	color:#FFFFFF;
}
#MainNavigation a{
	padding:10px 31px 0px;
}
#ShortNavigation a{
	 width:50px;
}
#MainNavigation a:hover{
	background-color:#C9D941;
	color:#171717;
	
}
#ShortNavigation a:hover{

}

#MainNavigation ul li{
	list-style:none;
	display:inline-block;
	vertical-align:top;
	background-color:#171717;
	margin-right:-0.4em;
	cursor:pointer;
}

#MainNavigation ul .Aktiv{
	background-color:#c9d941;
}

#ShortNavigation ul li{
	list-style:none;
	display:inline-block;
	vertical-align:top;
	/*background-color:#333;*/
	margin-right:-0.4em;
	padding-top:0px;
	padding-right:20px;
}


.SubNav{
	text-align:center;
	color:#FFFFFF;
	position:absolute;
	width:100%;
	height:100%;
	background-image:url(../grafik/Navigation/M0.png);
	display:none;
	opacity:0;
	z-index:4500;
	/*margin:30px 2% 2% 0px;*/
	border-bottom:3px solid #fff;
	box-shadow:#000 10px 10px 30px;
	padding-bottom:3%;
}
.SubNav h1{
	letter-spacing:0.25em;
	width:100%;
	background-color:#000000;
	margin:0px;
	padding:1.5% 0px;
	font-size:70px;
	
}
.SubNaviBox{
	position:relative;
	margin:auto;
	padding-top:10px;
	max-width:1600px;
	
}
.SubNav a{
	float:left;
	position:relative;
	display:block;
	padding:1% 0px;
	margin:1% 3%;
	width:19%;
	min-height:200px;
	min-width:240px;
	/*background-color:#859636;*/
	/*background-color:#fff;*/
	background-size:contain;
	background-position:bottom center;
	background-repeat:no-repeat;
	opacity:0.7;
	font-size:30px;
	border-bottom:1px solid #fff;
	
}
.SubNaviBox .Aktiv{
	opacity:1 !important;
}
.SubNav a:hover{
	opacity:1;
}
.SubNav .Aktiv{
	opacity:0.1;
}
.SubNavName{
	position:absolute;
	display:block;
	bottom:0px;
	width:100%;
	letter-spacing:0.05em;
	line-height:1.1em;
	text-shadow:#000000 5px 8px 10px;
	font-size:35px;
	color:#fff;
	
}

.IconButton{
	position:relative;
	cursor:pointer;
}
.IconButton a:link{
	width:50px;
	padding-right:25px;
}
.IconButton img{
	position:relative;
}
.IconButton img:last-child{
	position:absolute;
	left:0px;
	top:0px;
}
.IconButton h1{
	float:left;
	
}

.IconButtonInhalt{
	float:left;
	margin-right:20px;
	width:70px;
}
.IconButtonInhalt img{
	width:100%;
	height:auto;
}

/*Smartmenue Ein Aus*/
#ShortNavigation ul #SmartMenue{
	display:none;
}
.NavClose-Button{
	top:10px;
	right:10px;
	width:70px;
	height:70px;
	position:absolute;
	
}

/*Sprache**********************************/


/*Content***************************************/
#Content{
	color: #333;
	z-index:500;
	display:block;
	padding-top:50px;
	
}
#FlyPict{
	position:absolute;
	z-index:2000;
	top:335px;
	left:14%;
	
}
#FlyPict img{
	display:none;
	height:200px;
	width:auto;
	
}
#Logo, #HeroInhalt, .HeroImage, .HeroImage img,#HeroBild{
	height:500px;
}
#Logo{
	position:relative;
	float:left;
	text-align:center;
	padding-top:50px;
	color:#171717;
	z-index:500;
	width:30%;
	background-color:#c9d941;
	/*
	
	background-image:url(../grafik/norwegische-katzen.png);
	background-size:contain;
	background-position:right bottom;
	background-repeat:no-repeat;
	*/
}
#Logo h1{
	color:#3e5900;
	margin:15px 0px;
	
	
}
#Logo h2{
	font-size:18px;
	text-align:right;
	padding-right:30px;
}

#Logo a{
	color:#8f5300;
}
#Logo a:hover{
	color:#000;
}
.Logo h1,.Logo h3{
	color:#3B9199 !important;
	font-size:50px;
}
.Logo h3{
	color:#3B9199 !important;
}
.Logo h2, .Logo h4{
	font-size:16px;
}
.Logo h4{
	color:#171717 !important;
}



/*SLIDER*****************************************************************/
#HeroBild{
	position:relative;
	display:inline-block;
	width:100%;
	margin:auto;
	overflow:hidden;
	/*background-image:url(../grafik/BG-Hero-Bild.jpg);*/
	background-size:cover;
	background-position:center top;
	background-repeat:no-repeat;
	clear:both;
}
.HeroImage{
	position:absolute;
	width:100%;
	overflow:hidden;
	
}
.HeroImage img{
	min-width:100%;
	min-height:500px;
	
}
.HeroInhaltSlider{
	position:absolute;
	width:auto;
	text-align:center;
	left:auto;
	right:30px;
	
}
.HeroLink{
	display:inline-block;
	padding:10px 15px;
	background-image:url(../grafik/BG-Adress.png);
	color:#FFFFFF;
	margin:auto;
	border-radius:7px;
}
#HeroInhalt{
	position:relative;
	margin-top:50px;
	float:left;
	text-align:center;
	color:#FFF;
	font-size: 22px;
    line-height: 1.6;
	width:70%;
	/*max-width:1600px;*/
	margin: 0px auto;
	/*/background-color:#171717;*/
}
#HeroInhalt h1{
	font-size:60px;
	margin:0px;
	padding:0px;
	letter-spacing:0.1em;
	text-shadow:5px 5px 10px #000;
}

/*SLIDER*****************************************************************/
/*AUTOSCROLL************************************************************/
#BTN-Top{
	position:fixed;
	right:10px;
	bottom:80px;
	cursor:pointer;
	z-index:8000;
	
}
#BTN-Top img{
	opacity:0;
}

.BTN-Scroll{
	cursor:pointer;
	padding:10px 20px;
    margin: 0px 0px 10px;
	border:1px solid #fff;
	background-color:#14383C;
	font-size:25px;
	border-radius:15px;
}
.ScrollBTN{
	cursor:pointer;
}

.BTN-Scroll:hover,.BTN-Scroll:focus{
	background-color:#000;
}
/*AUTOSCROLL*************************************************/
.Container{
	position:relative;
	clear: both;
	width: 100%;
	margin:0px auto;
}



#Inhalt{
	width:100%;
}
#Inhalt h1{
	color:#3B9199;
	margin:10px 0px;
	font-size:45px;
}
#Inhalt .ZeileSchmal h1{
	font-size:45px;
}
#Footer .Zeile{
	display:inline-block;
	width:100%;
	/*Überlappung*/
		
	margin-bottom:0px;
}
.Zeile{
	width:100%;
	background-color:#fff;
}
.ZeileSchmal{
	display:marker;
	max-width:1400px;	
	margin:0px auto;
	background-color:#FFF;
}
.ZeileExtraSchmal{
	display:marker;
	width:50%;	
	margin:0px auto;
	background-color:#FFF;
}

.Green{background-color:#859636 !important;color:#fff;}
.Green h1,.Green h2{color:#fff !important;}
.Green a{color:#404A1C;}
.Green a:hover{color:#fff;}

.Orange{background-color:#ff9001 !important;color:#171717;}
.Orange h1,.Orange h2{color:#CC6601 !important;}
.Orange a{color:#9b4d01;}
.Orange a:hover{color:#d94700;}

.Turkis{background-color:#4598a0 !important;color:#fff;}
.Turkis h1,.Turkis h2{color:#fff !important;}
.Turkis a{color:#14383c;}
.Turkis a:hover{color:#fff;}

.DunkelTurkis{background-color:#14383C !important;color:#fff;}
.DunkelTurkis h1,.DunkelRot h2{color:#fff !important;}
.DunkelTurkis a{color:#4598a0;}
.DunkelTurkis a:hover{color:#fff;}

.Yellow{background-color:#EEA616 !important;color:#fff;}
.Yellow h1,.Yellow h2{color:#000 !important;}

.red{background-color:#fff !important;color:#CC1A1A;}
.red h1,.red h2{color:#CC1A1A !important;}

.transparent{background-color:transparent !important;color:#fff;}
.transparent h1,.transparent h2{color:#fff !important;}

.Dark{background-color:#171717 !important;color:#fff;}
.Dark h1,.Dark h2{color:#c9d941 !important;}

.Light{background-color:#fff !important;color:#171717;}
.Light h1,.Light h2{color:#c9d941 !important;}

.Middle{background-color:#79B320 !important;color:#fff;}
.Middle h1,.Middle h2{color:#fff !important;}


.SP15,.SP20,.SP25,.SP30,.SP33,.SP33-50,.SP40,.SP50,.SP60,.SP66{
	float:left;
	padding:10px 20px;
}
.SP10{width:10%;}
.SP15{width:15%;}
.SP20{width:20%;}
.SP25{width:25%;}
.SP30{width:30%;}
.SP33{width:33.333%;}
.SP33-50{width:33.333%; height:350px;}
.SP40{width:40%;}
.SP50{width:50%;}
.SP60{width:60%;}
.SP66{width:66.666%;}
.SP75{width:75%;}
.SP70{width:70%;}
.SP80{width:80%;}
.SP90{width:90%;}
.SP100{width:100%; display:inline-block;padding:10px 20px;}

.SP1CSS,.SP2CSS,.SP3CSS{
	-moz-column-rule: 0px dotted #000;
	-webkit-column-rule: 0px dotted #000; /* Safari and Chrome */
	column-rule: 0px dotted #000;
	margin: 20px 0 0px;
}
.SP1CSS{
	-moz-column-count: 1;/* Firefox */
	-moz-column-width:100%;
	-moz-column-gap: 0px;
	
	-webkit-column-count:1; /* Safari and Chrome */
	-webkit-width:100%;
	-webkit-column-gap: 0px; /* Safari and Chrome */
	
	column-count:1;
	column-width:100%;
	column-gap: 0px;
}
.SP2CSS{
	-moz-column-count: 2;/* Firefox */
	-moz-column-width:50%;
	-moz-column-gap: 40px;
	
	-webkit-column-count:2; /* Safari and Chrome */
	-webkit-width:50%;
	-webkit-column-gap: 40px; /* Safari and Chrome */
	
	column-count:2;
	column-width:50%;
	column-gap: 40px;
}
.SP3CSS{
	-moz-column-count: 3;/* Firefox */
	-moz-column-width:33%;
	-moz-column-gap: 40px;
	
	-webkit-column-count:3; /* Safari and Chrome */
	-webkit-width:33%;
	-webkit-column-gap: 40px; /* Safari and Chrome */
	
	column-count:3;
	column-width:33%;
	column-gap: 40px;
}
.SP2CSS p,.SP3CSS p{
	padding:0px;
	
}
.SP2CSS ul,.SP3CSS ul{
	padding:0px;
	margin:0px 0px 0px 25px;
	
}
.TextBox{
	height:130px;
	
}
.BTNMore{
	padding:15px 30px;
	border:1px solid #333;
	border-radius:10px;
	text-align:center;
	
}
.BTNMore:hover{
	background-color:#C7D543;
	
}
/*BlendeBox*************************************/
#BlenderBox{
	position:absolute;
	display:none;
	width:400px;
	height:auto;
	box-shadow:3px 3px 10px;
	background-color:#FFFFFF;
	top:70px;
	border-radius:20px;
	opacity:0;
}
#BlenderBoxInhalt{
	padding:20px;
	text-align:center;
	
}
#BlenderBoxInhalt h1,#BlenderBoxInhalt h2{
	font-family:"Firmenschrift", "Ersatzschrift", Georgia, serif;
	
}
#BlenderBoxInhalt h1{
	font-size:40px;
}
#BlenderBoxInhalt h2{
	font-size:30px;
}
#BlenderBoxInhalt p{
	font-size:30px;
}
#BlenderBox .IconButton{
	float:right;
	right:10px;
	
	
}
/*BlendeBox*************************************/

#Bildergalerie{
	position:absolute;
	width:100%;
	height:100%;
	z-index:25000;
	display:none;
}
.BildBox{
	display:inline-block;
	width:100%;
	
}
.VSB{
	position:relative;
	float:left;
	cursor:pointer;
	width:auto;
	overflow:hidden;
	height:150px;
	
}
.VSB img{
	display:flex;
	width:auto;
	height:150px;
	padding:0px 0px 5px 0px;
}
#BildShowBox{
	position:relative;
	text-align:center;
	overflow:hidden;
	margin:auto;
	z-index:25001;
	background-color:#fff;
	background-image:url(../XXPictures/XXBilder/loader.gif);
	background-position:center center;
	background-repeat:no-repeat;
}
#BildShowBox img{
	margin:auto;
	opacity:0;
}
#BGSchwarz{
	position:absolute;
	width:100%;
	height:100%;
	background-image:url(../comaxx/Pictures/css/BG.png);
	opacity:0.95;
	z-index:24990;
}
#BildGalBack, #BildGalForw,#BildGalClose{
	position:absolute;
	z-index:25020;
	top:50px;
	cursor:pointer;
}
#BildGalBack{
	left:5px;
}
#BildGalForw{
	right:5px;
}
#BildGalClose{
	top:10px;
	right:5px;
}
#BildNummerierung,#BildTitel{
	font-family:Verdana, Geneva, sans-serif;
	position:fixed;
	width:100%;
	bottom:10px;
	text-align:center;
	color:#FFFFFF;
	z-index: 25011;
	text-shadow:#000000 1px 1px 5px;
}
#BildTitel{
	bottom:40px;
	z-index: 25012;
}

/*Footer***************************************/
#Footer{
	padding:20px;
	position:fixed;
	height:70px;
	bottom:0px;
	width:100%;
	background-color:#000;
	
}

#FooterLinks{
	float:left;
	background-color:#000;
	
}

#copyright{
	float:right;
	background-color:#000;
	font-family:'RockSalt', sans-serif;
	color: #ffffff;
    font-size: 12px;
    text-align: right;
	
}

.clear{
	clear:both;
}
.clear20{
	clear:both;
	height:20px;
}
.clear40{
	clear:both;
	height:40px;
}
.clear100{
	clear:both;
	height:100px;
}
.clear30Linie{
	clear:both;
	height:15px;
	margin-bottom:15px;
	border-bottom:1px solid #333;
}
.clear50Linie{
	clear:both;
	height:50px;
	margin-bottom:50px;
	border-bottom:1px solid #333;
}