ul .nav {
    overflow: hidden;
}

.nav li { list-style: none; }

.nav > li {   
    height:55px;
    width:110px;
    text-align:center;
    padding: 0;
    float: left;
    position: relative;
    z-index:2;
}


ul.nav li {
   padding-top:0px;
}

.nav > li > a {
    color:#353535; 
    font-family:'Open Sans';
    font-size:14px;
    font-weight: 600;
}

.nav > li:hover > a { 
    color:#353535; 
}


.nav > li:hover > div { background: #f0f5ea; display: block; }


/* MEGA DROP DOWN */
.nav > li > div {
    position: absolute;
    left: 0;
    top: 70px;
    display: none;
    background: #fff;
    padding: 10px 10px;
    
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
    box-shadow: 0 2px 3px rgba(0,0,0,0.1);
    
    overflow: hidden;
}


.nav > li > div p { color: #666; }
.nav > li > div.right { right: 0; left: auto }
.container-1, .container-2, .container-3, .container-4 { font-size:14px; }


/* COLUMNS */
.col1,.col2,.col3,.col4,.col5 { margin: 10px 0; float: left; padding: 0 10px;}


/* 1 Column */
.container-1 { width: 1200px; }
.container-1 .col1 { width: 100%; }

/* 2 Column */
.container-2 { width: 270px; }
.container-2 .col1 { width: 50% }
.container-2 .col2 { width: 100% }

/* 3 Column */
.container-3 { width: 400px; }
.container-3 .col1 { width: 33.33% }
.container-3 .col2 { width: 66.66% }
.container-3 .col3 { width: 100% }


/* 4 Column */
.container-4 { margin-top:-5px; width: 500px; line-height: 20px; text-align:left; }
.container-4 li { line-height: 16px; text-align:left;}
.container-4 .col1 { width: 40%; }
.container-4 .col2 { width: 50% }
.container-4 .col3 { width: 75% }
.container-4 .col4 { width: 100% }

div.container-4 ul li, div.container-4 ul li:hover {
    border-top:0px solid #ffffff;
    border:0;
}


/* 5 Column */
.container-5 { width: 600px; }
.container-5 .col1 { width: 20%; }
.container-5 .col2 { width: 40% }
.container-5 .col3 { width: 60% }
.container-5 .col4 { width: 80% }
.container-5 .col5 { width: 100% }

/* HIGHLIGHTS */

.container-3 .highlighted { 
	width: 400px; 
	margin-left: -20px; 
	padding: 20px; 
	background: #e4fbff; 
	border-top: 1px solid #ddd; 
	border-bottom: 1px solid #ddd;
}
.container-4 .highlighted { 
	width: 500px;
	margin-left: -10px; 
	padding: 20px; 
	background: #e4fbff; 
	border-top: 1px solid #ddd; 
	border-bottom: 1px solid #ddd;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}






/**************************************************************************************/
/**************************************************************************************/
/*   Hauptmenü Buttons
/**************************************************************************************/
/**************************************************************************************/

.topmenu_button_functions_gradient {
    background: #ffffff;
}

table.topmenu_button_functions td {
    border-right:1px solid #d3d3d3;
}

table.topmenu_button_functions td a {
    display:block;
    padding:10px 0px 0px 0px;
    height:55px;
    width:125px;
}

table.topmenu_button_functions .nav > li {
    height:69px;
    width:125px;
    border-right:0px;
    padding-top:0px;
}

table.topmenu_button_functions .nav > li > a {
    border-top:4px solid transparent;
} 

table.topmenu_button_functions .nav a:hover {
    border-top:4px solid #5cacdf;
    color:#5cacdf;
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+16,f2f2f2+100 */
    background: #f7f7f7; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #f7f7f7 16%, #f2f2f2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #f7f7f7 16%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #f7f7f7 16%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


table.topmenu_button_functions .nav > li.nav_active > a {
    border-top:4px solid #5cacdf;
 
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+16,f2f2f2+100 */
    background: #f7f7f7; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #f7f7f7 16%, #f2f2f2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #f7f7f7 16%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #f7f7f7 16%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}



#nav_submenu {
    display:block;
    width:400px;
    padding:0;
    height:15px;
    margin-top:10px;
}
#nav_submenu:hover {
    border-top: 0px solid #ff0000; 
}






table.menu_buttons {
    margin-top:15px;
    background-color:#ffffff;
    padding:0px 0px 0px 0px;
    
    -moz-box-shadow: 1px 1px 4px #adadad; 
    -webkit-box-shadow: 1px 1px 4px #adadad; 
    box-shadow: 1px 1px 4px #adadad; 

    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    
    width:100%;
    height:69px;
}

table.menu_buttons left_button {
    width:140px;
}

a.subnav:hover {
   background-color:#F2F2F2; 
}






/**************************************************************************************/
/**************************************************************************************/
/*   Submnenü Button links
/**************************************************************************************/
/**************************************************************************************/

table.menu_left_button_functions {
    width:125px;
}

table.menu_left_button_functions td {
    border-right:1px solid #d3d3d3;
}

table.menu_left_button_functions td a {
    display:block;
    padding:14px 0px 0px 0px;
    height:55px;
    width:125px;
}

table.menu_left_button_functions .nav > li {
    height:69px;
    width:125px;
    border-right:0px;
    z-index:0;
}

table.menu_left_button_functions .nav li:hover {
   border-top:0px solid #69be4b;
}

a.subnav_left {
    width:340px;
}

a.subnav_left:hover {
    border-top-left-radius:20px;
    border-bottom-left-radius:20px;
    background-color:#e9eff4; 
    height:55px;
}

/**************************************************************************************/
/**************************************************************************************/
/*   Submnenü Button rechts
/**************************************************************************************/
/**************************************************************************************/

table.menu_right_button_functions, table.menu_left_button_functions {
    z-index:0;
}

table.menu_right_button_functions td {
    border-left:1px solid #d3d3d3;
}

table.menu_right_button_functions td a {
    display:block;
    padding:14px 0px 0px 0px;
    height:55px;
    width:108px;
    z-index:0;
}

table.menu_right_button_functions .nav > li {
    height:69px;
    width:108px;
    border-right:0px;
    z-index:0;
    padding-top:0px;
    border-top:0px solid #ffffff;
}

table.menu_right_button_functions .nav li:hover {
   border-top:0px solid #69be4b;
   background:0;
}

a.subnav_right {
    border-top-right-radius:20px;
    border-bottom-right-radius:20px;
}
a.subnav_right:hover {
    border-top-right-radius:20px;
    border-bottom-right-radius:20px;
    background-color:#e9eff4; 
}


/**************************************************************************************/
/**************************************************************************************/
/*   Settings Buttons
/**************************************************************************************/
/**************************************************************************************/

table.settings_buttons td {
    border:1px solid #d3d3d3;
    text-align:center;
    height:85px;
}

table.settings_buttons td:hover {
    background-color:#e9eff4; 
}

table.settings_buttons ul {
    display:block;
    padding-top:25px;
    margin-bottom:-5px;
    width:175px;
}

table.settings_buttons span {
    display:block;
    width:175px;
    height:30px;
    padding-top:7px;
}
    
table.settings_buttons a.subnav {
    padding-bottom:20px;
    font-family:'Open Sans';
    font-size:14px;
    font-weight: 600;
}

table.settings_buttons a.subnav:hover {
   background:transparent;
}


/**************************************************************************************/
/**************************************************************************************/
/*   Artikel Menü Buttons
/**************************************************************************************/
/**************************************************************************************/

table.menu_artikelbutton_functions {
    z-index:0;
    width:920px;
}

table.menu_artikelbutton_functions td {
    text-align:center;
    padding-left:50px;
}

table.menu_artikelbutton_functions td a {
    display:block;
    padding:3px 0px 0px 0px;
    height:62px;
    width:110px;
}

table.menu_artikelbutton_functions .nav > li {
    height:65px;
    width:110px;
    border-right:0px;
    margin-left:5px;
    z-index:0;
}

table.menu_artikelbutton_functions ul.nav li {
   padding-top:0px;
   border:1px solid #d3d3d3;
}

table.menu_artikelbutton_functions .nav li:hover, table.menu_artikelbutton_functions nav li.nav_active {
   border-top:4px solid #69be4b;
   border:1px solid #d3d3d3;
   background:0;
}




/**************************************************************************************/
/**************************************************************************************/
/*   Menü Projekt Buttons
/**************************************************************************************/
/**************************************************************************************/

table.menu_projectbuttons td {
    border:1px solid #d3d3d3;
    text-align:center;
    height:55px;
}

table.menu_projectbuttons td:hover {
    background-color:#e9eff4; 
}

table.menu_projectbuttons ul {
    display:block;
    padding-top:15px;
    margin-bottom:-5px;
    width:175px;
}

table.menu_projectbuttons span {
    display:block;
    width:175px;
    height:27px;
    padding-top:7px;
}
    
table.menu_projectbuttons a.subnav {
    padding-bottom:20px;
    font-family:'Open Sans';
    font-size:14px;
    font-weight: 600;
    color:#5f576e;
}

table.menu_projectbuttons td.active {
    background-color:#e9eff4; 
}

table.menu_projectbuttons a.subnav:hover {
   background:transparent;
}



/**************************************************************************************/
/**************************************************************************************/
/*   Artikel Icons
/**************************************************************************************/
/**************************************************************************************/

h1.erwachsene_icon {
    background-image: url(../images/erwachsene_icon.png);
    background-repeat: no-repeat;
    line-height:23px;
    padding-left:40px;
    padding-top:5px;
    margin-left:25px;
    margin-top:15px;
    width:100%;
}

.erwachsene_icon {
    height:40px;
    width:15px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/erwachsene_icon.png);
    background-repeat: no-repeat;
}


.hund_icon {
    height:40px;
    width:50px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/hund_icon.png);
    background-repeat: no-repeat;
}

.kinder_bis3_icon {
    height:40px;
    width:29px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/kinder_bis3_icon.png);
    background-repeat: no-repeat;
}

