@charset "utf-8";

/* ==========================================================================
Layout
============================================================================ */

html {
   font: 100.1%/1.6 "Arial", sans-serif;
   font-weight: normal;
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
}
body { margin: 0; color: black;}

*, *:before, *:after {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}
h1 { font-size: 1.2em;}
h2 { font-size:1.1em;}
h3 { font-size: 1.0em;}
p { font-size:1.0em;}

/* ===== Standard-Links auf der Seite ===== */
a:link {color:#184080;text-decoration: underline;}
a:visited {color: #184080;text-decoration: underline;}
a:hover, a:active, a:focus {text-decoration: none; color:maroon;}


/* ===== Seiten-Rahmen für den gesamten Inhalt ===== */
/*****************************************************/
.contentframe {max-width: 1024px;min-height:800px;padding: 0.25%;margin: 0 auto;}

/*  Reihen / Row  */
.row {width:100%;clear: both;padding: 0px;margin: 0px;}
.row:first-child {
   height:54px;
   background: url(../images/headpic1.png);
   background-position: left bottom;
   background-repeat: no-repeat;
   background-size: contain;
   margin-bottom:15px;
   border-bottom: 1px solid maroon;
}

/* ***** Zweite Reihe => Top-Menu -> nur in Smartphone sichtbar ***** */
.row:nth-child(2) {height:2px;visibility:hidden;}
.row:nth-child(3) {
   min-height: 800px;
}

/* ***** Top-Menu wird ausgeblendet ***** */
.topmenu {
   visibility:hidden;
   width:100%;
   height:2px;
}
.row:nth-child(4) { height:2px;visibility:hidden;}

/* ***** Letzte Reihe ist die Fusszeile ***** */
.row:last-child {margin-top:15px;}
.footer {
   background-color: #EEEEEE;
   color: #000;
   text-align: center;
   padding: 0.5em;
}
.section {
   width:99%;
   margin:0 auto;
   height:auto;
   /*border:1px solid red;*/
}

.footer p {
   font-size:0.70em;
}

/*  COLUMN SETUP  */
.col {
   display: block;
   float:left;
   margin: 1% 0% 1% 1.6%;
   padding:0.5% 0.5%;
}
.col:first-child { margin-left: 0; }
.col:nth-child(5) { margin-left:0;}

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWELVE  */
.span12 {width: 100%;}
.span11 {width: 91.53%;}
.span10 {width: 83.06%;}
.span9 {width: 74.60%;}
.span8 {width: 66.13%;}
.span7 {width: 57.66%;}
.span6 {width: 49.20%;}
.span5 {width: 40.73%;}
.span4 {width: 32.26%;}
.span3 {width: 23.80%;}
.span2 {width: 15.33%;}
.span1 {width: 6.866%;}

/*  GO FULL WIDTH BELOW 720 PIXELS */
@media screen and (max-width: 720px) {
/*.contentframe {max-width: 720px;min-height:800px;padding: 0.25%;margin: 0 auto;}*/

.col {  margin: 1% 0 1% 0%; }
.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 { width: 100%; }
.section:first-child {visibility:hidden;height:1px;}
.row:first-child { height:54px;}
/* ***** 2. Reihe & 4. Reihe => Top-Menu -> nur in Smartphone sichtbar ***** */
.row:nth-child(2) {height:auto;visibility:visible;}
.row:nth-child(4) { height:auto;visibility:visible;}
.topmenu { visibility:visible; height:auto; background: #FaFaFa;}
.topmenu ul {list-style: none;}
.topmenu li { display: inline;margin: 5px;}

h1 { font-size: 1.5em;}
h2 { font-size:1.4em;}
h3 { font-size: 1.3em;}
p {font-size:1.5em;}

}

.pola {
   width: 92%;
   background-color:white;
   margin: 0px;
}

.polaroid {
   width: 92%;
   background-color:white;
   margin: 0px;
   -webkit-box-shadow: 3px 4px 8px 0px rgba(0,0,0,0.35);
   -moz-box-shadow: 3px 4px 8px 0px rgba(0,0,0,0.35);
   box-shadow: 3px 4px 8px 0px rgba(0, 0, 0, 0.35);
}
.polaroid img {
   width: 100%;
   height: auto;
   vertical-align: middle;
   border:1px solid maroon;
}

.pcont {
   text-align: left;
   padding-left: 2px;
}
.pcont p {
   font-size: 0.7em;
   font-weight:normal;
}

/* Standard-Menu ========================================================================*/
.menu {
   width:100%;
}
.menu ul {
   list-style-type: none;
   width: 100%;
   padding: 0;
   background-color: #f3f3f3;
}
.menu li {
   padding: 12px 0px 12px 10px;
   margin-bottom: 8px;
   font-size:1.0em;
   font-weight: 500;
   background-color: #fff;
   color: #000;
   -webkit-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.15);
   -moz-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.15);
   box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.15);

}
.menu li a {
   display:block;
   text-decoration: none;
}
.menu li:hover {
   background-color: #fefae7;/*#CCCCCC;*/
   color: maroon;
   text-decoration: underline;
   cursor: pointer;
}
.hr1 {
   width: 98%;
   margin-left: auto; margin-right: auto;
   margin-top:20px;margin-bottom:20px;
   height: 4px;
   clear: both;
}

#scroll {
position:fixed;
right:10px;
bottom:10px;
cursor:pointer;
width:50px;
height:50px;
background-color:#3498db;
text-indent:-9999px;
display:none;
-webkit-border-radius:60px;
-moz-border-radius:60px;
border-radius:60px
}
#scroll span {
position:absolute;
top:50%;
left:50%;
margin-left:-8px;
margin-top:-12px;
height:0;
width:0;
border:8px solid transparent;
border-bottom-color:#ffffff
}
#scroll:hover {
background-color:#e74c3c;
opacity:1;filter:"alpha(opacity=100)";
-ms-filter:"alpha(opacity=100)";}

.tableft{
   margin-left: 5px;
   width: 100%;
}
.tableft td {
   padding-right:10px;
}
.tableft tr {
   height:35px;
}