@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Istok+Web|Abel);
@import url(/css/coco.min.css);
@font-face    {
                font-family: 'FontAwesome';
                src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
                src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype');
                font-weight: normal;
                font-style: normal;
              }
* { padding: 0; margin: 0;  }

body, html { font-family: 'Istok Web', sans-serif; color: #666; }

h1 { color: #666; font-family: 'Abel', sans-serif; font-weight: normal; 150%; margin-bottom: 3%; }
h2 { color: #b00; font-family: 'Abel', sans-serif; font-weight: normal; font-size: 120%; margin-bottom: 3%;  }
h3, h3 a { color: #b00; font-family: 'Abel', sans-serif; font-weight: normal; font-size: 130%; text-decoration: none; margin-bottom: 3%;  }

p { margin-bottom: 3%; }
a, a:link, a:visited { color: #b00; text-decoration: none; }
a.none::before, a.none:link::before, a.none:visited::before, a.none:hover::before { content: none; }
hr { clear: both; height: 1px; background: #b52106; border: none; margin: 5% 0; }

ul { margin: 3% 0; }

#header { margin-bottom: 5%; }
#logo { width: 100%; text-align: center; } 
#logo { display: block; }

#navigation { border-top: 2px solid #b00; border-bottom: 1px solid #b00; }
.cbp-hsmenu li { border-bottom: 1px solid #b00; }
.cbp-hsmenu > li > a:not(:only-child)::before { line-height: 0; }

#main { padding: 2% 0; }
#main .page_margins {margin: 0 4%; } 
.col { margin-bottom: 2%; }
iframe.piwik											{ border: none; width: 100%; height: 200px; }

#content ul li::before { font-family: 'FontAwesome'; color: #b00; content: "\f04d"; margin-right: 3%; font-size: 75%; margin-left: -1.6em; }
#content ul { padding: 0; margin-left: 2%; }
#content ul li { list-style: outside none none; margin-left: 1.6em;  }

.index { width: 100%; }
.index img { border: 4px solid #fff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); display: block; width: 96%; margin-bottom: 2%; }
.index br { margin-bottom: 3%; }
.index a { font-size: 120%; }
.index a::before, article p a:before, .legend_link a:before { font-family: 'FontAwesome'; content: '\f0da'; margin-right: 2%;}

.referenzen, .referenzen a { text-align: center; width: 100%; }
.referenzen img { display: block; margin: 0 auto 6%; border: 4px solid #fff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); }
.referenzen:before { clear: both; }

 article img{ display: block; width: 96%; border: 4px solid #fff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); margin: 5% 0; }
.border img { display: block; width: 96%; border: 4px solid #fff!important; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3)!important; margin: 5% 0; }
.article_Bild { display: block; width: 96%; margin: 5% 0; box-shadow:none; border: none; }

.news { margin: 5% 0; }
.news h3 { margin-bottom: 1%; }
.news img { display: block; width: 96%; border: 4px solid #fff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); margin-top:2%; } 
.news p { margin-bottom: 1%!important; }

.legend_date { margin-bottom: 4%; }

/* Einstellungen der News Seiten */
table.tablepager						{ width: 100%; border: none; }
.pager_left											{ width: 33%; text-align: center; }
.pager_middle									{ width: 33%; text-align: center; }
.pager_right										{ width: 33%; text-align: center; }

footer { background: #ddd; border-top: 1px solid #b00; padding: 5% 0; text-align: center; margin-top: 3%; }
footer h3 { color: #666; }
footer .page_margins { margin: 0 4%; }
footer ul li { list-style: none; }



/* Formular */

.kontakt { border-collapse: collapse; margin-bottom: 5%; width: 100%;}
.kontakt td {  width: 50%; vertical-align: top; }

	.formularwrapper {
	width: 100%;
	margin: 0 auto 2.25rem;
	}

.formular {
    width: 100%; 
}

.formular tr {
    height: 2em;
}
.formular td {
    padding-bottom: 1em;
    width: 100%;
		display: block;
}
.formular #name, .formular #telefon {
  
}


.label {
  
}
.form_input {
		font-family: sans-serif;
    background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #bbb;
    color: #4d4946;
    height: 2em;
    width: 97%;
		padding-left: 0.5em;
    font-size: 1em;
}
.input_long {
	font-family: sans-serif;
    background: none repeat scroll 0 0 #FFFFFF;
			border: 1px solid #bbb;
    color: #4d4946;
    height: 2em;
    width:97%;
		padding-left: 0.5em;
    font-size: 1em;
		margin-top: 1.5em;
}
.input_message {
    background: none repeat scroll 0 0 #FFFFFF;
			border: 1px solid #bbb;
    color: #4d4946;
    height: 10em;
    width: 97%;
		padding: 0.5em 0 0 0.5em;
}
textarea {
    font-family: sans-serif;
    font-size: 1em;

}
.versteckt {
    display: none;
}
.absenden {
    width: 100%;
		margin-top: 1em;
}
.absenden div {
    display: inline-block;
		width: 49%;
}
.absenden img {
    border: none;
		vertical-align: bottom;
}

.click { 
		display: block;
		margin-top: 2em;
		width: 100%;}
	
.absendenbutton {
    background: none repeat scroll 0 0 #af1024;
    border: medium none;
    color: #DDDDDD;
    display: block;
    font-family: sans-serif;
    font-size: 1em;
    padding: 0.5em 1em;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
.absendenbutton:disabled	{ background: #efefef; color: #888888; cursor: default; }

.field_captcha {
	font-family: sans-serif;
    background: none repeat scroll 0 0 #FFFFFF;
    color: #4d4946;
    height: 2em;
    width: 80%;
		padding-left: 0.5em;
    font-size: 1em;
			border: 1px solid #bbb;
}
.form_captcha {
    background: none repeat scroll 0 0 #FF0000;
    height: 2em;
		line-height: 2em;
    width: 95%;
		vertical-align: bottom;
}
.field {
    background: none repeat scroll 0 0 #DFDFDF;
    border: medium none;
    height: 2.5em;
    line-height: 2em;
    padding: 0 4px;
    width: 100%;
}
.select {
    background: none repeat scroll 0 0 #DFDFDF;
    border: medium none;
    height: 30px;
    line-height: 30px;
    width: 99%;
}
.field_25 {
    background: none repeat scroll 0 0 #DFDFDF;
    border: medium none;
    float: left;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    padding: 0 4px;
    width: 90px;
}
.field_75 {
    background: none repeat scroll 0 0 #DFDFDF;
    border: medium none;
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 0 4px;
    width: 293px;
}
.field_date {
    background: none repeat scroll 0 0 #DFDFDF;
    border: medium none;
    float: left;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    padding: 0 4px;
    text-align: right;
    width: 36px;
}
.chkbox {
    float: left;
    margin: 8px 10px 0;
}
input#checky { width: 1.5rem; height: 1.5rem; background: #efefef; border: 1px solid #000; }
.captcha {
    border: medium none;
    float: left;
}
.box_meldung {
    float: left;
    padding-left: 208px;
    width: 410px;
}
.meldung {
    border: 3px solid #ffffff;
    color: #b00;
    font-size: 100%;
    font-weight: bold;
    padding: 5px;
    text-align: left;
}