/* ######################################### */
/* ###### Bereiche, Farben, Hintergründe ############# */
/* ######################################### */



body {
font-family: 'Comic Sans MS', 'TrajanPro-Regular', 'Lucida Grande', sans-serif;
font-weight: normal;
background-color: #f0f9e9;
color: #864a4a;
font-size: 1.0em;
line-height: 1.5em;
}

#header { position:relative; }
main > .container { max-width: 1100px; width:1100px important!; padding-top: 10px; margin:0 !important; }
.row.inhalt { background: #f0f9e9;
border: 1px solid #BBB;
box-shadow: 0px 0px 6px 4px #CCC;
border-radius:10px;
}

#nuflogo {
position:absolute;
top:10px; padding-left:24px; 
font-family: 'Flavors', 'Helvetica', sans-serif;
font-weight:400;
font-size:30px;
line-height:30px;
float:left;
margin-top:0px;
color:#f0f9e9;
z-index:30; }
#nuflogo a	{ color:#FFF3CD;text-decoration:none; }

#header p { margin-top: 0px; }
#header a { color: #FFF3CD; }

#header img { 
height: 109px;
width:1100px;
padding:0;margin:0;
  -moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Chrome, Safari */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */
behavior:url(border-radius.htc); /* Internet Explorer */
border:3px solid #d8751d;
background-color:#DDD;
}

