/* --------- FARBWERTE ---------
    
    cyan               #009ee0
    gruen              #79b63e
    
*/

/* ============================== FONTS ============================== */

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/oswald-regular.woff2') format('woff2'),
         url('../fonts/oswald-regular.woff') format('woff');
    font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/oswald-bold.woff2') format('woff2'),
         url('../fonts/oswald-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/oswald-light.woff2') format('woff2'),
         url('../fonts/oswald-light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

/* ============================== /fonts ============================== */


/* ============================== GRADIENTS ============================== */

/* ============================== /gradients ============================== */


/* ============================== TYPOGRAPHY ============================== */
html {}
body {		
    font-family: Helvetica, Arial, sans-serif;
    color: #333333;
    font-size: 1.2rem;
    line-height: 140%;    
    font-weight: normal;    
}

p {	
    margin: 0px 0px 15px 0px;
}
	
a, a:visited {
	color: #000000;
    text-decoration: underline;
}
a:hover, a:focus, a:active {
	color: #000000;
    outline: none;    
	font-weight: bold;
}

.subheader {
    background-color: #b1c700;
    border: 0 none;
    color: #fff;
    display: inline-block;
    padding: 2px 10px 0;
    margin-bottom: 5px;
    text-transform: uppercase;
    transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-10deg, 0deg);
}
/* -------------------- Hauptueberschrift aus Menu -------------------- */
h1 {    
	color: #818181;    
    font-family: 'Oswald', Arial, sans-serif;
    font-size: 2.8rem;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 3.8rem;
    margin-top: 0px;
    margin-bottom: 10px;
    text-transform: uppercase;
}


/* -------------------- Beitrags-Ueberschrift (aus Titel) -------------------- */
h2, h3 {	
    color: #000;    
    font-family: 'Oswald', Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 2.5rem;
    margin-bottom: 10px;
    text-transform: uppercase;
}


/* -------------------- Zwischen-Ueberschriften -------------------- */
h4 {	
    color: #666666;	
	font-size: 1.7rem;				
	letter-spacing: 0px;
	line-height: 110%;
	margin-top: 25px;
	margin-bottom: 10px;				
	text-align: left;	
}

/* -------------------- Beitrags-Trennerueberschrift -------------------- */
h5 {	
    font-weight: bold;
	font-size: 1.0rem;
	letter-spacing: 1px;
	color: #666666;		
	
	margin: 20px 0px 10px 0px;				
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #dddddd;
}

/* kleine Beitrags-Ueberschrift (statt <strong>) -------------------- */
h6 {	
    font-weight: bold;
	font-size: 0.9rem;									
	margin: 16px 0px 2px 0;
	text-align: left;								
}

li {}

label {
    margin-bottom: 0px;
    margin-left: 5px;
    font-weight:normal;
}

mark {
    background: #b1c700 !important;
}

figure {
    display: table;
    margin-bottom: 15px;
}
figcaption {
    margin-top: 5px;
    text-align: right;
    font-size: 1.0rem;
    font-style: italic;
}

/* ============================== /typograhy ============================== */


/* ============================== CUSTOMIZE ============================== */

/* -------------------- DNN / OPEN -------------------- */

/* ---------- Eingabefelder ---------- */
input[type=text]:not(.ControlBar input[type=text]),
input[type=password]:not(.ControlBar input[type=password]),
textarea:not(.ControlBar textarea), 
select:not(.ControlBar select) {    
    background: #ffffff;
    border: 1px solid #c9c9c9;
    color: #333333 !important;        
}

.dnnFormItem input[type="text"], .dnnFormItem select, .dnnFormItem textarea, .dnnFormItem input[type="email"], .dnnFormItem input[type="search"], .dnnFormItem input[type="password"] {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #c9c9c9;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8), 0 1px 2px 0 rgba(0, 0, 0, 0.1) inset;
    color: #333333;    
}

input[type="submit"],
.btn,
.dnnPrimaryAction,
.dnnFormItem input[type="submit"], 
a.dnnPrimaryAction,
input[type="button"].LoginButton {    
    color: #ffffff !important;
    background: #79b63e;    
}
input[type="submit"]:hover,
.btn:hover,
.dnnPrimaryAction:hover,
.dnnFormItem input[type="submit"]:hover, 
a.dnnPrimaryAction:hover,
input[type="button"].LoginButton:hover {
    color: #ffffff !important;
    background: #79b63e;    
}

/* ---------- /eingabefelder ---------- */

/* ---------- Meinkonto Tab-Ansicht ---------- */
.gradient.spacingTopSmall {
    background: #eeeeee;
    border: 1px solid #e9e9e9;
}

