/*==================================================
    
    * Atelier de Bois * 2013 *

==================================================*/


/* --------------------------------------------------------------
    Allgemein
-------------------------------------------------------------- */

body {
	font: 15px/26px "Inika", "Lucida Grande", Helvetica, Arial, sans-serif;
	text-shadow:#ddd 0px 1px 0px;
	background: #5d544b;
	color: #393633;
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:none;
}
/* --------------------------------------------------------------
    Layout
-------------------------------------------------------------- */

body {
	background:#4f473f url("../images/bg.jpg") repeat;
}
#header, #container, #footer {
	width:100%;
	margin-top:0;
	margin-bottom:0;
}
#header {
	height:270px;
	background:url("../images/header_bg.jpg") left top repeat-x;
}
#container {
	background:url("../images/body_bg.jpg") left top repeat-y;
	margin:0 50%;
}
#main {
	background:url("../images/body_bg_top.jpg") center top no-repeat;
	padding-bottom:40px;
}
#footer {
	height:150px;
	background:url("../images/footer_bg.jpg") left top repeat-x;
}
#header .inside, #container, #footer .inside {
	width:980px;
	margin-right:auto;
	margin-left:auto;
}
#header .inside {
	background:url("../images/header.jpg") center top no-repeat;
	height:270px;
	z-index:99999999999;
}
.left {
	float:left;
}
.clear {
	clear:both;
}
/* --------------------------------------------------------------
    Typographie
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-family: "Inika", "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #58101C;
	position: relative;
	margin-bottom: 14px;
	line-height: 1;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight:inherit;
}
h1 {
	margin-top:50px;
	font-size:30px;
}
#startseite h1 {
	margin-top:10px;
}
h2 {
	font-size:27px;
	margin-top:20px;
}
h3 {
	font-size:24px;
}
h4 {
	font-size:21px;
}
h5 {
	font-size:18px;
}
h6 {
	font-size:15px;
	margin-bottom: 15px
}
.small {
	font-size: 80%;
}
.center {
	text-align: center;
}
.highlight {
	background: #ff6644;
	padding: 0 5px;
	color:  #fff;
}
a, a:visited {
	color: #393633;
	text-decoration:underline;
	-webkit-transition:color .25s ease-in-out;
	-moz-transition:color .25s ease-in-out;
	-o-transition:color .25s ease-in-out;
	transition:color .25s ease-in-out;
}
a:hover {
	color: #58101C;
}
.caption_title_line {
	text-shadow:#000 0px 1px 0px;
}
ul.standard li {
	background: url("../images/li_standard.png") left 6px no-repeat;
	padding: 2px 0px 3px 23px;
}
/* --------------------------------------------------------------
    Navigation
-------------------------------------------------------------- */

/* 
Top-Navigation
--------------
*/