.kinder_bis14_icon {
    height:40px;
    width:29px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/kinder_bis14_icon.png);
    background-repeat: no-repeat;
}

.zelt_icon {
    height:40px;
    width:52px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/zelt_icon.png);
    background-repeat: no-repeat;
}

.pkw_icon {
    height:40px;
    width:75px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/pkw_icon.png);
    background-repeat: no-repeat;
}

.wohnwagen_icon {
    height:40px;
    width:69px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/wohnwagen_icon.png);
    background-repeat: no-repeat;
}

.wohnmobil_icon {
    height:40px;
    width:69px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/wohnmobil_icon.png);
    background-repeat: no-repeat;
}

.strompauschale_icon {
    height:40px;
    width:40px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/strompauschale_icon.png);
    background-repeat: no-repeat;
}


h1.chipverbrauch_icon {
    background-image: url(../images/chipverbrauch_icon.png);
    background-repeat: no-repeat;
    line-height:23px;
    padding-left:50px;
    padding-top:9px;
    margin-left:15px;
    margin-top:11px;
    width:100%;
}

.chipverbrauch_icon {
    height:40px;
    width:40px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/chipverbrauch_icon.png);
    background-repeat: no-repeat;
}





/**************************************************************************************/
/**************************************************************************************/
/*   Menü & Submenü Icons
/**************************************************************************************/
/**************************************************************************************/




