@import url(font/entypo.css);
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
}

/**
 * @license
 * MyFonts Webfont Build ID 2697990, 2013-11-28T11:24:55-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Flexo Bold by Durotype
 * URL: http://www.myfonts.com/fonts/durotype/flexo/bold/
 * Copyright: Copyright © 2011-2012 Durotype, www.durotype.com. All rights reserved.
 * Licensed pageviews: 500,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2697990
 * 
 * © 2013 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/292b06");

  
@font-face {font-family: 'Flexo-Bold';src: url('font/292B06_0_0.eot');src: url('font/292B06_0_0.eot?#iefix') format('embedded-opentype'),url('font/292B06_0_0.woff') format('woff'),url('font/292B06_0_0.ttf') format('truetype'),url('font/292B06_0_0.svg#wf') format('svg');}
 
html {
/*height:100%;
width: 100%;
overflow-x: hidden;*/
}

body {
/*width:100%;
height:100%;
overflow-x: hidden;
position:relative;*/
margin: 0 auto;
padding:0;
font-family: Arial,Helvetica,sans-serif;
font-size: 11pt;
text-decoration: none;
background-color: #f5f5f5;
}

#onmapsMap {
	width: 100%;
	height: 750px;
}

#gg_coordinate_container {
	border-radius: 4px;
	border-color: #deded7;
	border-width: 2px;
	border-style: solid;
}

#gg_coordinate_container_current_coord {
	line-height: 0.8rem;
	font-size: 0.8rem;
}

#gg_coordinate_container_lastsingleclick_coord {
	line-height: 0.8rem;
	font-size: 0.8rem;
}

#gg_onmaps_measurement_checkbox {
	margin-left: 59px;
	margin-top: 11px;
}

#gg_onmaps_measurement_checkbox_label {
	margin-left: 59px;
	margin-top: 6px;
	font-size: 0.8rem !important;
	border-radius: 4px;
	border-color: #deded7;
	border-width: 2px;
	border-style: solid;
}

.ol-zoom {
	font-size: 1.8em !important;
}

.ol-print {
	font-size: 1.8em !important;
}

.dateidatum {
font-size: 7pt;
color: #a3a3a3;
}

.container-staticpage {
margin-top:70px;
}

h1, h2, h3, h4, h5 {
font-family: 'Flexo-Bold';
color:#003366;
font-weight: normal;
line-height:1.2em;
}

h1 {
font-size:2.6em;
}
h2 {
font-size:2.0em;
}
h3 {
font-size:1.6em;
}
p{
line-height:1.8em;
font-size:1.1em;
}

textarea{
font-family: Arial,Helvetica,sans-serif;
font-size: 11pt;
}

blockquote{
font-family: Georgia, serif;
font-size: 1.2em;
line-height: 1.3;
font-style: italic;
margin: 20px;
text-align: center;
}

body .hamburger {
  position: absolute;
  top:35px;
  right: 0px;
  width: 70px;
  height:70px;
/*  background:#003366;*/
  -webkit-transform: translate(-800%, -50%);
          transform: translate(-800%, -50%);
}