.DnnTabGroup {
    background: #79b63e !important;    
}

.DnnTab, .DnnTabSelected, .DnnTabHover {    
    color: #ffffff !important;
    border-color: #444444 !important;   
}

.DnnTabHover, .DnnTabSelected {    
    background: #009ee0 !important;    
}    

/* ---------- /meinkonto tab-ansicht ---------- */

/* ---------- Loged-in User-Info ---------- */
#dnn_dnnUSER_registerLink {}
#dnn_dnnUSER_registerLink:before {}
#dnn_dnnUSER_registerLink:after {}

/* ---------- UI-Dialog ---------- */
.ui-dialog {
    font-family: 'Open Sans', sans-serif !important;
}

/* ---------- Tabellen (z.B. Datailansicht-Mediensuche) ---------- */
.GridViewInnerBorder th {
    background: #009ee0;
    color: #ffffff;
    font-weight: bold;
}
.GridViewInnerBorder th, .GridViewInnerBorder td {    
    border-color: #444444 !important;
}

/* ---------- /tabellen ---------- */

/* ---------- Sprachauswahl (Extention) ---------- */

.languagecode.en .nativename,
.languagecode.de .nativename {
    display: none;
}
.languagecode .specialname {
    display: none;
}
.languagecode.en .specialname,
.languagecode.de .specialname {
    display: inline;    
}
.languagecode.de .specialname:before {
    content: "deutsch";
}
.languagecode.en .specialname:before {
    content: "englisch";
}
/* ---------- /sprachauswahl ---------- */

/* ---------- Suchschlitz ---------- */
#dnn_dnnSEARCH_ClassicSearch {
    display: block;    
    margin: 0px auto;
}
#dnn_dnnSEARCH_txtSearch {        
    opacity: 0.9 !important;
    padding: 5px !important;
    margin-right: 0px;
    width: 149px;
    background: #ffffff;
    box-shadow: none;
    border: none;
    border-radius: 2px;
    font-weight: 300;
    font-size: 13px;    
}
#dnn_dnnSEARCH_txtSearch:focus {
    opacity: 1.0 !important;
}
#dnn_dnnSEARCH_cmdSearch span {
    font-size: 16px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
    vertical-align: -2px;   
}
/* ---------- /suchschlitz ---------- */

/* -------------------- /dnn / open -------------------- */


/* -------------------- Owns -------------------- */
.shadow {
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2), 1px 0 0 rgba(0, 0, 0, 0.1);
}
.img-container {
    display: inline-block;    
}
.img-container:before {
    display: table;
    content: " ";
}
.img-container:after {
    display: table;
    content: " ";
    clear: both;
}
.img-caption{
    margin-top: 5px;
    text-align: right;
    font-size: 1.0rem;
    font-style: italic;
}
img.shadow {
    border: 1px solid #fff !important;    
}

/* -------------------- /owns -------------------- */


/* -------------------- Preloaader -------------------- */
#preloader .loader {
    border-top: 16px solid #79b63e;
    border-bottom: 16px solid #79b63e;
}
/* -------------------- /preloader -------------------- */

/* ============================== /customize ============================== */


/* ================================== SITE-LAYOUT ================================== */
#site-wrapper  {
    background: #fbfcf3;
}

#header-spacer {
    min-height: 89px;
}



/* -------------------- LEFT-COL -------------------- */
#left-col {    
    font-family: 'Oswald', Arial, sans-serif;
}

#left-col.higher {
    position: absolute;
    bottom: auto;    
}

#left-col .bg-dummy {
    display: none;
}

#left-col .logo {
    text-align: center;
    background: #ffffff;
    padding: 15px;
}

#dnn_dnnLOGO_hypLogo {
    
}

#left-col a {
    color: #ffffff;
    text-decoration: none;
}

#left-col .navigation {        
    position: fixed;
    background-color: #b1c700;
    padding: 10px 15px;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 100;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.50);
}
.showControlBar #left-col .navigation {
    top: 53px;
}

#left-col .topmenu {
    text-transform: uppercase;
}

#left-col .languagecode.selected {
    display: none;
}

#left-col .login {
    float: right;
}

#left-col .user {
    display: block;
    text-align: right;        
    font-weight: 300;    
    text-transform: none;
}
#left-col .user a:hover {
    font-weight: normal;
}


#left-col .navbar-toggle {
    position: absolute;
    right: 0px;
    bottom: -0px;
    z-index: 100;
    float: none;
    background: #ffffff;
    color: #b1c700;
    font-size: 20px;
    padding: 5px 15px 5px 5px;    
    border-radius: 2px 0px 0px 0px;
    margin: 0px;
    cursor: pointer;
}

