/* layout.css */

/**
*    basic config
*/


.pagesize {width : 1000px;}
.startseite .pagesize {width : 1018px;}
.contentsize {width : 602px; margin : 0 20px 0 0;}
div.startseite .contentsize {width : 1018px; margin : 0;}


body {
  margin : 0; padding : 0;
  font:62.5%/1.0 Verdana, Arial, Sans-Serif;
  text-align : center;
  color : #000;
  /* background : #f0efee; */
  background : #EDEBEC;
  
}

/*
*    Layout  
*/
#page-wrapper_header {background : transparent url("/system/images/bg-2016-head.gif") repeat-x 0 0; height:81px;}
#inner-page-wrapper_header {
  margin :0 auto; padding : 0;
  text-align : left;
  font-size : 1.1em;
  width : 1018px;
}

#page-wrapper {/*background : transparent url("/system/images/bg-page-wrapper.png") repeat-x 0 0; */}
#inner-page-wrapper {background : #FFF url("/system/images/bg-inner-page.jpg") repeat-x center top;}

.startseite #inner-page-wrapper {background : #FFF url("/system/images/bg-startseite.jpg") repeat-x center top;}

#page {
  margin :0 auto; padding : 0;
  text-align : left;
  font-size : 1.1em;
  
  min-height : 750px;
}

#header {height : 120px; padding : 0 0 0 0;}
#logo {margin-top : 55px;  float : right; width:70%;}
#logo a {float : right;}
#logo a.logotop {margin-top:-13px;margin-left:20px;}
#logo a.logotop2 {margin-top:-8px;margin-left:20px;}
#bvm-suche {width : 218px; float : right;margin:50px 0 0 40px;}
#search-wrapper {
  //  background : transparent url("/system/images/bg-search-left.png") no-repeat top left;
  float : right; /* width : 295px; */
  margin-right: 30px;
  position: absolute;
  top: 0px;
  right: 0px;
}

#search-wrapper.registeredUser {
  margin-right: 0px;
}

#search {
  float: right;
  margin-left : 20px; padding : 0 9px 0 9px;
  background: transparent url("/system/images/bg_tab_schornsteinfegersuche.png") no-repeat bottom left;
  background-color: #000;
  -moz-border-bottom-right-radius:10px; /* Firefox */
  -webkit-border-bottom-right-radius:10px; /* Safari, Chrome */
  -khtml-border-bottom-right-radius:10px; /* Konqueror */
  border-bottom-right-radius:10px; /* CSS3 */
  
  
  -moz-border-bottom-left-radius:10px; /* Firefox */
  -webkit-border-bottom-left-radius:10px; /* Safari, Chrome */
  -khtml-border-bottom-left-radius:10px; /* Konqueror */
  border-bottom-left-radius:10px; /* CSS3 */
  behavior:url(border-radius.htc);
}

#search .inside {
  padding : 7px 5px 5px 5px;
}

#search .inside a#toggleSearch {
  color : #FFF; font-size : 1.0em; text-transform : uppercase; text-decoration: none;
  padding: 0 27px 0 24px;
  background: transparent url(/system/images/bg_tab_schornsteinfegersuche_link.png) right center no-repeat;
}

#search .textinput {
  border: 1px #cccccc solid;
  width: 130px;
  height: 18px;
  margin-bottom: 15px;
}

#logout {
  float: right;
  margin-left : 19px; padding : 0 9px 0 9px;
  //  background : transparent url("/system/images/bg-search-right.jpg") no-repeat top right;
  background-color: #000;
  -moz-border-bottom-right-radius:10px; /* Firefox */
  -webkit-border-bottom-right-radius:10px; /* Safari, Chrome */
  -khtml-border-bottom-right-radius:10px; /* Konqueror */
  border-bottom-right-radius:10px; /* CSS3 */
  
  
  -moz-border-bottom-left-radius:10px; /* Firefox */
  -webkit-border-bottom-left-radius:10px; /* Safari, Chrome */
  -khtml-border-bottom-left-radius:10px; /* Konqueror */
  border-bottom-left-radius:10px; /* CSS3 */
  behavior:url(border-radius.htc);
}

#logout .inside {
  padding : 7px 0px 5px 0px;
  color : #FFF; font-size : 1.0em; text-transform : uppercase;}