.inhalt > .col-xs-3 { background:#f0f9e9; padding-top:20px; border-radius:10px;}
.inhalt > .col-xs-6 { background-color: #fff3cd; padding: 10px 30px 20px 30px; }
.orangefett { color:#d8751d; font-weight:bold; }
.rahmen { border:3px solid #d8751d;padding: 0 15px;border-radius: 10px;font-size:85%;line-height:1.5em; }
.col-xs-3.rechts .container { padding-right:20px; }
.teaser { padding-bottom:5px; margin-bottom:10px; }


/* ######################################### */
/* ###### Basics ############# */
/* ######################################### */


h1, h2, h3, h4, h5, h6 {
font-family: 'Voltaire','Open Sans Condensed', sans-serif;
font-weight: 400;
letter-spacing:0px;
line-height:1.0em; }

h1 {
font-family: 'Rock Salt'; 'Open Sans Condensed', sans-serif;
color:#D8751D;font-size:1.5em; 
line-height:1.4em;
}

h2 {color:#d8751d;width:85%;margin-top:20px;margin-bottom:10px;}
h3 {line-height:0.1em;margin:0; padding:0 0 6px 0;}
h4 {line-height:1.6em;}




img { max-width:100%; }
a {	color:#829D27;font-weight:bold;text-decoration: none;}
a:hover	{ color:#D8751D; }	
.bu { font-size:100%; line-height:1.3em; padding-top:4px;}
.bildlinks{ margin: 3px 12px 6px 0; }
.bildrechts{ margin:3px 0px 6px 12px; }
.orange { background-color:#d8751d; }
.clearer {clear:both;}
p.bu { float:left;margin-top:22px; }
.textorange {color:#D8751D;}
.textdunkel {color:#717867;}

.btn-primary {color: #fff;
background-color:#829D27;
border-color:#829D27;
}

.btn-primary:hover {color: #fff;
background-color:#aeb987;
border-color:#aeb987;
}


 /**************/
/* galerie */
/**************/ 

#classybox { padding:3em !important; }
div.gallery img {
padding: 0px;
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Chrome, Safari */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */
behavior:url(border-radius.htc); /* Internet Explorer */
border:3px solid #d8751d;
}
div.gallery a.lightbox img {
margin-bottom:10px;
}
.classybox-wrap { box-sizing:content-box; }
.col-xs-6 a.lightbox { float:left; max-width:48%;margin-right:2%; }


/**************/
/* Seite Links */
/**************/

.links { display:block; overflow:hidden; margin-bottom:20px; }
.links img { float:left; padding-right:30px;}
.links h3 { margin-top:30px; }


/**************/
/* Tables */
/**************/

table { border-collapse: collapse; border: 0px solid #b1b8a7; width:100%; font-size:0.85em;
font-family: 'Open Sans', sans-serif; font-weight:400;margin-top:20px;
color:#717867;
 }
td, th { padding: 4px 8px; text-align: left; padding-right: 1.5em; vertical-align: top;   }


th { background: #b1b8a7; color: #edf7e7; font-weight: bold;}
tr { border-top: 2px solid #76a317; background: #e0e9d9; }


tr.orange { border-top: 2px solid #b1b8a7; background: #829d27; }
tr.orange th { background: #b1b8a7;}
body.style39 tr.orange th { background: #829d27;}


tr.nofill { border-top: 10px solid transparent; background: transparent; }
tr.anmelden, tr.anmelden th { background: transparent; }
td p, th p { margin:0em; }
tr.anmelden td a.button1,
tr.anmelden td a.button2
	{	font-size: 1.0em;
		padding: 0.3em 1.0em;
		display: inline-block;
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		text-decoration: none;
		background: #829d27;
		color: #fff;
		border-radius: 8px;
		outline: 0;
		margin:10px 10px 20px 0;
		float:left;
		-moz-transition: background-color .2s ease-in-out;
		-webkit-transition: background-color .2s ease-in-out;
		-o-transition: background-color .2s ease-in-out;
		-ms-transition: background-color .2s ease-in-out;
		transition: background-color .2s ease-in-out;
	}



tr.anmelden td a.button2 {	background: #b1b8a7;
box-shadow:4px 4px 4px #666; }
tr.anmelden td a.button2:hover { background: #E3DAA8; }
tr.anmelden td a.button2:before { content:"? "; font-size:30px;}

tr.anmelden td a.button1 {	background: #829d27; padding-left:0.6em;
box-shadow:4px 4px 4px #666; }
tr.anmelden td a.button1:hover { background: #E3DAA8; }


table.uebersicht { margin-left:40px;width:80%; }
table.uebersicht tr { background:none;border:none; }
table.uebersicht th { background:none;font-weight:normal;color:#717867;white-space:nowrap;padding:2px 10px; }
table.uebersicht td { background:none;white-space:nowrap;padding:0 10px; }





/* ######################################### */
/* ###### Responsive ############# */
/* ######################################### */




/* *******************************************************
Custom, iPhone Retina
******************************************************** */

@media only screen and (min-width : 320px) {  
/* ----- */

#menu1 ul.rex-navi2 > li {
margin:4px 0 12px 0;
cursor:pointer;
}
/* ----- */
}

/* *******************************************************
Extra Small Devices, Phones
******************************************************** */

@media only screen and (min-width : 480px) {
/* ----- */

.navbar-light .navbar-brand { display:none; }

/* ----- */
}


/* *******************************************************
Small devices (landscape phones, 576px and up)
******************************************************** */

@media only screen and (min-width: 576px) {
/* ----- */

#menu1 ul.rex-navi2 > li {
margin:4px 0 10px 0;
cursor:pointer;
}

/* ----- */
}



/* *******************************************************
Medium devices (tablets, 768px and up)
******************************************************** */

@media only screen and (min-width : 768px) {
/* ----- */



/* ----- */
}



/* *******************************************************
Medium Devices, Desktops - 
--- ab hier Menu normal
******************************************************** */

@media only screen and (min-width : 992px) {
/* ----- */

.navbar-light .navbar-brand { display:none; }
#menu1 ul.rex-navi2 > li {
margin:4px 0 8px 0;
cursor:pointer;
}

/* ----- */
}


/* *******************************************************
Large Devices, Wide Screens
******************************************************** */

@media only screen and (min-width : 1200px) {
/* ----- */


/* ----- */
}



/* *******************************************************
Angeber-Breite
******************************************************** */

@media only screen and (min-width : 1400px) {
/* ----- */


/* ----- */
}