/* CSS Document ------------------------------------------------------ */

@import url('iconclasses.css');


body {
	font-family: sans-serif;
	/*font-size: 100.00%;*/
	font-weight: 100;
	
	color: rgb(50,50,50);
	
	line-height: 1.450em;
	
	-webkit-text-size-adjust: 100.00%;
	-khtml-text-size-adjust: 100.00%;
	-moz-text-size-adjust: 100.00%;
    -ms-text-size-adjust: 100.00%;
	-o-text-size-adjust: 100.00%;
	text-size-adjust: 100.00%;
	}

	
@font-face {
	font-family: 'Glyphicons Halflings';
	src: url('../css-fonts/glyphicons-halflings-regular.eot');
	src: url('../css-fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
		 url('../css-fonts/glyphicons-halflings-regular.woff') format('woff'),
		 url('../css-fonts/glyphicons-halflings-regular.ttf') format('truetype'),
		 url('../css-fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* CSS Document ------------------------------------------------------ */
@media only screen and (max-width : 600px) { body { font-size: 70.00%; } }

/* CSS Document ------------------------------------------------------ */
@media only screen and (min-width : 601px) and (max-width : 800px) { body { font-size: 80.00%; } }

/* CSS Document ------------------------------------------------------ */
@media only screen and (min-width : 801px) { body { font-size: 90.00%; } }

/* CSS Document ------------------------------------------------------ */
@media only screen and (min-width : 1000px) { body { font-size: 100.00%; } }
	
/* CSS Document ------------------------------------------------------ */
@media only screen and (min-width : 1200px) { /**/ }

/* CSS Document ------------------------------------------------------ */

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	line-height: 1.25em;
	}
	
h1 {
	text-align: right;
	margin-top: 0;
	}
	
h1, h2 {
	color: rgb(100,0,0);
	}
	
h3, h4, h5, h6 {
	color: rgb(100,0,0);
	}
	
h1 { font-size: 2.00em; }
h2 { font-size: 1.80em; }
h3 { font-size: 1.50em; }

h4 { font-size: 1.25em; }
h5 { font-size: 1.25em; }
h6 { font-size: 1.00em; }

/* CSS Document ------------------------------------------------------ */

article,
header.header-content {
	margin: 0 0 1.50em;
	}

a {
	color: rgb(60,130,225);
	color: rgb(0,100,200);
	}
	
article.article-inbox {
	padding: 0.50em 1.50em  1.50em  1.50em;
	border: 1px solid rgb(210,200,180);
	background-color: rgb(250,250,250);
	background-color: rgba(210,200,180,0.250);
	box-shadow: 0 1.00em 2.00em -1.00em rgb(210,200,180);
	}
	
a.button-link {
	/*text-transform: uppercase;*/
	text-decoration: none;
	dispay: inline-block;
	color: rgb(210,200,180);
	padding: 0.50em 1.50em;
	border-radius: 0.50em;
	background-color: rgb(100,40,40);
	}
	
/* CSS Document ------------------------------------------------------ */
	
.content-col-wrap {
	position: relative;
	margin: 0 -1.50em;
	}
	
.content-col {
	float: left;
	padding: 0 1.50em;
	}

.content-col-33 {
	width: 33.33%;
	}

.content-col-40 {
	width: 40.00%;
	}

.content-col-50 {
	width: 50.00%;
	}
	
.content-col-60 {
	width: 60.00%;
	}
	
.content-col-66 {
	width: 66.66%;
	}
	
.content-col-70 {
	width: 70.00%;
	}

/* CSS Document ------------------------------------------------------ */

footer,
footer a {
	color: rgb(100,40,40);
	}

/* CSS Document ------------------------------------------------------ */

.googlemaps {
	padding: 0.50em;
	background-color: rgb(250,250,250);
	background-color: rgba(210,200,180,0.250);
	box-shadow: 0 1.00em 2.00em -1.00em rgb(210,200,180);
	
	margin-bottom: 2.50em;
	}

.googlemaps,
.googlemaps iframe {
	/*border: 1px solid rgb(100,40,40) !important;
	border-color: rgba(100,40,40,0.50) !important;*/
	border: 1px solid rgb(210,200,180) !important;
	}

.googlemaps iframe {
	max-width: 100.00%;
	/*height: auto;
	padding: 0 !important;
	margin: 0.50em !important;
	*/
	margin-bottom: -0.40em;
	box-sizing: border-box;
	}
	
/* CSS Document ------------------------------------------------------ */

span.label_5em,
span.label_7em {
	display: inline-block;
	font-size: 0.80em;
	}

span.label_5em {
	width: 6.00em;
	}
	
span.label_7em {
	width: 8.00em;
	}

/* CSS Document ------------------------------------------------------ */

.image-row {
	position: relative;
	padding: 0.50em 0;
	overflow: hidden;
	}
	
.image-row.image-cols {
	margin: 0 -1.50em;
	}

.image-figure-wrap {
	position: relative;
	}
	
.image-cols .image-figure-wrap {
	float: left;
	}
	
.image-figure {
	margin: 1.50em;
	padding: 0.50em;
	
	background-color: rgb(250,250,250);
	background-color: rgba(210,200,180,0.250);
	box-shadow: 0 1.00em 2.00em -1.00em rgb(210,200,180);
	}
	
.image-figure,
.image-figure img {
	max-width: 100.00%;
	height: auto;
	display: block;
	/*
	border: 1px solid rgb(100,40,40);
	border-color: rgba(100,40,40,0.50);
	*/
	border: 1px solid rgb(210,200,180);
	}
	

.image-cols-2 .image-figure-wrap {
	width: 50.00%;
	}
	
.image-cols-3 .image-figure-wrap {
	width: 33.33%;
	}
	
.image-cols-4 .image-figure-wrap {
	width: 25.00%;
	}
	
.image-cols-5 .image-figure-wrap {
	width: 20.00%;
	}
	
/* CSS Document ------------------------------------------------------ */

form {
	padding: 0 0.50em;
	
	border: 1px solid rgb(210,200,180);
	background-color: rgb(250,250,250);
	background-color: rgba(210,200,180,0.250);
	box-shadow: 0 1.00em 2.00em -1.00em rgb(210,200,180);
	}

form fieldset {
	border: 1px solid rgb(210,200,180);
	background-color: rgb(255,255,255);
	margin: 0.50em 0;
	padding: 0.50em 1.00em;
	}
	
form legend {
	display: none;
	}
	
form input,
form date,
form textarea,
form select {
	font-size: 1.00em;
	font-family: sans-serif;
	border: 1px solid rgb(100,40,40);
	/*background-color: rgb(210,200,180);*/
	background-color: rgb(250,250,250);
	background-color: rgba(210,200,180,0.50);
	
	border: 1px solid rgb(210,200,180);
	background-color: rgb(255,255,255);
	
	margin: 0 0.50em;
	padding: 0.10em 0.250em;
	}
	
form input,
form date,
form textarea {
	width: 20.00em;
	}
	
.form_row {
	position: relative;
	margin: 0.25em 0;
	}
	
form label {
	display: inline-block;
	width: 25.00%;
	}
	
.form_auswahl {
	width: 7.00em;
	}

.form_strasse {	
	width: 16.00em;
	}
	
.form_nr {
	width: 3.00em;
	}
	
.form_plz {
	width: 4.00em;
	}
	
.form_ort {
	width: 15.00em;
	}
	
.form_submit {
	text-transform: uppercase;
	color: rgb(210,200,180);
	padding: 0.50em;
	border-radius: 0.50em;
	background-color: rgb(100,40,40);
	}
	
/* CSS Document ------------------------------------------------------ */

.formerror-wrap {
	position: relative;
	color: rgb(255,255,255);
	color: rgba(255,255,255,0.90);
	
	padding: 1.50em;
	margin: 0 0 1.50em 0;
	border-radius: 1.00em;
	
	border: 1px solid rgb(153,0,0);
	background-color: rgb(153,0,0);
	background-color: rgba(153,0,0,0.90);
	box-shadow: 0 1.00em 2.00em -1.00em rgb(210,200,180);
	}
	
.formerror-wrap:after {
	content: '';
	position: absolute;  
	width: 0;
	height: 0;
	
	text-decoration: none;
	
	bottom: -40px;
	left: 50.00%;
	/*display: none;*/
	margin-left: -20px;
	border-width: 20px;
	border-style: solid;
	border-color: rgb(153,0,0) transparent transparent transparent;
	border-color: rgba(153,0,0,0.90) transparent transparent transparent;
	}
	
.formerror-wrap h5 {
	color: rgb(255,255,255);
	color: rgba(255,255,255,0.90);
	margin: 0.50em 0;
	}
/* CSS Document ------------------------------------------------------ */
/* CSS Document ------------------------------------------------------ */