#topnav {
	font: 12px "Lucida Grande", Helvetica, Arial, sans-serif;
	right:6px;
	top:6px;
	position:absolute
}
#topnav form, #topnav ul {
	margin-bottom:0
}
#topnav li {
	float:left;
	padding:12px 9px
}
#topnav, #topnav a {
	text-decoration:none;
	color:#f6f7f9
}
#topnav a {
	text-shadow:black 1px 1px 0px;
}
#topnav a:hover {
	text-decoration:underline
}
#topnav .search {
	padding:9px
}
#topnav input.text {
	width:192px
}
#topnav input.submit {
	top:2px;
	position:relative;
	vertical-align:top
}
input[type="search"] {
	padding:2px;
	border:1px solid #000
}
input[type="search"] {
	width:60%
}
input[type="search"]:focus {
	background-color:#edf4fe;
	border-color:#346599 !important
}
input[type="search"] {
	-webkit-appearance:none
}
/*
Haupt-Navigation
---------------- 
*/
#nav {
	font-size:16px;
	padding-top:227px;
	overflow:visible;
	margin-left:30px;
	margin-right:30px;
	text-shadow:#000 0px 1px 0px;
}
#nav ul.level_1 {
	width:100%;
	height:30px;
}
#nav li {
	float:left;
	line-height:1
}
#nav li.kontakt {
	float:right
}
#nav a, #nav span {
	display:block;
	padding:8px 25px 10px;
	text-decoration:none;
	color:#f6f6f6
}
#nav a:hover, #nav span, #nav a.trail {
	color:#aaa790;
}
#nav li.kontakt a, #nav li.kontakt span {
	border-right:0
}
#nav .level_1 ul {
	width:180px;
	left:-999em;
	position:absolute;
	margin-bottom:0;
	background-color:#431b23;
	border:1px solid #864c4f;
	font-size:15px;
}
#nav .level_2 ul {
	margin:-27px 0 0 160px
}
#nav .level_2 li {
	float:none;
	background:none
}
#nav .level_2 a, #nav .level_2 span {
	padding-top:6px;
	padding-bottom:8px;
	border-right:0
}
#nav .level_2 a.submenu, #nav .level_2 span.submenu {
	background:url("../../files/rounded_boxes/images/hover.gif") right center no-repeat
}
#nav li:hover .level_2, #nav .level_2 li:hover .level_3, #nav .level_3 li:hover .level_4 {
	left:auto
}
/* 
Pagination
---------- 
*/

.pagination {
	font: 12px "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #393633;
	margin:10px 80px 10px;
	padding:20px 10px 0 10px;
	border-top:#5d544b 1px solid;
}
.pagination p {
	width:50%;
	float:left;
	margin-bottom:0;
}
.pagination ul {
	float:right;
	margin-bottom:0;
	margin-left: auto;
}
.pagination li {
	display:inline;
	padding-right:2px;
	padding-left:2px;
}
/* --------------------------------------------------------------
    Body
-------------------------------------------------------------- */

/* 
Allgemeine Definitionen
----------------------- 
*/

.framed img {
	line-height:0;
	padding:10px;
	background-color:#fff;
	border:#7b6b5a 1px solid;
}
.ce_form, .ce_text, .layout_latest, .layout_full, .layout_short, .mod_search {
	padding:0 80px;
}
.ce_text {
	padding-bottom:30px !important;
}
.ce_image.hero {
	margin:0 10px;
	border-bottom:#7b6b5a 1px solid;
	line-height:0;
}
.icon_pdf {
	background: url("../images/icons/icon_16_pdf.png") left center no-repeat;
	padding: 0 25px;
}
.icon_maps {
	background: url("../images/icons/icon_16_marker.png") left center no-repeat;
	padding: 0 25px;
}
.icon_phone {
	background: url("../images/icons/icon_16_telephone.png") left center no-repeat;
	padding: 0 25px;
}
.icon_mobile {
	background: url("../images/icons/icon_16_mobile.png") left center no-repeat;
	padding: 0 25px;
}
.icon_email {
	background: url("../images/icons/icon_16_at-sign.png") left center no-repeat;
	padding: 0 25px;
}
.icon_link {
	background: url("../images/icons/icon_16_link.png") left center no-repeat;
	padding: 0 25px;
}
/* 
Startseite
---------- 
*/

.ce_flexSlider {
	margin:0 10px;
}
div.quote {
	clear:both;
	margin:30px 10px;
	background: #dbd3cc;
	border-top: #5d544b 1px solid;
	border-bottom: #5d544b 1px solid;
	padding: 40px 80px 20px 80px;
	-webkit-transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	-o-transition:all .25s ease-in-out;
	transition:all .25s ease-in-out;
}
div.quote p {
	font-size: 18px;
	line-height: 36px;
	text-align: left;
	-webkit-transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	-o-transition:all .25s ease-in-out;
	transition:all .25s ease-in-out;
}
div.quote .author {
	display: block;
	text-align: right;
	padding-top:15px;
	font-size: 16px;
	text-transform: uppercase;
	color: #666;
	-webkit-transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	-o-transition:all .25s ease-in-out;
	transition:all .25s ease-in-out;
}
div.quote:hover {
	background: #85786b;
	border-top:#2e2925 1px solid;
	border-bottom:#2e2925 1px solid;
}
div.quote:hover p {
	color: #fff;
	text-shadow:#444 0px 1px 0px;
}
div.quote:hover .author {
	color: #333;
	text-shadow:#aaa 0px 1px 0px;
}
/* 
Atelier
------- 
*/

