/* 131: ARBION, responsive. */

@import "main.css";
@import "normalize.css";
@import "slicknav/slicknav.min.css";

/* rot: #9C1E34 */;

html {
   /* background-color: #000; */


}

.header-container {
    height: 145px;
	background:#678c39e !important;
	
}
.cat-0 .header-container {
    height: 185px;
	background:#678c39e !important;
	
}
.cat-1 header{
	

	background-image: url(mbsr.jpg) !important;;
	background-position:   right 50px top 50px;
	background-repeat: no-repeat!important;;
}


.cat-0 div.columns {
margin-top:380px;
color: #fff;
 padding-left: 170px;

}

.col-text ul  {
margin-left: -30px;
}
.col-text ul li {
    list-style-type: none;
}
.col-text ul li:before {
    content: "~ ";
	margin-left: -12px;
}

#top-logo {
   
    z-index: 999;
    position: absolute;
    /* damit es immer oben links ist: erst mal mittig ausrichten...*/

    top: 50;
    /* ...und dann nach links verschieben: */

    max-width: 100%;
	margin-top:-10px;
}

#top-logo img {
    width: 100%;
}

#logo {
    position: relative;
}
#header {
    width: 100%;
    max-width: 1024px;
    position: absolute;
	

}
#header_img {
    position: relative;

    /*width: 1026px;
    height:470px;*/

    width: 100%;

    background-position: top left;
    background-color: transparent;
    background-repeat: no-repeat;
}

.main {
    padding-top:0;
}

.main h1 {
    font-size: 1.1em;
    letter-spacing: 3px;
  
    color: #678c39;
}

.main h2 {
    font-size: 1.1em;
    letter-spacing: 1px;
    padding-top: 10px;
    padding-bottom: 5px;
    color: #9C1E34;
}

.main h3 {
	font-size: 1.3em;
	letter-spacing: 1px;
	color: #FFFF00;
	margin-bottom: -10px;
}

.text {
}

.main span.left { float: left; margin: 6px 25px 6px 0;  }
.main span.right { float: right; margin: 6px 0 6px 25px; }
.main div.single { margin: 15px 0; }

.footer-container {

}

#topExtraDiv {
display: none;
}

  #extraDiv1  {
display: none;
   

}


#extraDiv2 {
display: none;
}
#extraDiv2 #text_2 {
    display: none;
}
#extraDiv2 #text_2 p,
#extraDiv2 #text_2 ul {
    display: none;
}

.headerExtraWrap {
display: none;
}

#extraDiv3 {
display: none;
}

#extraDiv4 {
	display: none;
}

.col-text {

margin-right:30px;
}

/* COLORS */

.main a:link, .main a:visited {
    color: #658938;
    text-decoration: none;
}

.main a:hover, .main a:active {
    color: #658938;
	 text-decoration: none;
}

#footer a, #footer a:link, #footer a:visited {
    color: #fff;
    text-decoration: none;
    letter-spacing: 0;
    font-weight:normal;
}

#footer a:hover  {
    text-decoration: underline;
    color: #fff;
}


#footer a.twitter {
    width:12px;
    height:12px;
    background: url(twitter_mini.png) center center no-repeat;
    text-indent: 50em;
    overflow: hidden;
    display: inline-block;
    padding: 0 2px;
    margin-left:20px;
}

#text div.contactform {
    padding: 10px 0;
}
.contactform button {
    color: #333;
    padding:5px;
}

/* Spezial-gallerie */

.hasSpecialGallery {
    position: relative;
}

.hasSpecialGallery #text {
    height: 30px;
    padding-left: 96px;
    padding-top: 430px;
    width: 774px;
}

#specialGallery{
    background: transparent;
    height:350px;
    width:690px;
    padding:65px 95px 0 95px;
    position:absolute;
    top:0;
    z-index:99;
}

/*Nur Bild*/
#nuvoSlider {
    width:350px; /* Change this to your images width */
    height:263px; /* Change this to your images height */
    border:1px solid #c7060f;
    overflow: visible;
}

#nuvoSlider img {
    position:absolute;
    padding: 0;
    margin: 0;
    display:none;
}
#nuvoSlider a {
    border:0;
    display:block;
}

/*Feld der Punkte*/
.nivo-controlNav {
    position:absolute;
    left:92px;
    bottom:4px;
    width:360px;
    border: 0px solid #fff;
}
.nivo-controlNav a {
    display:block;
    width:16px;
    height:16px;
    background:url(bullets.png) no-repeat;
    background-position:0 -16px;
    text-indent:-9999px;
    border:0;
    margin-right:0px;
    float:left;
}
.nivo-controlNav a.active {
    background-position:0 0;
}

.nivo-directionNav a {
    display:block;
    width:30px;
    height:30px;
    background:url(arrows.png) no-repeat;
    text-indent:-9999px;

    z-index:99;
}
a.nivo-nextNav {
    background-position:-30px 0;
    right:15px;
}
a.nivo-prevNav {
    left:15px;
}
/*Test der Bilder rechts */
.nivo-caption {
    position:absolute;
    left:410px;
    top:30px;
    width: 310px;
    border: 0px solid #fff;
    background:transparent;
}
#text .nivo-caption p {
    text-align:left;
}
#text { z-index:60;
padding-left: 8px;
padding-right: 100px;
}


/* Navigation */

.slicknav_menu {
    display:none;
    background: #222;
    font-size: 13px;
    line-height: 14px;
}

.slicknav_menu li {
    text-align: right;
}

.slicknav_nav ul {
    margin-right:14px;
}

.slicknav_menu .slicknav_menutxt {
}