body .hamburger span {
  position: relative;
  display: block;
  width: 20px;
  height: 2px;
  margin-top: 6px;
  background: #fff;
  transition: all 0.4s;
  margin: 0 auto;
  top: 45%;
}
body .hamburger span:before, body .hamburger span:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  left: 0;
  background: #fff;
  position: absolute;
  transition: all 0.4s;
}
body .hamburger span:before {
  top: -6px;
}
body .hamburger span:after {
  bottom: -6px;
}
body .hamburger.hamburger-5 {
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
body .hamburger.close.hamburger-5 span {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background: transparent;
}
body .hamburger.close.hamburger-5 span:before {
  top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
body .hamburger.close.hamburger-5 span:after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.logo {
width: 100%;
height: 70px;
text-align: left;
top: 0px;
border:none;
position:fixed;
background:#003366;
z-index:1000;
}

.logo img{
width:70%;
max-width:350px;
top:5px;
left:10px;
}

.mitte {
position: fixed;
right:0;
top:0;
z-index: 3000;
width: 100%;
text-align: right;
}


.haupt {
padding-left: 15px; 
font-size: 11pt;
z-index: -100;
padding: 90px 20px 0 20px;
width: 90%;
margin: 0 auto;
/*min-width:1000px;*/
max-width:1600px;
min-height:500px;
}


.akt_netz {
position: absolute;
text-align: left;
top: 21px;
right: 120px;
font-size:0.9em;
color:#c3c3c3;
line-height:1.2em;
width:13%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.akt_netz a {
color:#c3c3c3;
}
.akt_netz a:hover {
color:#999;
text-decoration:none;
}



.menuspace {
margin-top: 3px;
width: 100px;
height: 5pt;
float: left;
}

.menu {
font-size: 11pt;
font-weight: bold;
text-align: left;
height: 15pt;
cursor: pointer;
text-decoration: none;
padding: 13px 0px 11px 20px;
}

.menu:hover {
text-decoration:none;
background:#006699;
color:#fff;
}

.menu A {
color: #ffffff;
border-width: 0px;
margin-top: 0px;
text-decoration:none;
}

.mainmenu {
	background-color: #003366;
	right: 0px;
	width: 220px;
	top: 69px;
	position: absolute;
	display: none;
	text-align:left;
}

.mainmenu .icon{
margin:0;
}

.haupt .menu:hover {
background:none;
color:#000;
}

.anmeldemenu {
margin: 25px 20px 10px 0px;
display:inline-block;
}
.anmeldemenu .menu {
background:none;
color:#fff;
}
.anmeldemenu .menu:hover {
background:none;
color:#ccc;
}

.nolink {
color: black;
text-decoration: none !important;
}

.nolink A {
color: black;
text-decoration: none !important;
}

.nolink:hover {
text-decoration: none;
}

.rand {
	margin-left: 5px;
	margin-right: 5px;
}

.auswahl {
font-size: 11pt;
font-weight: normal;
text-align: left;
margin-bottom: 3px;
height: 15pt;
float: left;
border-width: 1px;
border-color: #717171;
border-style: solid;
background-color: white;
}

.eingabe {
border-width: 1px;
border-color: #717171;
border-style: solid;
}

.luxLM {
position: absolute;
//background-color: #003366;
background-color: white;
text-align: left;
color: black;
margin-bottom: 1px;
padding: 10px;
display: none;
z-index: 3000;
font-size: 11pt;
font-weight: normal !important;
-webkit-box-shadow: 0 10px 50px 0 rgba(0,0,0,0.5);
box-shadow: 0 10px 50px 0 rgba(0,0,0,0.5);
}

.untermenu {
position: absolute;
//background-color: #003366;
background-color: #666;
text-align: right;
color: white;
margin-bottom: 1px;
padding: 10px;
display: none;
z-index: 3000;
font-size: 11pt;
font-weight: normal !important;
-webkit-box-shadow: 0 10px 50px 0 rgba(0,0,0,0.5);
box-shadow: 0 10px 50px 0 rgba(0,0,0,0.5);
}

.untermenu A {
//background-color: #003366 !important;
background-color: #666 !important;
color: white !important;
text-decoration: none;
font-size: 11pt;
font-weight: normal !important;
line-height:1.5em;
}

.umeintrag {
cursor: pointer;
}

.umeintrag:hover {
color: #AAAAAA !important;
cursor: pointer;
}

.leer {
float: left;
width: 80px;
height: 5pt;
font-size: 5pt;
}

.tabelle {
border-bottom-width: 1px;
border-bottom-color: #717171;
border-bottom-style: dotted;
padding: 0;
margin: 0;
}

.tab1-0 {
color: black;
font-style: normal;
font-size: 11pt;
padding: 0;
margin: 0;
}

.tab1-0 A {
color: blue;
}

.tab1-1 {
color: black;
font-style: normal;
font-size: 11pt;
padding: 0;
margin: 0;
}

.tab1-1 A {
color: blue;
}

.tab0-0 {
color: black;
font-style: italic;
font-size: 11pt;
padding: 0;
margin: 0;
}

.tab0-0 A {
color: blue;
}

.tab0-1 {
color: black;
font-style: italic;
font-size: 11pt;
padding: 0;
margin: 0;
}

.tab0-1 A {
color: blue;
}
.tabtitel {
color: white;
background-color: #838183;
font-style: normal;
font-size: 11pt;
}

.tabtitel A {
color: white;
text-decoration: underline;
}

.zusatz {
color: black;
font-style: italic;
font-size: 8pt;
}

.zusatz A {
color: blue;
}

.tabklein {
font: normal 10pt;
}

A {
text-decoration: underline;
color: #444444;
}

A:hover {
text-decoration: none;
color: #000;
}

.titel {
font-family: 'Flexo-Bold';
color: #474747;
text-align: left;
font-size: 21pt;
font-weight: 500;
margin: 0px 0 30px;
width: 100%;
}

.subtitel {
margin: 9px 0 1px 0;
font-family:Arial,Helvetica,sans-serif;
color: #999;
text-align: left;
font-size: 11pt;
line-height:19px;
}


table {
font-size: 11pt;
text-align: left;
}

tr.tabzeile:hover {
background-color: #dddddd;
}

td.tabeng{
	padding: 0;
	vertical-align: text-top;
}

.detail {
color: black;
font-size: 10pt;
padding: 15px;
background-color: #fff;
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}

.detail A {
color: blue;
}

.detail td,input,select {
margin: 0px;
font-size: 11pt;
}

.benutzer_select {
width: 100%;
}

.check {
color: black;
font-size: 10pt;
background-color: white;
border-width: 2px;
border-style: solid;
border-color: black;
margin: 20px;
margin-right: 20px;
margin-top: 5px;
margin-bottom: 5px;
visibility: hidden;
position: absolute;
top: 100px;
}

.suchpopup {
position: absolute;
z-index: 4000;
top: 70px;
right:10%;
color: black;
background-color: #f6f6f6;
border-radius: 0px;
border: none;
display: none;
font-size: 12pt;
width:60%;
-webkit-box-shadow: 0 0 100px 0 rgba(0,0,0,0.5);
box-shadow: 0 0 100px 0 rgba(0,0,0,0.5);

}

.suchpopup table {
    // font-size: 10pt;
    width: 95%;
    margin: 20px auto !important;
}

.popupimage {
    border-color: #666;
    border-width: 1px;
    border-style: solid;
    border-radius: 0px;
    box-shadow: 0 20px 100px 0 rgba(0,0,0,0.5);
}

.popup {
    position: absolute;
    z-index: 5000;
    color: black;
    background-color: white;
    border-radius: 0px;
    -webkit-box-shadow: 0 20px 100px 0 rgba(0,0,0,0.5);
    box-shadow: 0 20px 100px 0 rgba(0,0,0,0.5);
    //visibility: hidden;
    display: none;
    font-size: 12pt;
    min-width: 40%;
    margin: 27% 50% 0 50%;
    -webkit-transform: translate(-50%,-0%);
    transform: translate(-50%,-0%);
    text-align:center;
}

.popuptitel {
color: #fff;
font-weight:bold;
background-color:#666;
padding: 5px 5px 5px 5px;
}

.popuptitel A {
background-color: #b6dcfd;
color: black;
text-decoration: none;
}

#schildedit {
padding: 10px;}

.meldung {
position: relative;
left: -75px;
width: 155px;
top: 10px;
padding: 6px;
color: black;
background-color: yellow;
font-size: 10pt;
border-width: 2px;
border-style: solid;
border-color: black;
}

.meldung A {
color: blue;
}

.version {
width: 100%;
margin-top: 80px;
font-size: 10pt;
font-style: italic;
font-size: 8pt;
border: 0;
background: #f3f3f3;
padding: 15px 0;
color:#111;
text-align: center;
}

.version A {
color: #222;
}

.job {
	color: white;
	right: 48%;
	top: 13px;
	z-index: 2000;
	position: fixed;
	padding: 6px;
    font-size: 0.9em;
}

.submenuok {
margin-right: 4px;
color: #000;
background-color: #fff;
font-weight: bold;
text-align: center;
/*vertical-align: center;*/
padding: 10px 10px 15px 10px;
line-height: 2.4em;
border-top: 3px solid #003366;
}

.submenuok .icon{ 
    position: relative;
    left: 5px;
margin: 0 5px 0 2px;
}

.submenu {
display: inline-block;
}

.submenu a:hover {
color: #003366;
text-decoration:none;
background-color: #f9f9f9;
}

.submenu A {
margin-right: 5px;
color: #666666;
font-weight: normal;
text-align: center;
/*vertical-align: bottom;*/
padding:10px 10px 11px 10px;
text-decoration:none;
line-height: 2.4em;
}
.submenu .icon {
line-height: 1.5em;
padding-top:0;
}


.greylistmenu {
    background-color: none;
    color: #ccc;
    font-size: 12pt;
    font-weight: normal;
    margin: 0px 5px 0px 0px;
    padding: 20px;
    text-align: center;
}

.greymenu {
    background-color: none;
    color: #ccc;
    font-size: 12pt;
    font-weight: normal;
    margin: 0px 5px 0px 0px;
    padding: 10px;
    text-align: center;
    vertical-align: bottom;
line-height: 2em;
}

.grey {
color: grey;
background-image: url("") !important;
}

.grey:hover {
background-color: none;
background-image: url("") !important;
cursor: default;
}

.alert {
background-color: yellow;
}

.warning {
background-color: red;
}

.info {
border-bottom-width: 1px;
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-style: solid;
border-color: green;
color: green;
font-size: 8pt;
}

li {
line-height:2em;
}


li a{
text-decoration:none
}

.view {
background-image: url(../pics/view.gif);
background-repeat: repeat;
}

fieldset {
color: black;
font-size: 10pt;
background-color: white;
border-width: 1px;
border-style: solid;
border-color: black;
margin: 2px;
margin-top: 5px;
}

fieldset td {
margin: 0px;
padding: 0px;
font-size: 9pt;
}

.test {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: grey;
}

.noblue {
color: black;
text-decoration: none;
}

.noblue A {
color: black;
text-decoration: none;
}

.subneu {
position: absolute;
left: 15pt;
background-color: white;
z-index: 100;
}

#CPD, #CPP {
color: green;
}

.tclass {
background-color: #FFFF9C;
padding: 0;
margin: 0;
}

.row0 {/*background-color: #e5e5e5;*/
background-color:#e6eef0;
}

.row1 {
background-color: #fff;
}

.thnew {
background-color:#003366;
border:0px;
text-align:center;
}

.thnew .icon {
font-size: 18px;
line-height: 0.3em;
color:#ffffff !important;
}

th {
text-align: left;
background-color: #003366;
border-bottom: 1px solid #444444;
border-color: #444444;
color: #ffffff;
padding: 5px;
}

td {
padding: 5px;
}


img {
border-width: 0px;
}

.kartiernummer {
font-family: Arial,Helvetica,sans-serif;
color: red; 
font-weight: bold;
float: right;
vertical-align: top;
position: relative;
}

.knotenpunkt {
font-family: Arial,Helvetica,sans-serif;
color: white; 
background-color: #478146;
font-weight: bold;
float: right;
vertical-align: top;
position: relative;
right: 45px;
border-radius: 20px;
padding: 5px;
min-width: 20px;
text-align: center;
}

.rechts {
position: absolute; 
right: 3px; 
}

.gk {
font-family: Arial,Helvetica,sans-serif;
position: absolute; 
right: 110px; 
color: #003366; 
font-weight: normal;
}

.plus {
width: 10px;
text-align: right;
position: absolute;
cursor: pointer;
}

.jsclick {
color: #4A4A4A;
cursor: pointer;
font-weight: 500;
text-decoration: underline;
}


.jsclick:hover {
    color: #cccccc;
    text-decoration: none;
}


.pointer {
cursor: pointer;
}

.platz td,th {
padding-left: 5px; 
padding-right: 5px;
}

.linie td,th {
border-collapse: collapse;
border-width: 1px;
border-style: solid;
}

.suche {
position: fixed;
right: 25%;
top:15px;
color:#ff6633;
width:20%;
z-index: 3000;
}

.suche input {
height:40px;
width:100%;
background:#fff;
border: none;
padding:15px 45px;
font-size:1.4em;
outline: none;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}

.suche:before {
content: "\1F50D";
position: absolute;
color: #ccc;
left: 13px;
font-family: "entypoIE","entypo";
font-weight: normal;
font-size: 22px;
line-height: 0;    
margin:20px 2px 0 0;
vertical-align: middle;
}


.suche input:focus {
background: #e5e5e5;
border:none;
caret-color: ff6633;
color:#000000;
}



.suche .icon {
margin-left:-31px;
font-size: 18px;
}



.myApiMap {
	height:650px; 
	position:relative;
}

.myApiMap A {
	color: blue !important;
	// font-size: 12px !important;
	font-weight: bold !important;
}

.icon {
font-family: "entypoIE","entypo";
font-weight: normal;
font-size: 18px;
margin: 0 6px;
}

.icon:hover {
color: #cccccc !important;
cursor: pointer;
}

.icon_gross {
font-size: 2.8em !important; 
}

.detail .icon {
color: black;
text-decoration: none !important;
margin:0 5px;
}

.detail .icon A {
color: black !important;
}

.mitte .icon{
color:#aaaaaa;
}

.mitte .icon .grey:hover {
background-color: none;
}


.absolute {
position: absolute;
}

.menu_links {
/*position: absolute;*/
margin: 0 22px 0 3px;
}

.button {
cursor: pointer;
margin: 0 8px 0 8px;
background: none repeat scroll 0 0 #003366 !important;
color: #FFFFFF !important;
text-decoration: none;
padding: 5px 25px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
border: none;
text-align: center;
}
.button:hover {
background: #004C97 !important;
}

.greybutton {
cursor: pointer;
margin: 0 8px 0 8px;
background: none repeat scroll 0 0 grey !important;
color: #FFFFFF !important;
text-decoration: none;
padding: 5px 25px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
border: none;
text-align: center;
}
.greybutton:hover {
background: grey !important;
}

.dobutton {
cursor: pointer;
margin: 0 8px 0 8px;
background: none repeat scroll 0 0 red !important;
color: yellow !important;
text-decoration: none;
padding: 5px 25px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
border-width: 4px;
border-color: yellow;
text-align: center;
}
.dobutton:hover {
background: #004C97 !important;
}

.number_input {
width: 50px;
}

.notiz_input {
width: 500px;
}

.og_sympik {
font-size:12px;
}

.detail .menu {
color: #FFFFFF !important;
font-weight: bold;
font-size:12px;
text-align: center;
text-decoration: none;
background: none repeat scroll 0 0 #003366 !important;
border: 0px;
width:auto;
padding: 15px 25px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
line-height: 0em;
}

.detail .menu:hover {
color: #FFFFFF;
background: none repeat scroll 0 0 #004C97 !important;
}

.detail .menu:active {
color: #FFFFFF;
background: none repeat scroll 0 0 #002E5B !important;
}

hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #DDDDDD -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: solid none none;
    border-width: 1px medium medium;
    color: #DDDDDD;
    height: 0;
    width: 100%;
}