#logout .inside a {
  color : #FFF; font-size : 1.0em; text-transform : uppercase; text-decoration: none;}

#stellenboerse {
  width: 97px;
  height: 93px;
  position:absolute;
  top:35px;
  right:0;
}
#ausbildung{
  width: 300px;
  height: 153px;
  position:absolute;
  top:500px;
  left:-100px;
  z-index:9999999;
}
#radiospots{
  width: 151px;
  height: 150px;
  position:absolute;
  top:555px;
  left:0px;
  z-index:9999999;
}
#radiospots-rechts{
  width: 111px;
  height: 106px;
  position:absolute;
  top:230px;
  right:30px;
  z-index:9999999;
}
#radiospots-startseite{
  width: 111px;
  height: 106px;
  position:absolute;
  top:120px !important;
  right:30px;
  z-index:9999999;
}
#navigation {
  background : transparent url("/system/images/bg-navigation.png") no-repeat 0 0;
}


#main {margin : 0; padding : 70px 0 50px 9px;}
.startseite #main {padding-top: 0;}

#sidebar {  
  margin : 0 0 0 0; padding : 55px 0 0 0;
  width : 336px;
  float : right;}

#content {
  padding : 0;
  float : left;
  line-height : 1.6;
}

#content.magazin-start {
  width: 655px !important;
  margin-right: 0px !important;
  margin-left: -9px;
}

#sidebar.magazin-start {
  padding-top: 0px !important;
}

#content-elements {padding: 20px 0 0 0; }
#content-elemem;ents-top {padding: 0px 0 0 0; }

#footer-wrapper {
  margin :0 auto; padding : 0;
  text-align : left;
  
  background : #EDEBEC url("/system/images/bg-footer.jpg") repeat-x 0 0;
}

#footer {
  margin :0 auto; padding : 16px 0;
  text-align : left;
  height : 100px;
}
#copy {margin : 0 55px 0 0; width : 190px; float : left;}
#copy p {margin : 3px 0;}
#footer-navi {width : 450px; float : left;}
#myArea {
  padding : 7px 0 10px;
  background : transparent url("/system/images/bg-myarea.png") no-repeat 0 0;
  width : 245px; float : right;}

#myArea a:link,
#myArea a:visited,
#myArea a:hover {margin : 0 42px 0 65px; text-decoration : none; color: #000;}

#myschornsteinfeger {
  clear:both;
  color:#878787;
  padding-top:20px;
  font-size:0.9em;
  line-height:1.8em;
}
#myschornsteinfeger a {
  color:#878787;
  text-decoration:none;
}
#myschornsteinfeger a:hover {
  color:#878787;
  text-decoration:underline;
}

/*
*    Navigation
*/

/** Pagination - Startseite  */
.startseite .pagination-wrapper {
  margin :0; padding : 9px 0 0 0;
  background : transparent;
  z-index : 100;  height : 54px;
}

.startseite ul.pagination {
  margin : 0; padding : 0 0 0 235px;
  list-style-type : none;
  background : transparent
}

.startseite ul.pagination li {
  float : left; margin-right : 7px;
}

.startseite ul.pagination li a:link,
.startseite ul.pagination li a:visited,
.startseite ul.pagination li a:hover {
  color : #000 !important;
  text-decoration : none;
  height : 18px; width : 21px;
  background : #7a7a7a;
  border : 1px solid #686868;
  display : block;
  text-align : center;
}
.startseite ul.pagination li a:hover,
.startseite ul.pagination li.current a {background : #c2c2c2;}


/** Main-Navigation - Startseite */

.startseite #navigation {padding : 0 3px 0 0; background : transparent url("/system/images/bg-mainnavi.png") no-repeat bottom left;}
.startseite #navigation ul.navi{
  padding : 0 0 0 2px;
  float : left; height: 24px;

}

.startseite #navigation ul li {margin : 0; padding : 0; float : left;}

.startseite #navigation ul li a:link,
.startseite #navigation ul li a:visited,
.startseite #navigation ul li a:hover {
  margin : 0; padding : 6px 0 7px;
  display : block;
  background : transparent url("/system/images/bg-mainnavi.png") repeat-x 0 -30px;
  border : none;
  text-decoration : none;
  font-weight:bold;
}

.startseite #navigation ul li a:hover {background: #D9D9DB;}

