@charset "UTF-8";

/* Table of Contents
 ==================================================
 # Imports
 # Fonts
 # All
 # HTML
 # Body
 # Grid
 # Header
 # Nav
 # Main
 # Aside
 # Footer
 # Typography
 # Components
 # Form
 # Helpers
 # Apps
 # Animations
 # Responsive
 # Print
 ==================================================
 */

/************************* IMPORT *************************/

@import url();

@import url(bootstrap.min.css);
@import url(bootstrap-theme.min.css);
@import url(jquery-ui-1.10.4.custom.min.css);

/************************* FONT *************************/

@font-face {  }

/************************* ALL *************************/

* {  }

/************************* HTML *************************/

html {
	
}

/* selection */

::selection {  }
::-moz-selection {  }

/************************* BODY *************************/

body {
	color: #fff;
	background: #1c711c url(../img/tpl/bg_body.jpg) no-repeat -500px 170px;
    min-height: 100%;
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
}

/************************* GRID *************************/

.container-fluid {
	
}

.container {
	max-width: 850px;
}

/************************* HEADER *************************/

#header {
    background: url(../img/tpl/bg_wrapper.png) repeat-x;
}

#header .container {
	padding-left: 22.5px;
}

#meta-nav {
	margin-top: 10px;
	margin-bottom: 0px;
}

#meta-nav > li > a,
#meta-nav > li > a:focus,
#meta-nav > li > a:hover {
	color: #006636;
	text-decoration: none;
}

#meta-nav > li.active > a,
#meta-nav > li.active > a:focus,
#meta-nav > li.active > a:hover {
	text-decoration: underline;
}

.head {
	background: url(../img/tpl/bg_head.gif) no-repeat -1px 4px;
    /*background: url(../img/tpl/bg_head.gif) no-repeat left 4px;*/
    padding: 9px 0px;
}

.logo {
	margin-top: 20px;
	margin-left: 5px;
}

/************************* NAV *************************/

.navbar {
	min-height: 34px;
    margin-top: -25px;
    margin-bottom: 5px;
}

.navbar-default {
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	box-shadow: none;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: transparent;
}

.navbar-right {
    margin-right: 35px;
}

.navbar-default .navbar-nav > li > a {
	color: #000;
	padding: 6px 10px;
	margin-right: 10px;
	border: 1px solid transparent;
	text-transform: uppercase;
}

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
	color: #000;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fee580+0,fde47d+6,fee57e+39,ffe376+45,ffe26c+48,ffd634+52,ffcd0a+77,fdce02+84,fecb00+87,fece02+90,fccc00+94,ffcc00+97,fdcd00+100 */
	background: #fee580; /* Old browsers */
	background: -moz-linear-gradient(top,  #fee580 0%, #fde47d 6%, #fee57e 39%, #ffe376 45%, #ffe26c 48%, #ffd634 52%, #ffcd0a 77%, #fdce02 84%, #fecb00 87%, #fece02 90%, #fccc00 94%, #ffcc00 97%, #fdcd00 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fee580 0%,#fde47d 6%,#fee57e 39%,#ffe376 45%,#ffe26c 48%,#ffd634 52%,#ffcd0a 77%,#fdce02 84%,#fecb00 87%,#fece02 90%,#fccc00 94%,#ffcc00 97%,#fdcd00 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fee580 0%,#fde47d 6%,#fee57e 39%,#ffe376 45%,#ffe26c 48%,#ffd634 52%,#ffcd0a 77%,#fdce02 84%,#fecb00 87%,#fece02 90%,#fccc00 94%,#ffcc00 97%,#fdcd00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee580', endColorstr='#fdcd00',GradientType=0 ); /* IE6-9 */
	border: 1px solid #ffcc00;
	border-radius: 4px;
}

/************************* MAIN *************************/

#main {
	padding-top: 20px;
}

#main .row {
	margin-bottom: 20px;
}

.feature-img {
	border: 4px solid #71a048;
}

/************************* ASIDE *************************/

/************************* FOOTER *************************/

#footer {
	color: #fff;
	background: #277220;
	max-width: 790px;
	margin: 0px auto 30px auto;
    padding: 10px 0px;
    border-top: 1px dotted #96CD79;
    border-bottom: 1px dotted #96CD79;
}

#footer .container {
	padding-left: 0px;
	padding-right: 0px;
}

#footer .col-md-2 {
	width: 155px;
}

#footer .col-md-2:first-child {
	width: 121px;
}

#footer [class*="col-md-"] {
	padding: 4px 15px 2px 10px;
	min-height: 67px;
}

#footer .col-md-3 {
	width: 175px;
}

#footer .col-md-2:not(:last-child),
#footer .col-md-3 {
	background: url(../img/tpl/bg_footerItem.gif) repeat-y right top;
}

.footer-mail {
	margin-top: -20px;
}

#footer a {
	color: #fff;
}

/************************* TYPOGRAPHY *************************/

/* headings */