.bild{
width:100%;
border: 1px solid #ccc;
padding: 1px 0;
}

.bildtitel{
width:100%;
background-color: #003366;
color: white;
height: 23px;
position: relative;
padding-left: 2px;
padding-top: 2px;
}

#abfragen{
	height: 400px;
	width: 100%;
	overflow: scroll;
}

.vz {
font-size: 25px;
margin-left: 10px;
margin-right: 10px;
color: #666666;
}

.lineedit{
color: blue;
}

.lineedit:hover A {
color: grey;
}

.lineedit A {
background-color: #003366;
color: white;
text-decoration:none;
}


/* -------------------DESKTOP------------------------- */

@media only screen and (min-width: 1200px) 
{
.haupt{
font-size:1.1em;
}
body .hamburger:before {
position:absolute;
content: "MEN\0000DC";
color:#ffffff;
right: 60px;
top: 25px;
}
}



/* ------------------SMARTPHONE-------------------------- */


@media only screen and (max-width: 768px) 
{
.logo img{
top:3px;
width: 250px;
}

.logo {
width: 100%;
}
.suche {
width:100%;
top:50px;
right:0;
}

.suchpopup {
width:100%;
right:0;
top:100px;
margin:0px;
}

.akt_netz {
    top: 12px;
    right: 10%;
	font-size:0.7em;
	width:16%;
	background:#003366;
	padding-left:6px;
}
.job {
    right: 29%;
    top: 6px;
	font-size:0.7em;
	max-width:60%;
}
.popup {
-webkit-transform:none;
transform:none;
}

.suche input {
height: 50px;
padding: 20px 45px;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;

}

/*.suche .icon {
margin-left:-80px;
}*/

.suche:before {
top:5px;
}


body .hamburger {
    top: 25px;
    width: 50px;
    height: 50px;
}
.mainmenu {
    top: 50px;
}

.popup {
margin: 20% 20%;
    min-width: 60%;
}
.titel {
margin-top:40px;
}

.anmelde_links {
position: fixed;
background: #003366;
width: 100%;
top: 50px;
left: 0;
padding: 0 0 15px 0;
text-align:center;
}


.anmeldemenu {
margin:0;
line-height: 1.5em;
}
}
/* -----------------TABLET--------------------------- */