.slicknav_nav .slicknav_arrow {
  font-size: 1.1em;
  margin: 0;
  padding: 5px 0 5px 12px;
}

.slicknav_nav ul a {
  margin-right:15px;
}

.slicknav_parent {
    font-weight: bold;
}

.slicknav_parent ul {
    font-weight: normal;
}

@media screen and (max-width: 1024px) {
    .top-nav ul {
        display:none;
    }

    .slicknav_menu {
        display:block;
    }
}


@media screen and (min-width: 1025px) {
    /*Navigation*/
 

    .top-nav ul {
        font-size: 1em;
		float: left;
        margin-top: 155px;
        padding: 0px;
        height: 24px;

    }
	
	
	

    .top-nav li {
        float: left;
        position: relative; /*wichtig f�r IE 6, sonst Unternavi immer ganz links*/
        padding: 0px;
        margin: 0px;
        margin-right: 1px;
        display: block;
        height: 24px;
		
		
    }

    .top-nav a, .top-nav a:link, .top-nav a:visited {
        padding: 0px 7px 0px 8px;
        color: #043555;
        text-decoration: none;
        letter-spacing: 0;
        font-weight: normal;
		
		
    }

    .top-nav a:hover, .top-nav ul .top-nav ul a:hover span {
        text-decoration: none;
        color: #658938;
    }

    .top-nav ul a#navaktuell {
        text-decoration: none;
        color: #658938;
    }
	

    /* 2. Ebene */
    .top-nav ul ul {
        font-size: 0.9em;
		float: left;
        position: absolute;
        margin: 0; /*muss auf 0 sein, da sonst Unternavi nicht immer anwaehlbar*/
        top: 20px;
        display: none; /*Unternavigation ausblenden */
        width: 190px;
        z-index: 999;
        border: 0px #fff solid;
		background: url(white.png);
	    height: auto;
		
    }
	 .top-nav ul ul li{
 
	
	  
		
    }

    /* Unternavigation  einblenden */
    .top-nav ul li:hover ul {
        display: block;
        left: auto;
		
    }

    .top-nav ul li ul li {
        float: left;
		display: block;
        position: relative; /*wichtig f�r IE 6, sonst Unternavi immer ganz links*/
        width: 180px;
        margin: 0;
        padding: 0;
		
       height: auto;
		
	

    }
	  .top-nav ul li ul li a span {
       
		display:block;
		background: url(bg_subnavi.png);
		background-repeat:no-repeat;
		padding-left:19px;
      
    }

    .top-nav ul li ul a, .top-nav ul li ul a:link, .top-nav ul li ul a:visited {
       width: 100%;
	   display:block;
        font-weight: normal;
        padding: 3px 5px 3px 5px;
        height: auto;
        cursor: pointer;
        z-index: 1000;
    }

    /* IE 6 */
    .top-nav ul ul a:hover {
	 width: 100%;
	   display:block;
      color: #9C1E34;
		text-decoration: none;
         background: #fff;
    }

   

    .top-nav ul ul a#navaktuell {
        text-decoration: none;
        background: #fff;
		color: #9C1E34;
		display:block;
      
    }

    .top-nav ul ul a.navaktuell span {
      
    }

    /*Grafiken und Blindtext*/
    .top-nav h3.select span {
        display: none;
    }

    .top-nav h3.navipunkte1 span {
        display: none;
    }
}

/* Styles for mobile devices (example: iphone, landscape mode) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    div.columns div.col_4 { /* wird einspaltig */
        float: none;
        margin-left:0;
        margin-right:0;
        border-left: 0;
        border-right: 0;
        width: 100%;
    }
}

@media only screen and (max-width: 1024px) {

    .header .logo, .header .logo:visited {
        left: 0px;
    }
}

@media only screen and (max-width: 1023px) {

    #specialGallery{
        padding: 55px 0;
    }
    .nivo-caption {
        left:380px;
    }
    .nivo-controlNav {
        left:0px;
    }
    .hasSpecialGallery #text {
        padding-left:0;
    }
	img {
    width: 100%!important;
    height: auto;
}
}

/* Styles for mobile devices (example: iphone, portrait mode ) */
@media only screen and (max-width: 569px) {

    .social_block { display: none; }

    .columns div.col_4,
    .columns div.col_3,
    .columns div.col_2_3,
    .wraper_typ .columns .col_4,
    .wraper_typ .columns .col_3,
    .wraper_typ .columns .col_2_3 { /* wird einspaltig */
        float: none;
        margin-left:0;
        margin-right:0;
        border-left: 0;
        border-right: 0;
        width: 98%;
        padding:0 1%;
    }

    .wraper_typ .columns {
        width:100%;
    }

    .header .logo, .header .logo:visited {
        background: url("images/logo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        height: 37px;
        left: 0px;
        top: 25px;
        width: 250px;
    }

    #specialGallery{
        padding: 0;
    }
}

/* Styles for mobile devices (example: iphone, landscape mode) */
@media only screen and (max-width: 360px) {

    #specialGallery {
        width:290px;
    }

    #nuvoSlider {
        width:290px;
        height:490px;
        border: 0 none;
        padding: 0;
        overflow: hidden;
    }

    .nivo-controlNav {
        top:240px;
        bottom: none;
        width:290px;
    }

    .nivo-caption {
        left: 0;
        top: 310px;
        padding: 0;
        width:290px;
    }

    .nivo-caption p {
        padding:0;
    }

    .hasSpecialGallery #text {
        padding-top: 460px;
        width:290px;
    }

}

.rot {
    color: #9C1E34;
}