.startseite #navigation ul li a:link span,
.startseite #navigation ul li a:visited span,
.startseite #navigation ul li a:hover span{
  margin : 0; padding : 0 9px;
  color : #000; line-height : 1.0;
  display : block;
  text-decoration : none; text-transform : uppercase;
  font-size : 1.0em;
}



.startseite #navigation ul li.current a.color01,
.startseite #navigation ul li.current a.color02,
.startseite #navigation ul li.current a.color03,
.startseite #navigation ul li.current a.color04,
.startseite #navigation ul li.current a.color05 {border : none;}

.startseite #navigation ul li a.color01:hover {background : #ee1d25; border : none;}
.startseite #navigation ul li a.color02:hover {background : #f59000; border : none;}
.startseite #navigation ul li a.color03:hover {background : #6ba114; border : none;}
.startseite #navigation ul li a.color04:hover {background : #0095da; border : none;}
.startseite #navigation ul li a.color05:hover {background : #cccccc; border : none;}


/** Main-Navigation */

#navigation ul.navi{padding : 3px 0 0 16px; }

#navigation ul li {float : left;}

#navigation ul li a:link,
#navigation ul li a:visited,
#navigation ul li a:hover {
  margin : 0; padding : 0;
  display : block;
  background : transparent;
  border-top : 35px solid transparent;
  border-bottom : 5px solid transparent;
  color: #000;
}

#navigation ul li a:link span,
#navigation ul li a:visited span,
#navigation ul li a:hover span{
  margin : 0; padding : 11px 8px 10px;
  background : transparent;
  color : #FFF; line-height : 1.0; font-size : 1.0em;
  display : block;
  text-decoration : none; text-transform : uppercase;
  border-bottom : none;;
  
}

#navigation ul li a.color01:hover,
#navigation ul li.current a.color01 {border-top : 35px solid #ee1d25; border-bottom : 5px solid #ee1d25;}

#navigation ul li a.color02:hover,
#navigation ul li.current a.color02 {border-top : 35px solid #f59000; border-bottom : 5px solid #f59000;}

#navigation ul li a.color03:hover,
#navigation ul li.current a.color03 {border-top : 35px solid #6ba114; border-bottom : 5px solid #6ba114;}

#navigation ul li a.color04:hover,
#navigation ul li.current a.color04 {border-top : 35px solid #0095da; border-bottom : 5px solid #0095da;}

#navigation ul li a.color05:hover,
#navigation ul li.current a.color05 {border-top : 35px solid #cccccc; border-bottom : 5px solid #cccccc;}


#navigation ul li a:hover {}

/** Sub-Navigation */

#subNavigation {margin : 30px 0 50px 6px;}
#subNavigation h2 {margin-left : 0; margin-top: 30px;}
#subNavigation h2.first {margin-top: 0px;}
#subNavigation ul.navi{padding : 10px 0 0 0; position: relative;}

#subNavigation ul.navi li {
  margin-bottom : 3px; padding : 5px 0 0 0;
  display : block;
  background : transparent url("/system/images/bg-subnavi-lvl2-top.png") no-repeat 0 0;
  position: relative;
}

#subNavigation ul.navi li:hover,
#subNavigation ul.navi li.current {
  background-position : -373px top;
}

#subNavigation ul.navi li a:link,
#subNavigation ul.navi li a:visited,
#subNavigation ul.navi li a:hover {
  margin: 0; padding: 0 5px 4px 5px;
  display : block;
  font-family: Verdana, Sans-Serif;
  text-decoration : none; line-height : 1.0;
  background : transparent url("/system/images/bg-subnavi-lvl2-bottom.png") no-repeat bottom left;
  position: relative;
  color: #000;
}

#subNavigation ul.navi li a:hover,
#subNavigation ul.navi li.current a {background-position : -372px bottom;}

#subNavigation ul.navi li a:link span,
#subNavigation ul.navi li a:visited span,
#subNavigation ul.navi li a:hover span{
  margin : 0; padding : 4px 10px 4px 30px;
  display : block;
  line-height : 1.4em;
  background : transparent url("/system/images/bg-arrow-multicolor.png") no-repeat -2px -2px;
  position: relative;
}


div.color01 #subNavigation ul.navi li a span {background-position: -2px -52px;}
div.color02 #subNavigation ul.navi li a span {background-position: -2px -102px;}
div.color03 #subNavigation ul.navi li a span {background-position: -2px -162px;}
div.color04 #subNavigation ul.navi li a span {background-position: -2px -212px;}