/* 
Portfolio
--------- 
*/

.hero_image {
	margin:0 10px;
}
.hero_text {
	float:left;
	width:500px;
	padding-right:60px;
}
.hero_list {
	padding:80px 80px 40px 0;
}
.hero_gallery {
	clear:both;
}
.ce_gallery {
	margin:0 80px 40px;
	clear:both;
}
.ce_gallery li {
	padding:5px;
}
.ce_table {
	font: 13px "Inika", "Lucida Grande", Helvetica, Arial, sans-serif;
}
.ce_table td.col_0 {
	padding:7px 10px 0 0;
	color:#77716a;
}
.ce_table td.col_1 {
	padding:7px 0 0 0;
}
/* 
Neuigkeiten
----------- 
*/

p.info {
	font: 12px "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #393633;
	padding-left:20px;
	background:url("../images/icons/icon_16_calendar-medium.png") left center no-repeat;
	margin-top:20px;
	margin-left:40px;
	line-height:1;
}
.pdf_link {
	margin-top:30px;
	margin-left:800px;
}
.back {
	font: 12px "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #393633;
	width:820px;
	margin:0 60px;
	padding:5px 15px;
	border:1px solid #ccc;
}
.layout_full .ce_text {
	padding:0 40px;
}
.layout_full .ce_gallery {
	margin:0 40px;
}
.mod_newsreader .ce_text {
	padding:0;
}
/* 
Kurse
----- 
*/