@media only screen and (min-width: 769px) and (max-width: 1023px){
.logo {
width: 100%;
}
.logo img {
margin-top:5px;
width:310px;
}
.suche {
width: 20%;
right: 24%;
}
.suchpopup {
width: 80%;
}
.popup {
margin: 50% 50%;
}
.akt_netz {
	font-size:0.8em;
	right:8%;
	width:14%;
}
.job {
    right: 46%;
    top: 16px;
	font-size:0.8em;
}
}




/* GRID_SYSTEM */

/*
Zerotheme.com | Free Html5 Responsive Templates
Zerogrid - A Single Grid System for Responsive Design
Author URI: https://www.zerotheme.com/
*/
/* -------------------------------------------- */
/* ------------------Grid System--------------- */ 
.zerogrid{ max-width: 1200px; position: relative; margin: 0 auto; padding: 0px;}
.zerogrid:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.zerogrid .f-right{float: right!important;}
.zerogrid .f-left{float: left!important;}

.zerogrid .row{  padding: 50px 0;  }
.zerogrid .row:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.zerogrid .row:after{clear: both; }
.zerogrid .row{zoom: 1;}

.zerogrid .wrap-col{margin:10px;}

.zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{float:left; display: inline-block;}

.zerogrid .col-full{width:100%;}