/* Navi lvl 2*/

#subNavigation ul.navi ul li {margin-bottom : 0; background : transparent;}

#subNavigation ul.navi ul li a:link,
#subNavigation ul.navi ul li a:visited,
#subNavigation ul.navi ul li a:hover {
  margin : 0; padding : px 4px 5px 0 5px;
  display : block;
  background : transparent;
  
}

#subNavigation ul.navi ul li a:link span,
#subNavigation ul.navi ul li a:visited span,
#subNavigation ul.navi ul li a:hover span{
  margin : 0; padding : 0px 10px 0px 50px;
  display : block;
  background : transparent;
}

#subNavigation ul.navi ul li a:hover span,
#subNavigation ul.navi ul li.current a span {background : transparent url("/system/images/bg-arrow-multicolor.png") no-repeat 20px -2px;}

div.color01 #subNavigation ul.navi ul li a:hover span,
div.color01 #subNavigation ul.navi ul li.current a span {background-position: 20px -54px;}
div.color02 #subNavigation ul.navi ul li a:hover span,
div.color02 #subNavigation ul.navi ul li.current a span {background-position: 20px -105px;}
div.color03 #subNavigation ul.navi ul li a:hover span,
div.color03 #subNavigation ul.navi ul li.current a span {background-position: 20px -165px;}
div.color04 #subNavigation ul.navi ul li a:hover span,
div.color04 #subNavigation ul.navi ul li.current a span {background-position: 20px -214px;}



/* Navi lvl 3*/

#subNavigation ul.navi ul ul li {margin: 0;}
#subNavigation ul.navi ul ul li a:link span,
#subNavigation ul.navi ul ul li a:visited span,
#subNavigation ul.navi ul ul li a:hover span{
  margin : 0; padding : 0px 10px 0px 65px;
  display : block;
  background : transparent;
}

#subNavigation ul.navi ul ul li a:hover span,
#subNavigation ul.navi ul ul li.current a span {background : transparent url("/system/images/bg-arrow-multicolor.png") no-repeat 42px -2px;}

div.color01 #subNavigation ul.navi ul ul li a:hover span,
div.color01 #subNavigation ul.navi ul ul li.current a span {background-position: 42px -54px;}
div.color02 #subNavigation ul.navi ul ul li a:hover span,
div.color02 #subNavigation ul.navi ul ul li.current a span {background-position: 42px -105px;}
div.color03 #subNavigation ul.navi ul ul li a:hover span,
div.color03 #subNavigation ul.navi ul ul li.current a span {background-position: 42px -165px;}
div.color04 #subNavigation ul.navi ul ul li a:hover span,
div.color04 #subNavigation ul.navi ul ul li.current a span {background-position: 42px -214px;}

/** weiterführende Links */

#sidebar .link-list {margin : 0 0 50px 6px;  position: relative;}

#sidebar .link-list h3{line-height:1.3em;}
#sidebar .link-list ul {list-style : none; margin : 0; padding: 0;  position: relative;}

#sidebar .link-list ul li {margin-bottom : 3px; background : transparent url("/system/images/bg-link-list.png") repeat-y 0 0;  position: relative;}
#sidebar .link-list ul li.current {background-position : 0 345px;}

#sidebar .link-list ul li a:link,
#sidebar .link-list ul li a:visited,
#sidebar .link-list ul li a:hover {
  padding : 4px 5px 5px 19px;
  text-decoration : none;display : block;
  background : transparent url("/system/images/bg-arrow-multicolor.png") no-repeat -2px 2px;
  position: relative;
  color: #000;
}

#sidebar .link-list ul li a span {
  padding : 2px 8px 2px ;
  display : block; line-height : 1.4;
  background : transparent url("/system/images/bg-link-list-txt.jpg") repeat-y 0 0;
  position: relative;
}

div.color01 #sidebar .link-list ul li a {background-position: -2px -48px;}
div.color02 #sidebar .link-list ul li a {background-position: -2px -98px;}
div.color03 #sidebar .link-list ul li a {background-position: -2px -158px;}
div.color04 #sidebar .link-list ul li a {background-position: -2px -208px;}


/** Energiesparmobil Sidebar */

