* {box-sizing:border-box}

html  {

	height:100%;
	
	}

body {
	margin: 0;
	padding: 0;
	/*background: #666 url(img/bg_08.gif) repeat-y top center;*/
	font-family: 'PT Sans Narrow', sans-serif;
	color: #444;
	text-align: left;
	height:100%;
	padding-left:0px; padding-right:0px;
	font-size:0.8em;
	max-width:100%;
}

#nonFooter
{
	position: relative;
	min-height: 100%;
	width: 100%;
	background: #fff;
	font-size: 1.3em;
 	top: 0px;
	max-width:100%;
}

* html #nonFooter
{
	height: 100%;
}

#header {
	width: 100%;
	height: 118px;
	background: transparent url(img/header_bg.jpg) repeat-x left top;
	text-align:right;
	padding-top:17px;
	max-width:100%;

}



#navbar {
	clear: both;
	float: left;
	width: 100%;
	height:auto;
	background-color:#181818;
	font-family: 'PT Sans Narrow', sans-serif;
	color:#FFF;
	font-size:1.2em;

}

#navbar ul.menu {display:block;  padding:0px; margin-left:10px}
#navbar ul li {list-style-type:none; float:left;}
#navbar ul li a  {color:#FFF; text-decoration:none;  margin-right:10px}
#navbar ul li a:hover, #navbar ul li a.aktiv {color:#ff9c06}
#content {clear:both;  padding:0px;  background-color:#fff; border:1px solid #FFF; position:relative; margin:0px auto; box-sizing: border-box; padding-left: 30px; padding-right: 30px}
#footer_div {text-align:center; position:relative; margin:0px auto; padding-bottom:20px; margin-top:20px}
#nav_user {width:100%; padding:10px; background-color:#eee; border:1px solid #CCC; margin-top:10px; margin-bottom:10px}
#nav_user a {color:#000}
#nav_user p {line-height: 35px}
#loginform {width:100%; margin-top:20px;}