.hero_kurse {
	margin:0 10px;
	height:300px;
	border-bottom:#7b6b5a 1px solid;
	background:url("../images/hero_kurse_bg.jpg") left center repeat;
}
.hero_kurse p {
	font: 20px/30px "Inika", "Lucida Grande", Helvetica, Arial, sans-serif;
	text-align:center;
	color: #fff;
	padding:40px 60px 0 390px;
	text-shadow:#393633 1px 1px 0px;
	font-weight:bold;
}
.hero_kurse p img {
	padding:0;
}
table {
	max-width:100%;
	background-color:transparent;
	border-collapse:collapse;
	border-spacing:0;
}
.table {
	width:100%;
	margin-bottom:20px;
	font-size:90%;
}
.table th, .table td {
	padding:8px;
	line-height:20px;
	text-align:left;
	vertical-align:top;
	border-top:1px solid #85786b;
}
.table th {
	font-weight:bold;
	background: #85786b;
	color:#fff;
	text-shadow:#000 0px 1px 0px;
}
.table th.head_0 {
	width:22%;
}
.table th.head_1 {
	width:48%;
}
.table th.head_2 {
	width:30%;
}
.table td.col_0 {
	font-weight:bold;
}
.table td.col_2 {
	text-align:center;
}
.table thead th {
	vertical-align:bottom;
}
.table caption+thead tr:first-child th, .table caption+thead tr:first-child td, .table colgroup+thead tr:first-child th, .table colgroup+thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td {
	border-top:0;
}
.table tbody+tbody {
	border-top:2px solid #85786b;
}
.table .table {
	background-color:#ffffff;
}
.table-bordered {
	border:1px solid #85786b;
	border-collapse:separate;
 *border-collapse:collapse;
	border-left:0;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
.table-bordered th, .table-bordered td {
	border-left:1px solid #85786b;
}
.table-bordered caption+thead tr:first-child th, .table-bordered caption+tbody tr:first-child th, .table-bordered caption+tbody tr:first-child td, .table-bordered colgroup+thead tr:first-child th, .table-bordered colgroup+tbody tr:first-child th, .table-bordered colgroup+tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td {
	border-top:0;
}
.table-bordered thead:first-child tr:first-child>th:first-child, .table-bordered tbody:first-child tr:first-child>td:first-child, .table-bordered tbody:first-child tr:first-child>th:first-child {
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
}
.table-bordered thead:first-child tr:first-child>th:last-child, .table-bordered tbody:first-child tr:first-child>td:last-child, .table-bordered tbody:first-child tr:first-child>th:last-child {
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
}
.table-bordered thead:last-child tr:last-child>th:first-child, .table-bordered tbody:last-child tr:last-child>td:first-child, .table-bordered tbody:last-child tr:last-child>th:first-child, .table-bordered tfoot:last-child tr:last-child>td:first-child, .table-bordered tfoot:last-child tr:last-child>th:first-child {
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
}
.table-bordered thead:last-child tr:last-child>th:last-child, .table-bordered tbody:last-child tr:last-child>td:last-child, .table-bordered tbody:last-child tr:last-child>th:last-child, .table-bordered tfoot:last-child tr:last-child>td:last-child, .table-bordered tfoot:last-child tr:last-child>th:last-child {
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
}
.table-bordered tfoot+tbody:last-child tr:last-child td:first-child {
	-webkit-border-bottom-left-radius:0;
	-moz-border-radius-bottomleft:0;
	border-bottom-left-radius:0;
}
.table-bordered tfoot+tbody:last-child tr:last-child td:last-child {
	-webkit-border-bottom-right-radius:0;
	-moz-border-radius-bottomright:0;
	border-bottom-right-radius:0;
}
.table-bordered caption+thead tr:first-child th:first-child, .table-bordered caption+tbody tr:first-child td:first-child, .table-bordered colgroup+thead tr:first-child th:first-child, .table-bordered colgroup+tbody tr:first-child td:first-child {
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
}
.table-bordered caption+thead tr:first-child th:last-child, .table-bordered caption+tbody tr:first-child td:last-child, .table-bordered colgroup+thead tr:first-child th:last-child, .table-bordered colgroup+tbody tr:first-child td:last-child {
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
}

.table-striped .odd {
	background-color:#b5afa5;
}
.table-striped .even {
	background-color:#cac2b8;
}
.table-hover tbody tr:hover>td, .table-hover tbody tr:hover>th {
	background-color:#dbd6d0;
}
table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], .row-fluid table th[class*="span"] {
	display:table-cell;
	float:none;
	margin-left:0;
}
/* 
Kontakt
------- 
*/

.hero_kontakt {
	margin:0 10px;
	height:400px;
	border-bottom:#7b6b5a 1px solid;
	background:url("../images/hero_kontakt_bg.jpg") left center repeat;
}
.hero_kontakt p {
	font: 20px/30px "Inika", "Lucida Grande", Helvetica, Arial, sans-serif;
	text-align:center;
	color: #fff;
	padding:40px 60px 0 390px;
	text-shadow:#393633 1px 1px 0px;
	font-weight:bold;
}
.hero_kontakt p img {
	padding:0;
}