#sidebar .energiesparmobil {
  width: 303px;
  height: 158px;
  margin : 10px 0 50px 0px;
  position: relative;
  padding: 66px 0 0 22px;
  background: transparent url(/system/images/bg_energiesparmobil_neu.png) top left no-repeat;
}

#sidebar .energiesparmobil table td {
  width: 141px;
  padding: 0;
  margin: 0;
}

#sidebar .energiesparmobil table td p {
  margin: 0;
  padding: 0;
  line-height: 1.4;
}

#sidebar .energiesparmobil table td p a {
  font-weight: bold;
  text-decoration: none;
  padding: 0 0 0 12px;
    color:#000000;
  background: url(/system/images/bullet_blue_arrow.gif) left center no-repeat;
}

#sidebar .energiesparmobil div.more-link {
  position: absolute;
  top: 203px;
  right: 10px;
}
#sidebar .energiesparmobil div.more-link a {
  font-weight: normal;
  text-decoration: none;
  padding: 0 12px 0 0;
  color:#000000;
  background: url(/system/images/bullet_blue_arrow.gif) right center no-repeat;
}


/** GBFS Sidebar */

#sidebar .gbfs-lehrgang {
  width: 296px;
  height: 137px;
  margin : 10px 0 50px 0px;
  position: relative;
  padding: 0 11px 0 19px;
  background: transparent url(/system/images/bg_gbfs_lehrgang.png) top left no-repeat;
}

#sidebar .gbfs-lehrgang p {
  padding: 10px 0 0 0;
  margin: 0;
  line-height: 1.4;
}

#sidebar .gbfs-lehrgang .subscribe-link {
  text-align: right;
  overflow: hidden;
  padding-top: 5px;
}

#sidebar .gbfs-lehrgang .subscribe-link a {
  text-decoration: none;
  color: #fff;
  background: url(/system/images/bg_white_arrow_on_black.png) center right no-repeat;
  padding: 2px 20px 3px 6px;
  float: right;
  position: relative;
  
}

#sidebar .gbfs-lehrgang .subscribe-link a  span {
  position: relative;
}

#sidebar .gbfs-lehrgang .more-link {
  position: absolute;
  top: 116px;
  right: 11px;
}

#sidebar .gbfs-lehrgang .more-link a {
  background: url("/system/images/bullet_black-arrow.gif") no-repeat center right transparent;
  color: #000;
  font-weight: normal;
  text-decoration: none;
  padding: 0 12px 0 0;
}

/** Footer-Navigation */
#footer-navi {padding : 3px 0;}
#footer ul {padding : 2px 0 0;}
#footer li {float : left;}

#footer ul li a:link,
#footer ul li a:visited,
#footer ul li a:hover {
  margin : 0; padding : 2px 8px;
  display : block;
  color : #000; text-decoration : none;
  border-left: 1px solid #FFF;
  border-right : 1px solid #d5d5d5;
}

#footer ul li a:hover {text-decoration : underline;}

#footer ul li.first a {border-left : none;}
#footer ul li.last a{border-right: none;}

/*
*   FORMULARE
*/

/** Basic */

form.tplform {}

form.tplform .col-1{
  padding-top : 15px;
  margin-right : 20px;
  float : left; width : 290px;
}
form.tplform .col-2{
  padding-top : 15px;
  float : left; width : 290px;
}

form.tplform .row {margin-bottom : 7px; width : 300px;}
form.tplform .part {}

form.tplform .row p {margin : 0;}
form.tplform .row p.info {font-size : 0.9em;}

form.tplform .long {width : 196px;}
form.tplform .shortl {width : 94px;}
form.tplform .shortr {margin-left : 3px; width : 94px;}

form.tplform label {
  margin-right : 20px; padding : 2px 0;
  width : 75px; float : left;
  display : block;
}
.nolabel {margin-left : 95px;}

span.mandatory {color : #798d94;}

form.tplform .input {
  padding : 2px 5px;
  border : 1px solid #000;
  float : left;
}


form.tplform select {padding : 1px 0!important;}

form.tplform textarea {height : 60px;}

form.tplform .submit {
  margin : 10px 5px 0 0; padding : 3px 5px;
  float : right;
  border : 1px solid #000;
  background : #FFF;
  
}

form.tplform .submit:hover {cursor : pointer; text-decoration : underline;}