.widget {border:1px solid #333;	padding:5px;cursor:pointer;margin-bottom:3px;background-color:#FFFFFF; width:80%; background-image:url(/img/updown.png); background-repeat:no-repeat; padding-left:15px; background-position: 0px 5px;}
.widget a {color:#000}
.orange {background-color:#ff9933;}
.notsortable {background-image:url(); width:95%; max-width:95%;}
.pos {display:block; margin-left:5px; margin-right:5px; font-weight:bold; float:left}
.vwidget {border:1px solid #333; padding:5px; height:230px; margin-bottom:3px;background-color:#FFFFFF;}
.toucher {display:block; width:40px; height:37px; border:1px solid #000; background-color:#999; text-align:right; float:right; position:relative; top:-6px; right:-5px; border-right:0;}
#hinweis {margin-bottom:20px; border:1px solid #ccc; color:#FFF; width:100%; background-color:#F00; padding:10px}

.w500 {width:500px}
.w150 {width:150px}
.head {width:100%; height:30px; background-color:#ff9933; color:#FFF}
.hidden {display:none}
.p20px {padding:20px}
.pl20px {padding-left:20px}
.opener {cursor:pointer}
.hidden {padding-left:10px; background-color:#eee}


#area4weltmeister {width:100%; padding:10px; margin-top:10px; margin-bottom:10px; text-align:center}
.w800 {width:100%; max-width:100%}
.tippeing {width:40px}

/* Formfields */

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea,
select {
  background: rgba(255,255,255,0.1);
  border: 1px solid #eee;
  font-size: 16px;
  height: auto;
  margin: 0;
  outline: 0;
  padding: 15px;
  width: 100%;
  background-color: #fff;
  color: #8a97a0;
  box-shadow: 0 1px 0 rgba(0,0,0,0.8) inset;
  margin-bottom: 30px;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 0 4px 8px 0;
}

select {
  padding: 6px;
  height: 32px;
  border-radius: 2px;
}

button {
  padding: 19px 39px 18px 39px;
  color: #FFF;
  background-color: #4bc970;
  font-size: 18px;
  text-align: center;
  font-style: normal;
  border-radius: 5px;
  width: 100%;
  border: 1px solid #3ac162;
  border-width: 1px 1px 3px;
  box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset;
  margin-bottom: 10px;
}

fieldset {
  margin-bottom: 30px;
  border: none;
}

legend {
  font-size: 1.4em;
  margin-bottom: 10px;
}

label {
  display: block;
  margin-bottom: 8px;
}

label.light {
  font-weight: 300;
  display: inline;
}

.number {
  background-color: #5fcf80;
  color: #fff;
  height: 30px;
  width: 30px;
  display: inline-block;
  font-size: 0.8em;
  margin-right: 4px;
  line-height: 30px;
  text-align: center;
  text-shadow: 0 1px 0 rgba(255,255,255,0.2);
  border-radius: 100%;
}



/* Ende Formfields */

.clearer {clear:both}
h1,h2,h3,h4 {margin:0px; padding:0px; font-family: 'PT Serif', serif; color:#ff9c06;margin-bottom:20px; margin-top:20px}
h1 {font-size:1.3em;  border-bottom:1px solid #ff9c06; }

#events {margin-bottom:20px}
#events .event:last-child{border-bottom:2px solid #000}
.event {padding-bottom:5px; border-bottom:1px solid #eee; padding-top:5px; padding-left:3px}
.event:nth-child(odd) {background-color: #ff9c06; background-color:rgba(255,153,0,.7); color:#FFF}

.zufallsbild {width:100%; max-width:420px; margin-right:10px; overflow-x:hidden}
.zufallsbildlatest {}
.zufallsbildlatest img {max-height:100%; width:auto; max-width:100%}
div.zufallsbildlatest { background-size:contain; float:left; margin-right:10px; background-repeat:no-repeat;}
.floatleft {float:left}
.bilderrahmen {border:1px solid #ccc; background-color:#eee; box-sizing:border-box; padding:10px; padding-left:20px; margin-right:10px; margin-bottom:10px; max-width:100%}
.bilderrahmen h4 {margin:0px; margin-bottom:10px}
.bilderrahmen a {color:#000}

#schnappschuesse {max-width:100%; width:100%}
#schnappschuesse table {max-width:100%; width:100%; margin-top:20px;}
#schnappschuesse table tr td {padding:10px;}
#schnappschuesse table tr td.headline {background-color:rgba(255, 153, 0, 0.7); color:#FFF; font-weight:bold;}
#schnappschuesse table tr:nth-child(even) td {background-color:#eee}
#schnappschuesse table tr td a {color:#000}
#schnappschuesse table.bildertable {border:1px solid #cccccc; margin-right:3px; margin-bottom: 3px; width:150px; display:inline-block}
#schnappschuesse table.bildertable tr td img.maxwidth100 {max-width:100%; height:auto}

.schnappschuesse {display: flex; flex-wrap: wrap;}
.schnappschuesse div {padding: 10px; outline: #ccc solid 1px; background-color: #eee}
.schnappschuesse div img {width: 200px}


#adressen {max-width:100%; width:100%}
#adressen table {max-width:100%; width:100%; margin-top:5px;}
#adressen table tr td {padding:10px}
#adressen table tr td.headline {background-color:rgba(255, 153, 0, 0.7); color:#FFF; font-weight:bold;}
#adressen table:nth-child(even) tr td {background-color:#ccc}
#adressen table:nth-child(odd) tr td {background-color:#eee;}
#adressen table tr td a {color:#000}



a {color:#000}

table {width:100%}
li {margin-left:20px}

strong.tablesorter {cursor:pointer}


input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}



@media only screen and (max-width:1500px) {
.bilderrahmen {width:49.2%; max-width:49.2%; min-width:49.2%}
}

@media only screen and (max-width:800px) {
div.respTable  { overflow-x: auto}
div.respTable table {width: 100% !important;}	
#content {padding: 10px !important}	
.bilderrahmen {width:100%; max-width:100%; min-width:100%}
#schnappschuesse table tr td {font-size:0.7em}
#schnappschuesse table tr td a.various, #schnappschuesse table tr td a.fancybox  {font-size:2em}
#schnappschuesse table.bildertable {width:100%;}
	
.schnappschuesse {display: block;}
.schnappschuesse div {padding: 10px; outline: #ccc solid 1px; background-color: #eee; margin-bottom: 10px; width: 100%}
.schnappschuesse div img {width: 100%}	

#adressen table tr td {font-size:0.7em}
#adressen table tr td a.various, #adressen table tr td a.fancybox  {font-size:2em}
#adressen table.bildertable {width:100%;}
}