/* CSS Document */
html, body {
    margin: 0;
    height: 100%;
}

html body {
	background: radial-gradient(ellipse at center, #c8c8c8, #181818);
	background-attachment: fixed;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 600px) {
    body {
        font-size: 12px;
        line-height: 1.5;
    }
    
    body .dropdown-menu {
        font-size: 12px;
    }
    
    body h2 {
        font-size: 16px;
    }
    
    body h3 {
        font-size: 14px;
    }
}

@media screen and (min-width: 601px) {
    body {
        font-size: 15px;
        line-height: 1.5;
    }
}

body {
    font-family: Verdana,sans-serif;
    
    overflow-y: scroll;
    overflow-x: hidden;
    max-width: 1440px!important;
}

#footer, #content, #menu, #header, #greenbackground, img#logo {
    transition: 0.2s; /* Add a transition effect (when scrolling - and font size is decreased) */
}

/*************
 *           *
 *  Header   *
 *           *
 *************/

img#logo {
	height: 66px;
	margin-left: 5px;
}

body.minilogo #header img#logo {
    height: 28px;
}

img#slogan {
	height: 32px;
	margin-left: 5px;
}

body.minilogo img#slogan {
    display: none;
}

#header #greenbackground, #footer {
	background-color: #a8f000;
}

body.minilogo #header #greenbackground {
    top: 2px;
    height: 28px;
}

#whiteline {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	background-color: white;
	height: 6px;
	z-index: -1
}

body.minilogo #whiteline {
    height: 2px;
}

#greenbackground {
	position: fixed;
	width: 100%;
	top: 6px;
	left: 0px;
	height: 94px;
	z-index: -2;
}

#header {
	position: fixed;
	top: 0;
	height: 100px;
	z-index: 1;
	overflow: hidden;
	
	width: 95%;
    max-width: 1440px!important;
	left: auto;
}

@media screen and (max-width: 600px) {
    #header {
        height: 50px;
    }
    
    #whiteline {
        height: 3px;
    }
    
    #greenbackground {
        top: 3px;
        height: 47px;
    }
    
    body #header div#separator {
        height: 1px;
    }
    
    img#logo {
        height: 33px;
        top: 2px;
    }
    
    
    img#slogan {
        height: 16px;
        margin-top: -2px;
    }

    body #content {
        margin-top: 80px;
    }
    
    body #menu {
        top: 50px;
    }
}


body.minilogo #header {
    height: 30px;
}

#header div#separator {
	width: 100%;
	background-color: black;
	height: 3px;
}


body.minilogo #header div#separator {
    height: 2px;
}



/**********
 *        *
 *  Menu  *
 *        *
 **********/
#menu {
    position: fixed;
    top: 100px;
    height: 30px;
    left: auto;
    width: 95%;
    max-width: 1440px!important;
    z-index: 50;
}

body.minilogo #menu {
    top: 30px;
}

#language_menu {
	position: fixed;
	right: 40px;
	top: 10px;
}

.language-menu li {
	list-style: none;
}

#language_menu_bar .dropdown-menu {
        min-width: 10px!important;
}

/**************
*             *
*   Content   *
*             *
***************/

#content {
	margin-top: 154px;
	margin-bottom: 50px;
	width: 100%;
	overflow-x: hidden;
	
	color: white;
	background-color: #383838;
    min-height: 50%;
    max-width: 1440px!important;
}

body.minilogo #content {
    margin-top: 104px;
}

.bold {
	font-weight: bold;
}


.carousel-caption {
	background-image: url(../Images/Carousel_Caption.png);
	background-repeat: no-repeat;
	background-position-x: right;
}

#myCarousel .carousel-caption {
	left: 0px;
}

.bold {
	font-weight: bold;
}

@media screen and (max-width: 600px) {
    .container-dark, .container-light {
        height: 80px;
        padding: 10px 15px;
        margin-top: 10px;
    }
    
    .container-dark h3, .container-light h3 {
        min-height: 30px;
    }
}

@media screen and (min-width: 601px) {
    .container-dark, .container-light {
        height: 200px;
        padding: 20px 30px;
        margin-top: 10px;
    }
    
    .container-dark h3, .container-light h3 {
        min-height: 60px;
    }
}



.col-sm-3 {
    background-color: #333333;
}

.container-dark {
    background-color: #383838;
}

.container-light {
    background-color: #064F00;
}

.container-dark h3, .container-light h3 {
    display: block;
}

.carousel-caption a, .container-light a, .container-dark a {
    color: white!important;
}

/*************
 *           *
 *  Footer   *
 *           *
 *************/
#footer{
    position: fixed;
    bottom: 0;
    height: 18px;
    padding: 5px 16px;
    z-index: 16;
    
    width: 95%;
    max-width: 1440px!important;
    left: auto;
    font-size: 9px;
    line-height: 10px;
}

body.minilogo #footer {
    height: 20px;
    padding: 2px 16px;
    font-size: 11px;
    line-height: 16px;
}