/* FRONTEND CSS

*********************************************/

html {

  overflow-y: scroll;

}

body {

  background-color: #FFFFFF;

  font-family: arial, helvetica, san-serif;

  font-size: 13px;

  color:  #333;

}



/* LAYOUT

*********************************************/

/* Floats */

.float-left {

  float: left;

}

.float-right {

  float: right;

}

.group:before,

.group:after {

  content: "";

  display: table;

}

.group:after {

  clear: both;

}

.ie7 .group {

  zoom: 1;

}



/* Media Queries

*********************************************/

/* Retina */

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {



}

/* Landscape phones and down */

@media (max-width: 480px) {



}

/* Landscape phone to portrait tablet */

@media (max-width: 767px) {



}

/* Portrait tablet to landscape and desktop */

@media (min-width: 768px) and (max-width: 979px) {



}

/* Large desktop */

@media (min-width: 1200px) {



}



/*GRUNDLAYOUT*/

 #page {

   width: 980px;

   margin: 10px auto;

   border:0px solid red;

 }



/*HEADER*/

#header {

  border:0px solid green;



}

#header_links {

  width: 350px;

  float:left;

  margin-top: 60px;

}

#header_links ul.menu  {

margin:0;

padding: 0px 0px 0px 0px;

 list-style-type:none;

}

#header_links ul.menu li {

  float:left;

  border-left: 1px solid #333;

  padding: 2px 5px;

}

#header_links ul.menu li:first-child {

  border:0px;

  padding-left:0px;

}

#header_links ul.menu li a:link,

#header_links ul.menu li a:visited {

  color: #333;

  text-decoration:none;

}

#header_links ul.menu li a:hover {

  color: #666;

    text-decoration:none;

}





#header_mitte {

width: 370px;

  float:left;

}



#header_rechts {

  width: 178px;

  float:right;

    margin: 60px 3px 0px 0px;

    text-align:right;



}

#header_rechts label {

  display:none;

}

#header_rechts input {

  padding:5px;

  border: 1px solid #333;

}



/*//HEADER*/



a:link, a:visited {

  color: #333;

  font-weight: bold;

  text-decoration:none;

}

a:hover {

  color: #666;

}



/*MENÜ*/

#menu_container ul.menu {

  padding:0;

  margin:0;

  list-style-type: none;

      text-align: center;

}

#menu_container ul.menu li {

  float:left;

  text-align:center;

  margin: 5px 3px;

  display: inline;

}





#menu_container ul.menu li a:link,

#menu_container ul.menu li a:visited {

  font-size: 18px;

  font-weight:bold;

  text-decoration:none;

    width: 190px;



  display:block;

  padding-top:5px;

}



#menu_container ul.menu li a:hover {

  color: #fff;

}

/*Menüfarbe */