.zerogrid .col-1-2{width:50%;}
.zerogrid .offset-1-2{margin-left: 50%;}

.zerogrid .col-1-3{width:33.33%;}
.zerogrid .col-2-3{width:66.66%;}
.zerogrid .offset-1-3{margin-left: 33.33%;}
.zerogrid .offset-2-3{margin-left: 66.66%;}

.zerogrid .col-1-4{width:25%;}
.zerogrid .col-2-4{width:50%;}
.zerogrid .col-3-4{width:75%;}
.zerogrid .offset-1-4{margin-left: 25%;}
.zerogrid .offset-2-4{margin-left: 50%;}
.zerogrid .offset-3-4{margin-left: 75%;}

.zerogrid .col-1-5{width:20%;}
.zerogrid .col-2-5{width:40%;}
.zerogrid .col-3-5{width:60%;}
.zerogrid .col-4-5{width:80%;}
.zerogrid .offset-1-5{margin-left: 20%;}
.zerogrid .offset-2-5{margin-left: 40%;}
.zerogrid .offset-3-5{margin-left: 60%;}
.zerogrid .offset-4-5{margin-left: 80%;}

.zerogrid .col-1-6{width:16.66%;}
.zerogrid .col-2-6{width:33.33%;}
.zerogrid .col-3-6{width:50%;}
.zerogrid .col-4-6{width:66.66%;}
.zerogrid .col-5-6{width:83.33%;}
.zerogrid .offset-1-6{margin-left: 16.66%;}
.zerogrid .offset-2-6{margin-left: 33.33%;}
.zerogrid .offset-3-6{margin-left: 50%;}
.zerogrid .offset-4-6{margin-left: 66.66%;}
.zerogrid .offset-5-6{margin-left: 83.33%;}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.zerogrid{max-width:960px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.zerogrid{max-width:768px;}
}

@media only screen and (max-width: 767px) {
	.zerogrid, .zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{width:100%;}
	
	.zerogrid .offset-1-2, .zerogrid .offset-1-3, .zerogrid .offset-2-3, .zerogrid .offset-1-4, .zerogrid .offset-2-4, .zerogrid .offset-3-4, .zerogrid .offset-1-5, .zerogrid .offset-2-5, .zerogrid .offset-3-5, .zerogrid .offset-4-5, .zerogrid .offset-1-6, .zerogrid .offset-2-6, .zerogrid .offset-3-6, .zerogrid .offset-4-6, .zerogrid .offset-5-6{margin-left:0;}
}

.notiz {
	width: 300pt;
}