#left-col .mainmenu {    
    background: #b1c700;
    border-top: none;
}
#left-col .navside {
    margin-left: 0px;
    margin-top: 20px;
}
#left-col .navside li {
    font-size: 1.4rem;
    line-height: 1.8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ffffff;
}

#left-col .navside a:hover {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}
#left-col .navside .active > a {
    color: #000000;
}

#left-col .nav-child {
    padding: 0 0 0 20px;
    margin: 3px 0px 0px 0px;
}
#left-col .nav-child li {
    font-size: 1.2rem;
    font-weight: 300;
    text-transform: none;    
}
#left-col .nav-child li a:hover{    
    font-weight: normal;
}

#left-col .secondmenu {
    margin-top: 40px; 
    margin-left: 0px; 
    letter-spacing: 1px;
    font-weight: 300;
    font-size: 1.4rem;
}
#left-col .secondmenu li a:hover {
    font-weight: normal;
}

/* -------------------- /left-col -------------------- */


/* -------------------- HEADER ROW -------------------- */
#header {}


/* -------------------- /header row -------------------- */


/* -------------------- MAIN ROW -------------------- */
#main {
    padding-top: 20px;
    padding-bottom: 40px;        
}


/* -------------------- /main row -------------------- */


/* -------------------- FOOTER ROW -------------------- */
#sticky-footer {    
    background: #cccccc
}

#footer {
    padding: 25px 0px;
}
#footer a {}
#footer a:hover {}

#footer .footer-menu {}

#footer .footer-text {}


/* -------------------- /footer row -------------------- */


/* ============================== /layout ============================== */


/* ============================== OVERWRITES ============================== */

/* -------------------- BOOTSTRAP -------------------- */

.no-resp .container {
    position: relative;
    left: 380px;
    width: 615px !important;
    padding-left: 0px;
    margin: 0;
}

/* -------------------- /bootstrap -------------------- */

/* ============================== /overwrites ============================== */


/* ================================== MEDIA QUERIES ================================== */

/* -------------------- >= Tablet -------------------- */
@media (min-width: 768px) {    
    
}
/* -------------------- />=tablet -------------------- */


/* -------------------- >= Desktop -------------------- */
@media (min-width: 992px) {
    h1 {
        font-size: 3.2rem;
        line-height: 4.4rem;
    }
    #site-wrapper {        
        background: #fff url("../images/palucca_bg_green.gif") no-repeat fixed left top;
    }
    .resp .container {
        position: relative;
        left: 380px;
        width: 615px !important;
        padding-left: 0px;
        margin: 0;
    }
    #left-col {
        position: fixed;
        top: 0px;
        bottom: 0px;
        left: 0px;
        width: 380px;
        z-index: 100;     
    }    
    .showControlBar #left-col {
        top: 53px;
    }
    #left-col.higher {
        position: absolute;
        bottom: auto;    
    }
    #left-col .bg-dummy {
        display: initial;
        position: absolute;
        top: 0px;
        width: 180px;
        height: 100%;    
        z-index: 10;
        background: #ffffff;
    }
    #left-col .logo {
        position: absolute;    
        left: 2px;
        top: 20px;
        z-index: 20;
        background: none;
    }
    #left-col .navigation {    
        position: relative;        
        z-index: 20;        
        display: block;
        min-height: 100%;
        margin-left: 170px;
        padding: 10px 20px 20px 20px;    
        transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-10deg, 0deg);
        transform-origin: left top 0;
        width: 210px;
        box-shadow: none; 
    }
    #left-col .login {
        float: right;
    }
    #left-col .user {        
        
    }
    #left-col .suche {
        margin-top: 40px;
    }

    #left-col .mainmenu {
        position: static;
        margin-top: 80px;
        padding: 0px;        
    }    

    #main {
        padding-top: 150px;
        padding-bottom: 50px;        
    }
}

/* -------------------- >= HD-Desktop -------------------- */
@media (min-width: 1600px) {
    
}

/* -------------------- />=hd-desktop -------------------- */

/* -------------------- Portrait tablet to landscape and desktop -------------------- */
@media (max-width: 991px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-toggle {
        display: block;
    }
}
/* -------------------- /portrait tablet to landscape and desktop -------------------- */


/* -------------------- Landscape phone to portrait tablet -------------------- */
@media (max-width: 767px) {     
    
}
/* -------------------- /landscape phone to portrait tablet -------------------- */

/* -------------------- <= Portrait Phone -------------------- */
@media (max-width: 480px) {
        
}

/* ============================== /media queries ============================== */