a.grau:link,a.grau:visited   {border-bottom: 5px solid #939598; color: #333;}

a.gruen:link,a.gruen:visited {border-bottom: 5px solid #4db848; color: #333;}

a.blau:link,a.blau:visited   {border-bottom: 5px solid #005aab; color: #333;}

a.gelb:link,a.gelb:visited   {border-bottom: 5px solid #fbab18; color: #333;}

a.rot:link,a.rot:visited     {border-bottom: 5px solid #ed1c24; color: #333;}



a.grau:hover, li.active a.grau:link,li.active a.grau:visited  {border-bottom: 5px solid #939598; background:#939598; color:#fff;}

a.gruen:hover, li.active a.gruen:link,li.active a.gruen:visited {border-bottom: 5px solid #4db848; background:#4db848; color:#fff;}

a.blau:hover, li.active a.blau:link,li.active a.blau:visited  {border-bottom: 5px solid #005aab; background:#005aab; color:#fff;}

a.gelb:hover, li.active a.gelb:link,li.active a.gelb:visited  {border-bottom: 5px solid #fbab18; background:#fbab18; color:#fff;}

a.rot:hover, li.active a.rot:link,li.active a.rot:visited   {border-bottom: 5px solid #ed1c24; background:#ed1c24; color:#fff;}









#sidebar_links_container ul.menu-links {

    border-top: 1px dotted #CCCCCC;

    list-style: none outside none;

    margin: 0 0 15px;

    padding: 0;

}

#sidebar_links_container ul.menu-links li {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;

    /*border-bottom: 1px dotted #CCCCCC;*/

    

    margin: 0 !important;

    padding: 0 !important;

}

#sidebar_links_container ul.menu-links li a {

    color: #333333;

    display: block;

    font-weight: normal;

    margin-bottom: 3px;

    outline: medium none;

    padding: 5px 0 5px 0px;

    text-align: left;

    text-decoration: none;

    font-size: 18px;

}

#sidebar_links_container ul.menu-links li span.separator {

    color: #939598;

    display: block;

    font-size: 14px;

    font-weight: bold;

    margin-bottom: 3px;

    outline: medium none;

    padding: 10px 0 4px 5px;

    text-align: left;

    text-decoration: none;

}

#sidebar_links_container ul.menu-links li a span {

}

#sidebar_links_container ul.menu-links li.active a {

    color: #939598;

    font-weight: normal;

    padding-left: 0px;

    text-decoration: none;

}

#sidebar_links_container ul.menu-links li li a:link,

#sidebar_links_container ul.menu-links li li a:visited,

#sidebar_links_container ul.menu-links li li li a:link,

#sidebar_links_container ul.menu-links li li li a:visited {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

    color: #666666;

    font-size: 92%;

    font-weight: normal;

    padding: 0 0 5px;

    text-transform: none;

}

#sidebar_links_container ul.menu-links li li.active a, #sidebar_links_container ul.menu-links li li li.active a {

    color: #939598;

    font-weight: bold;

    padding-left: 0;

    text-decoration: none;

}

#sidebar_links_container ul.menu-links li.active a span {

}

#sidebar_links_container ul.menu-links li li a span {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

}

#sidebar_links_container ul.menu-links li ul {

    list-style: none outside none;

    margin: 0 0 10px;

    padding: 0;

}

#sidebar_links_container ul.menu-links li li {

    border: 0 none;

    list-style: none outside none;

    padding: 0 0 0 15px !important;

}

#sidebar_links_container ul.menu-links li li a:hover, #sidebar_links_container ul.menu-links li a:hover {

    color: #939598;





}

#sidebar_links_container ul.menu-links li li a:active, #sidebar_links_container ul.menu-links li li a:focus {

    color: #939598;

}



#sidebar_rechts_container ul.category-module {

    border-top: 0px dotted #CCCCCC;

    list-style: none outside none;

    margin: 0 0 0 3px;

    padding: 0;

}

#sidebar_rechts_container ul.category-module li {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;

    /*border-bottom: 1px dotted #CCCCCC;*/

    margin: 0 !important;

    padding: 0 !important;

}

#sidebar_rechts_container ul.category-module li a {

    color: #333333;

    display: block;

    font-weight: normal;

    margin-bottom: 3px;

    outline: medium none;

    padding: 5px 0 5px 0px;

    text-align: left;

    text-decoration: none;

    font-size: 14px;

}



/*//MENÜ*/



/* Farbanweisungen */



#sidebar_links_container div.module,

#sidebar_rechts_container div.module,

#hautinhalt_container div.item-image img



 {

  border-top:5px solid #939598;

}





/*gruener BEREICH*/

body.gruen #sidebar_links_container div.module,

body.gruen #hautinhalt_container div.item-image img

{

  border-top:5px solid #4db848;

}



body.gruen #sidebar_links_container ul.menu-links li.active a,

body.gruen #sidebar_links_container ul.menu-links li a:hover,

body.gruenlau #sidebar_links_container ul.menu-links li li a:hover,

body.gruen #sidebar_links_container ul.menu-links li li li a:hover,

body.gruen #sidebar_links_container ul.menu-links li li li li a:hover



 {

   color: #4db848;

}



/*BLAUER BEREICH*/

body.blau #sidebar_links_container div.module,

body.blau #hautinhalt_container div.item-image img