.einstellungen_icon {
    height:25px;
    width:25px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/einstellungen_icon.png);
    background-repeat: no-repeat;
}

h1.einstellungen_icon {
    background-image: url(../images/einstellungen_icon.png);
    background-repeat: no-repeat;
    line-height:23px;
    padding-left:40px;
    margin-left:20px;
    margin-top:5px;
    width:100%;
}

.abmelden_icon {
    height:25px;
    width:26px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/abmelden_icon.png);
    background-repeat: no-repeat;
}

.monatskalender_icon {
    height:25px;
    width:25px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/monatskalender_icon.png);
    background-repeat: no-repeat;
}

h1.monatskalender_icon {
    background-image: url(../images/monatskalender_icon.png);
    background-repeat: no-repeat;
    line-height:23px;
    padding-left:40px;
    margin-left:20px;
    margin-top:5px;
    width:100%;
}


.nachbuchen_icon {
    height:25px;
    width:25px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/nachbuchen_icon.png);
    background-repeat: no-repeat;
}


h1.dashboard_icon {
    background-image: url(../images/dashboard_icon.png);
    background-repeat: no-repeat;
    line-height:23px;
    padding-left:40px;
    margin-left:20px;
    margin-top:5px;
    width:100%;
}

.dashboard_icon {
    height:25px;
    width:26px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/dashboard_icon.png);
    background-repeat: no-repeat;
}



