@import url('ext_navigation.css');
@import url('ext_extensions.css');

/*************************************
*  Rotes Kreuz Saalfelden 
*  styles by Peter Royer - free@web
**************************************/
body {
   padding: 0px;
   margin: 0;
   font-size: 15px;
   color: #000;
   font-family: Arial, Verdana, Helvetica;
   background: #fff url(../images/bg_rkjacke.png) no-repeat bottom right fixed;

}
h1, h2, h3 {
   color: #b70e0c;
}
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }

a {
    color: #b70e0c;
    text-decoration: none;
}
a:hover {
    color: #b70e0c;
    text-decoration: underline;
}

/*** Header ***/
.header {
    position: fixed;
    z-index: 100;
    top: 0;
    width: 100%;
    padding-top: 20px;
    background: #fff;
}
#header > header > div > a,
#header > div > a {
    padding: 0 20px;
}

.logo-saalfelden {
    line-height: 100px;
    text-align: right;
}
.mainnav-responsive {
    display: none;
}

/*** sidebar ***/
/*** currently not used ***/
#sidebar_left {
    display: none !important;
}

#sidebar_left {
    position: fixed;
    z-index: 100;
    top: 350px;
    left: 0;
    height: 500px; /*dummy*/
    text-align: right;
    width: 10%;
}
#sidebar_left a {
    display: block;
    padding: 10px 20px;
    background: #b70e0c;
    color: #fff;
    font-size: 18px;
    margin-bottom: 20px;
}
#sidebar_left a:hover {
    text-decoration: none;
    background: #5c5c5a;
}

/*** content ***/
#main {
    position: relative;
}
.content-slider {
    padding: 18rem 0px 0 0px;
    width: 100%;
    height: 100%;
    min-height: 40rem;
}
.content-slider > div {
    background: url(../images/bg_content.png);
}
.tx-pdfgallery-pi1 {
    min-height: 300px;
}


/*** footer ***/
.site_by {
    position: fixed;
    display: block;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 90;
    background: url(../images/bg_content.png);
    padding: 10px;
    font-size: 10px;
}
.ma-login {
    float: right; 
    padding-right: 20px;
}

/*** small devices ***/
@media only screen and (max-width: 992px) {
    /* mainnav */
    .mainnav ul li a {
	display: block;
	text-decoration: none;
	font-size: 22px;
	line-height: 40px;
	text-transform: uppercase;
	color: #fff;
	padding: 5px 10px;
    }

}
/*** mobile devices ***/
@media only screen and (max-width: 768px) {
    body {
	background: #fff;
    }
    .header {
	position: relative;
	height: auto;
	padding-top: 0;
    }
    .content-slider {
	padding: 5px;
    }
    
    /* header */
    .mainnav {
	display: none;
    }
    .mainnav-responsive {
	display: block;
    }
    
    .nav li {
	text-align: left;
    }
    .nav ul {
	display: block;
	position: relative;
	border-bottom: 1px dotted #fff;
	padding-left: 10px;
    }
    
    .navbar .nav > li {
	width: 100%;
    }
    .navbar .nav > li > a {
	font-size: 18px;
	line-height: 25px; 
	border-bottom: 1px dotted #fff;
    }
    .navbar .brand {
	color: #fff;
	line-height: 27px;
	text-shadow: none;
    }
    
    
    /* extensions */
    /** Formulare **/
   html .tx-powermail {
       width: 100%;
   }
   html .tx-powermail input[type="submit"], 
   html .Tx-Formhandler input[type="submit"] {
       width: 90%;
       margin-left: 0;
   }
   html .tx-powermail label,
   html .Tx-Formhandler label,
   html .powermail_radio_legend,
   html .powermail_check_legend {
       float: none;
       text-align: left;
       line-height: 16px;
       margin-top: 15px;
   }
   html .powermail_radio_inner label,
   html .powermail_check_inner label {
       float: left;
       line-height: 18px;
       margin: 1px 10px 0 3px; 
   }
   html .powermail_radio_inner input,
   html .powermail_check_inner input {
       width: auto !important;
   }
   html .tx-powermail input,
   html .tx-powermail textarea,
   html .Tx-Formhandler input {
       width: 90%;
   } 
    
}

/*** mobile devices ***/
@media only screen and (max-width: 640px) {
    .logo img,
    .logo-saalfelden img {
	width: 100%;
	height: auto;
    }
}