.mod_dlh_googlemaps {
	margin:0 10px;
}
label {
	font-weight:bold;
}
.checkbox_container label, .radio_container label {
	font-weight:normal;
}
.tableless label {
	display:block;
	margin-top:1.5em;
	padding-bottom:3px;
}
.tableless .checkbox_container label, .tableless .radio_container label {
	display:inline;
}
input[type="text"], input[type="password"], textarea {
	padding:2px;
	border:1px solid #a29c97;
	color:#444;
	font: 12px "Lucida Grande", Helvetica, Arial, sans-serif;
}
input[type="text"], input[type="password"] {
	width:75%;
}
textarea {
	width:95%;
	height:180px;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	background-color:#fef8f1;
	border-color:#a29c97 !important;
}
select {
	padding:1px;
	border:1px solid #ccc;
	color:#444;
}
.checkbox_container span, .radio_container span {
	display:block;
}
.checkbox_container+br, .radio_container+br {
	display:none;
}
.checkbox_container label, .checkbox_container input {
	vertical-align:middle;
}
.tableless input[type="checkbox"], x:-moz-any-link {
top:-2px;
position:relative;
}
.submit_container {
	margin-top:1em;
	margin-bottom:1em;
}
form table td {
	padding-top:3px;
	padding-bottom:3px;
}
form table td:first-child {
	width:28%;
	padding-top:6px;
	padding-right:18px;
	padding-bottom:0;
	text-align:right;
}
.tableform table {
	width:99%;
	margin-top:1.5em;
	margin-bottom:0;
}
.tableform .formbody, .tableless .formbody {
	width:94%;
	overflow:hidden;
	margin-top:1em;
	margin-bottom:2em;
	padding:0.5em 1.8em 0.5em 1em;
	background-color:#d5d0ca;
}
.tableless .formbody {
	padding-top:0;
}
fieldset {
	margin-top:1em;
	border-top:1px dotted #ddd;
}
legend {
	padding-right:6px;
	background-color:#f9f9f9;
	color:#046292;
}
fieldset table {
	width:60%;
	margin-top:1em !important;
	margin-bottom:1em !important;
}
fieldset table td:first-child {
	width:140px;
	text-align:left;
}
span.mandatory {
	font-weight:bold;
	color:#c00;
}
p.confirm {
	font-size:16px;
	color:#629300;
}
p.error {
	margin-bottom:6px;
	font-size:11px;
	font-weight:bold;
	color:#c00;
}
input[type="text"].error, input[type="password"].error, textarea.error {
	background-color:#ffd;
	border-color:#a29c97 !important;
}
input.captcha {
	width:48px;
	margin-right:6px;
}
span.captcha_text {
	font-weight:normal;
	color:#444;
}
*:first-child+html span.captcha_text {
	top:-3px;
	position:relative;
}
form .service {
	margin-bottom:1.5em;
}
form .service h3 {
	margin-top:1.5em;
}
form .service p {
	text-align:left;
	line-height:1.5;
}
form .service label {
	margin-top:6px;
}
/* 
Suche
----- 
*/

#suche p.context {
	font-size:13px !important;
	padding:0 !important;
}
#suche p.context:before, #suche p.context:after {
	content:" ... ";
}
#suche p.url {
	display:none;
}
#suche span.relevance {
	font-size:12px;
	padding-left:10px;
}
#suche h3 a {
	background:url("../images/icons/icon16_search.png") left center no-repeat;
	font-weight:bold;
	padding-left:30px;
	font-size:18px;
}
#suche .even, #suche .odd {
	background-color:#d5d0ca;
	;
	border:1px solid #d0d0d0;
	margin:20px;
	padding:0 20px 10px 20px;
}
#suche span.highlight {
	font-weight:bold;
	background:#58101C !important;
	text-shadow:#000 0px 1px 0px;
}
#suche h4.help {
	padding-top:20px;
}
#suche input#ctrl_keywords_7.text {
	width:400px;
	margin-right:30px;
}
#suche div.ce_text.helpsearch {
	border-top:1px solid #d0d0d0;
	background:#f9f9f9;
}
#suche div.ce_text.helpsearch ul {
	font-size:13px;
}
/* --------------------------------------------------------------
    Footer
-------------------------------------------------------------- */

#footer {
	color:#d4d0b4;
	text-shadow:#393633 1px 1px 0px;
	position:relative;
}
#footer p {
	font: 12px "Lucida Grande", Helvetica, Arial, sans-serif;
}
#footer .inside {
	width:980px;
}
ul.socialmedia {
	position:absolute;
	top:45px;
	left:80px;
}
ul.socialmedia li {
	display:inline;
	padding-right:5px;
}
#footercopyright {
	position:absolute;
	top:122px;
	left:80px;
	line-height:0;
}
.nach_oben_link {
	position:absolute;
	top:45px;
	right:80px;
	line-height:1;
}