.barverkauf_icon {
    height:25px;
    width:28px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/barverkauf_icon.png);
    background-repeat: no-repeat;
}

.euro_icon {
    height:25px;
    width:21px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/euro_icon.png);
    background-repeat: no-repeat;
}


h1.euro_icon {
    background-image: url(../images/euro_icon.png);
    background-repeat: no-repeat;
    line-height:23px;
    padding-left:40px;
    margin-left:20px;
    margin-top:5px;
    width:100%;
}


//.settings_icon {
//    height:25px;
//    width:24px;
//    margin:0 auto;
//    margin-bottom:3px;
//    background-image: url(../images/settings_icon.png);
//    background-repeat: no-repeat;
//}

.kassenbuch_icon {
    height:25px;
    width:36px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/kassenbuch_icon.png);
    background-repeat: no-repeat;
}

.helpdesk_icon {
    height:25px;
    width:24px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/helpdesk_icon.png);
    background-repeat: no-repeat;
}

.zoomin_icon {
    height:25px;
    width:24px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/zoomin_icon.png);
    background-repeat: no-repeat;
}

.zoomout_icon {
    height:25px;
    width:24px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/zoomout_icon.png);
    background-repeat: no-repeat;
}

.listview_icon {
    height:25px;
    width:31px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/listview_icon.png);
    background-repeat: no-repeat;
}

h1.listview_icon {
    background-image: url(../images/listview_icon.png);
    background-repeat: no-repeat;
    line-height:23px;
    padding-left:40px;
    margin-left:20px;
    margin-top:5px;
    width:100%;
}

.graphicview_icon {
    height:25px;
    width:31px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/calendar_icon.png);
    background-repeat: no-repeat;
}

h1.graphicview_icon {
    background-image: url(../images/calendar_icon.png);
    background-repeat: no-repeat;
    line-height:23px;
    padding-left:40px;
    margin-left:20px;
    margin-top:5px;
    width:100%;
}

.reservation_icon {
    height:25px;
    width:27px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/reservation_icon.png);
    background-repeat: no-repeat;
}

h1.reservation_icon {
    background-image: url(../images/reservation_icon.png);
    background-repeat: no-repeat;
    line-height:23px;
    padding-left:40px;
    margin-left:20px;
    margin-top:5px;
    width:100%;
}


.save_icon {
    height:25px;
    width:24px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/save_icon.png);
    background-repeat: no-repeat;
}

.back_icon {
    height:25px;
    width:24px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/back_icon.png);
    background-repeat: no-repeat;
}

h1.kasse_icon {
    background-image: url(../images/kasse_icon_grey.png);
    background-repeat: no-repeat;
    line-height:23px;
    padding-left:40px;
    margin-left:20px;
    margin-top:5px;
    width:100%;
}

.kasse_icon {
    height:25px;
    width:31px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/kasse_icon.png);
    background-repeat: no-repeat;
}


.lock_icon {
    height:25px;
    width:22px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/lock_icon.png);
    background-repeat: no-repeat;
}

.unlock_icon {
    height:25px;
    width:22px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/unlock_icon.png);
    background-repeat: no-repeat;
}

.open_icon {
    height:25px;
    width:39px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/open_icon_big.png);
    background-repeat: no-repeat;
}

.artikeladd_icon {
    height:25px;
    width:32px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/artikeladd_icon.png);
    background-repeat: no-repeat;
}


h2.reservierung {
    //background-image: url(../images/h2_reservierung.png);
    //background-repeat: no-repeat;
    //margin-left:350px;
    //padding-right:375px;
}


h2.strom {
    background-image: url(../images/h2_strom.png);
    background-repeat: no-repeat;
    margin-left:121px;
    padding-right:75px;
}

h2.wasser {
    background-image: url(../images/h2_wasser.png);
    background-repeat: no-repeat;
    margin-left:120px;
    padding-right:65px;
}

h2.chip {
    background-image: url(../images/h2_chip.png);
    background-repeat: no-repeat;
    margin-left:340px;
    padding-right:370px;
}

h2.belege {
    background-image: url(../images/h2_beleg.png);
    background-repeat: no-repeat;
    margin-left:380px;
    padding-right:415px;
}