/* ============================= */
/* ==========TEMPLATE ========== */
/* ============================= */
html, body {min-height: 100%;}
a {outline: none !important}
a:hover {color: #0071BA}
/* ========= RESETS ========= */
.container {padding: 0;}

.line_left {background: url('../images/line_dot.gif') repeat-y left}
.line_right {background: url('../images/line_dot.gif') repeat-y right}

h1, h2, h3, h4, h5, h6, strong {font-family: latobold, sans-serif, arial, helvetica; font-weight: normal}

/* ========= BODY ========= */
body {background: url('../images/bg_gradient.jpg') repeat-x fixed bottom #f8f9f6; font-family: latolight, sans-serif, arial, helvetica; font-size: 14px !important;}
body p {line-height: 180% !important}
	/* HEADER */
	#header {background: #fff; box-shadow: 0 0 8px #000; position: fixed; z-index: 1; font-size: 13px; width: 100%}
	#header .inner {padding: 27px 0 17px}
	#header #headermenu {font-family: latolight, sans-serif, arial, helvetica; margin-top: 16px}
	#header #headermenu li {}
	#header #headermenu li a {display: block; text-align: center; text-transform: uppercase; padding: 5px 0; text-decoration: none}
	#header #headermenu li.active a, #header #headermenu li.parentactive a, #header #headermenu li a:hover {background: #0071BA; color: #fff}

	/* MAIN */
	#main {position: relative; z-index: 0}

	/* TEASER */
	#teaser {position: relative}

		/* SLIDES */
		#slides {display:none;}
		#slides .doublebox {position: relative; display: block}
		#slides .doublebox p {line-height: 130% !important; margin-top: 60px}
		
		/* TITLE-IMAGE */
		#title_image {position: absolute; z-index: 999; left: 0; bottom: 0; background: rgba(255,255,255,0.8); padding-top: 5px; padding-bottom: 5px; color: #0071BA;}
	
	/* CENTER */
		/* LEFTCOL */
		#left {}
		#leftmenu {margin: 0 !important}
		#leftmenu li {list-style-type: none; margin: 0; padding: 0}
		#leftmenu a {padding: 3px 0 3px 20px; text-decoration: none; display: block; color: #000}
		#leftmenu a:hover {color: #000}
		#leftmenu .active a, #leftmenu .activeparent a, #leftmenu a:hover {background: url('../images/arrow.gif') no-repeat left 5px}
		#leftmenu .level2 {margin: 0}
		#leftmenu .level2 a {margin-left: 20px; background: none}
		#leftmenu .level2 .active a, #leftmenu .level2 .activeparent a, #leftmenu .level2 a:hover {background: url('../images/arrow.gif') no-repeat left 5px}
	
		/* CENTERCOL */
		#content {}
		#content #title {}
		#content.balls {background: url('../images/balls.png') no-repeat right -15px;}	
	
	/* FOOTER */
	#footer {line-height: 140%}
	#footer .col1 {margin-right: 8px}
	#footer .col3 {margin-top: 5px}

/* CONTENT CENTER */
#content #center {font-size: 15px;}
#content #center ul {margin: 0; list-style-image: url('../images/li_square_blue.gif');}
#content #center ul li {padding: 5px 0 0; margin: 0 0 0 15px; color: #000}
	
/* Slideshows */
.slideshow {display:none; position: relative}
.slideshow .slide {background: #222; text-align: center; height: 100%}
.slideshow .slide .caption {position: absolute; left: 0; text-align: left; background: #0071BA; color: #fff; height: 100%; font-size: 16px; z-index: 99999}
.slideshow .slidesjs-pagination {position: absolute; display: none}
.slideshow .slidesjs-navigation {position: absolute; bottom: 16px; z-index: 100; height: 21px; width: 12px; text-indent: -9999px; display: block}
.slideshow .slidesjs-navigation.slidesjs-previous {background: url('../images/arrow_left_trans.png') no-repeat center center; left:16px;}
.slideshow .slidesjs-navigation.slidesjs-next {background: url('../images/arrow_right_trans.png') no-repeat center center; left: 46px;}

#slidesContent .slide img {height: 100%;width: auto;}
#slidesContent .slide .caption {width: 100%; position: absolute; bottom:0; min-height: 20px; height: auto; background: rgba(0,0,0,0.8); font-size: 14px}
#slidesContent .slide .caption .doublebox {padding-right:100px;}
#slidesContent .slidesjs-navigation.slidesjs-previous {right: 46px; left:auto}
#slidesContent .slidesjs-navigation.slidesjs-next {right: 16px;left:auto}

.gallery .img a {border: 1px solid #888888;display: block;padding: 1px;}


.lb-image img {width:auto; max-width: inherit}

/* FORMS */

form {
    width: 100%;
}
form input[type="text"], form textarea {
    -moz-box-sizing: border-box;
    border: 1px solid #888888;
    font-family: inherit;
    font-size: inherit;
    min-width: 40%;
    padding: 0.5em;
}
form input[type="submit"] {
    border: 1px solid #888888;
    font-family: latobold, sans-serif, arial, helvetica;
    font-size: inherit;
    padding: 0.7em 3em 0.5em;
}
form .box {
    margin-bottom: 0.8em;
}
form .box label {
    display: block;
	font-family: latobold, sans-serif, arial, helvetica;
	font-weight: normal;
    margin-bottom: 0.2em;
}
form .box .block label {
    display: inline;
    font-weight: normal;
}
form textarea {
    width: 100% !important;
}
form input[type="submit"] {
    background-color: #5BB75B;
    background-image: linear-gradient(to bottom, #62C462, #51A351);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.error_message {
    background-color: #F2DEDE;
    border: 1px solid #B94A48;
    color: #B94A48;
    margin-bottom: 1em;
    padding: 1.5em 2em;
}
.error_message ul {
    list-style-type: disc;
    margin: 0;
    padding: 0;
}
.error_message ul li {
    margin: 0 0 0.5em;
    padding: 0;
}
form .invalid input[type="text"], form .invalid textarea {
    background-color: #F2DEDE;
    border-color: #B94A48;
    color: #B94A48;
}

/* ================================ */
/* ========== RESPONSIVES ========= */
/* ================================ */

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

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

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

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