.box1 h2,
.caption h3 {
    font-size: 16px;
    border-bottom: 1px solid #FFFFFF;
    padding-bottom: 6px;
    margin-top: 0px;
    margin-bottom: 10px;
    line-height: 20px;
    font-weight: bold;
}

.box1 h2 {
	color: #fff;
	margin-top: 10px;
}

.caption h3 {
    color: #ffcc00;
}

/* img */

#content .headImg {
    padding: 4px;
    background: url(../layout/bg_transparent1.png);
    margin-bottom: 20px;
}

/* links */

a,
a:focus,
a:hover {
	color: #fff;
}

/* table */

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
	border-color: transparent;
}

/************************* COMPONENTS *************************/

/* thumbnails */

.thumbnail {
	border-radius: 0px;
	box-shadow: none;
}

.thumbnail .caption {
	color: #fff;
}

.thumbnail .btn {
	position: relative;
	bottom: -10px;
}

/************************* FORM *************************/

/* btn */

.btn {
	padding: 6px 10px;
	border-radius: 0px;
}

.btn-warning,
.btn-warning:focus,
.btn-warning:hover {
	color: #000;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fee580+0,fde47d+6,fee57e+39,ffe376+45,ffe26c+48,ffd634+52,ffcd0a+77,fdce02+84,fecb00+87,fece02+90,fccc00+94,ffcc00+97,fdcd00+100 */
	background: #fee580; /* Old browsers */
	background: -moz-linear-gradient(top,  #fee580 0%, #fde47d 6%, #fee57e 39%, #ffe376 45%, #ffe26c 48%, #ffd634 52%, #ffcd0a 77%, #fdce02 84%, #fecb00 87%, #fece02 90%, #fccc00 94%, #ffcc00 97%, #fdcd00 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fee580 0%,#fde47d 6%,#fee57e 39%,#ffe376 45%,#ffe26c 48%,#ffd634 52%,#ffcd0a 77%,#fdce02 84%,#fecb00 87%,#fece02 90%,#fccc00 94%,#ffcc00 97%,#fdcd00 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fee580 0%,#fde47d 6%,#fee57e 39%,#ffe376 45%,#ffe26c 48%,#ffd634 52%,#ffcd0a 77%,#fdce02 84%,#fecb00 87%,#fece02 90%,#fccc00 94%,#ffcc00 97%,#fdcd00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee580', endColorstr='#fdcd00',GradientType=0 ); /* IE6-9 */
	border: 1px solid #ffcc00;
	border-radius: 4px;
	font-size: 12px;
	text-shadow: none;
}

/* placeholders */

::-webkit-input-placeholder {  }
::-moz-placeholder {  }
:-ms-input-placeholder {  }
input:-moz-placeholder {  }

/************************* HELPERS *************************/

.box1 {
    border: 1px solid #84be6a;
    background: url(../img/tpl/bg_transparent2.png);
}

.x-box1,
.x-box2,
.x-box3 {
	min-height: 200px;
	border: none;
}

.x-box1 {
    background: url(../img/tpl/icons_unternehmen.png) no-repeat left bottom;
}

.x-box2 {
    background: url(../img/tpl/icons_leistungen.png) no-repeat left bottom;
}

.x-box3 {
    background: url(../img/tpl/icons_referenzen.png) no-repeat left bottom;
}

.bitwider{

	padding-right: 7px;
}

.bitwider2{
	padding-left: 3px;
	padding-right: 7px;
}


.bitwider3{
	padding-left: 3px;
}

/************************* APPS *************************/

/* pace */

.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.pace-inactive {
	display: none;
}

.pace .pace-progress {
	background: #29d;
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 2px;
}

/************************* ANIMATIONS *************************/

/************************* RESPONSIVE *************************/

@media (max-width: 768px) {
	
	.bitwider, .bitwider2, .bitwider3{

	padding-left: 15px;
	padding-right: 15px;
}
	
	
	#header {
	    background: #fff url(../img/tpl/bg_wrapper.png) repeat-x;
	}
	
	.head {
	    background-image: none;
	    margin-top: 20px;
	    padding: 0px;
	}
	
	#meta-nav {
	    margin-top: 10px;
	    margin-bottom: 10px;
	    margin-right: -15px;
    	margin-left: -15px;
	    z-index: 5;
	}
	
	.navbar {
	    margin-top: -15px;
	}
	
	.navbar-right {
	    margin-right: -15px;
	}
	
	.x-box1,
	.x-box2,
	.x-box3 {
	    background: url(../img/tpl/bg_transparent2.png);
	}
	
	.thumbnail .btn {
		position: static;
	}
	
	#footer,
	#footer .container {
		padding: 0px 15px;
	}
	
	#footer [class*="col-md-"] {
		background-image: none !important;
		padding: 0px 15px;
		min-height: 0px;
	}
	
}

@media (max-width: 320px) {
	
	.list-inline>li {
	    display: inline-block;
	    padding-right: 3px;
	    padding-left: 0px;
	}
	
}

/************************* PRINT *************************/