{

  border-top:5px solid #005aab;

}



body.blau #sidebar_links_container ul.menu-links li.active a,

body.blau #sidebar_links_container ul.menu-links li a:hover,

body.blau #sidebar_links_container ul.menu-links li li a:hover,

body.blau #sidebar_links_container ul.menu-links li li li a:hover,

body.blau #sidebar_links_container ul.menu-links li li li li a:hover



 {

   color: #005aab;

}







/*gelber BEREICH*/

body.gelb #sidebar_links_container div.module,

body.gelb #hautinhalt_container div.item-image img

{

  border-top:5px solid #fbab18;

}



body.gelb #sidebar_links_container ul.menu-links li.active a,

body.gelb #sidebar_links_container ul.menu-links li a:hover,

body.gelb #sidebar_links_container ul.menu-links li li a:hover,

body.gelb #sidebar_links_container ul.menu-links li li li a:hover,

body.gelb #sidebar_links_container ul.menu-links li li li li a:hover



 {

   color: #fbab18;

}



/*roter BEREICH*/

body.rot #sidebar_links_container div.module,

body.rot #hautinhalt_container div.item-image img

{

  border-top:5px solid #ed1c24;

}



body.rot #sidebar_links_container ul.menu-links li.active a,

body.rot #sidebar_links_container ul.menu-links li a:hover,

body.rot #sidebar_links_container ul.menu-links li li a:hover,

body.rot #sidebar_links_container ul.menu-links li li li a:hover,

body.rot #sidebar_links_container ul.menu-links li li li li a:hover



 {

   color: #ed1c24;

}











#hautinhalt_container {

    width: 784px;

  margin: 0px 0px 12px 0px;

  float:left;

  border:0px solid red;

}



#sidebar_links_container {

  width: 190px;

  margin: 0px 3px 12px 3px;

  float:left;

    border:0px solid blue;

}

#sidebar_rechts_container {

  width: 190px;

  margin: 0px 0px 12px 3px;

  float:left;

    border:0px solid blue;

}

#footer_container {

  background: #e7e7e8;

  padding: 3px;

  font-weight: normal;

}

#footer_container p {

  margin: 0;padding:0;

}

div.tooltip {

    display: none !important;

}

.breadcrumb {

    border-radius: 4px;

    list-style: none outside none;

    margin: 0 0 0px;

    padding: 5px;

    clear:both;

}

.breadcrumb > li {

    display: inline-block;

    text-shadow: 0 1px 0 #FFFFFF;

}

.breadcrumb > li > .divider {

    color: #CCCCCC;

    padding: 0 5px;

}

.breadcrumb > .active {

    color: #999999;

}

.pagination {

    float: left;

    padding: 10px 0;

    text-align: center;

    width: 100%;

}

.pagination li {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

    display: inline;

    margin: 0 3px;

    overflow: hidden;

    padding: 6px;

}

.pagination li span {

    line-height: 20px;

    padding: 6px;

}

.pagination a {

    background: none repeat scroll 0 0 #fefefe;

    border: 1px solid #E7E7E2;

    line-height: 20px;

    padding: 6px;

    text-decoration: none;

}

.pagination a:hover, .pagination a:active, .pagination a:focus {

    background: none repeat scroll 0 0 #FFFFFF;

    border: 1px solid #E7E7E2;

    text-decoration: none;

}



/*SPALTEN Startseite*/

div.cols-4 div.item {

width: 190px;

margin: 0px 3px 10px 3px;

float:left;

}

div.cols-4 div.item div.item-image img {

  width: 190px;

  height:auto;

}



div.cols-2 div.item {

width: 380px;

margin: 0px 5px 10px 3px;

float:left;

}

div.cols-2 div.item .item-image {

  width: 200px;

  float:left;

}

div.cols-2 div.item div.item-image img {

  width: 190px;

  height:auto;

}

div.cols-2 h2 {

  font-size: 16px;

  margin: 0px 0px 5px 0px;

}



fieldset {

  border:0;

}

.module h3 {

  margin: 5px 0;

}