/* -------------------------------------------------------------
{URL} - Stylesheet
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Autor:		i.A. Andreas Wolf
Release:	0.1      
-------------------------------------------------------------	*/

/* -------------------------------------------------------------
Contents
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	01. Default settings
	02. Allgemeine Styles
	-------------------------
	03. Suchformular
	04. Listenrahmen
	05. Listenobjekt
	-------------------------
	06. Interessentenformular
-------------------------------------------------------------	*/

/* -------------------------------------------------------------
01 Default settings
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
			
* { 
	padding: 0;
	margin: 0;
}

@font-face {
	font-family: 'Raleway';
	src: url('https://res.onoffice.de/template/fonts/raleway/raleway-v12-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('https://res.onoffice.de/template/fonts/raleway/raleway-v12-latin-ext_latin-regular.woff') format('woff'), /* Pretty Modern Browsers */
		 url('https://res.onoffice.de/template/fonts/raleway/raleway-v12-latin-ext_latin-regular.ttf')  format('truetype'), /* Safari, Android, iOS */
		 url('https://res.onoffice.de/template/fonts/raleway/raleway-v12-latin-ext_latin-regular.svg') format('svg'); /* Legacy iOS */
  }

body {
	font-family: 'Raleway', 'sans-serif';
	font-size: 17px;
	color: #808080;
	background: #FFF;
}

a, a:visited, a:active {
	color: #808080;
	cursor: pointer;
	text-decoration: none;
}

	a:hover {
		color: #9A1600;
		cursor: pointer;
		text-decoration: none;
	}

	h1.hidden, h2.hidden, h3.hidden, h4.hidden, h5.hidden, h6.hidden {
		height: 1px;
		width: 1px;
		left:-1000000px;
		overflow:hidden;
		position:absolute;
		top:-1000000px;
	}
	
	h1, h2 { font-size: 20px; font-weight: 300; color: #8E1B06; }
	h3, h4, h5, h6 { font-size: 12px; }

p {
	margin: 0 0 1.5em 0;
	line-height: 1.5em;
}

img { border: none; }

	.img-float-left {
		padding: 4px 1.5em 1.5em 0;
		float: left;
		display: inline;
	}
	
	.img-float-right {
		padding: 4px 0 1.5em 1.5em;
		float: right;
		display: inline;
	}

ul li { list-style: none; }

input, select, textarea {
	font-family: 'Raleway', 'sans-serif';
	font-size: 15px;
	color: #808080;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	margin: 0 0 10px;
}

.none-padding { padding: 0 !important; }
.none-border { border: none !important; }
.none-margin { margin: 0 !important; }

.clear { clear: both; }

.center { text-align: center; }

.suchformular {
	display: flex;
}

.half.text {
	flex: 1;
	padding-right: 20px;
}

.half.data {
	flex: 1;
}

.data-wrapper {
	padding: 20px;
	background-color: #f2f2f2;
}

.td_left span {
	font-weight: bolder;
	font-size: 12px;
	text-transform: uppercase;
}

/* -------------------------------------------------------------
02. Allgemeine Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.wrapper {
	width: 100%;
	max-width: 600px;
}
	.wrapper h2 {
		text-align: center;
		padding-bottom: 20px;
		padding-top: 20px;
	}
	
	
/* -------------------------------------------------------------
03. Suchformular
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

		.suchformular table td {
			height: 30px;
		}
		.suchformular select {
			width: 100%;
			padding: 6px;
			border: 1px solid #ccc;
			border-radius: initial;
		}
		.suchformular input[type=text] {
			width: 96%;
			padding: 6px;
			border: 1px solid #ccc;
			border-radius: initial;
		}
		.suchformular input[type=submit] {
			width: 100%;
			background: #9A1600;
			padding: 6px;
			border: none;
			margin-top: 10px;
			font-weight: bold;
			color: #FFF;
			font-family: Verdana, Geneva, sans-serif;
			font-size: 12px;
			text-transform: uppercase;
			text-align: center;
		}
			.suchformular input[type=submit]:hover {
				cursor: pointer;
			}
			.error {
				color: #9A1600;
				font-weight: bold;
			}
			
			
/* -------------------------------------------------------------
04. Listenrahmen
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.listenrahmen {
		width: 100%;
		margin: 30px 0px;
	}
		.listenrahmen_zurueck {
			width: 30%;
			float: left;
			padding: 0px 0px 8px 0px;
		}
			.listenrahmen_zurueck a {
				color: #9A1600;
			}
		.listenrahmen_ergebnisanzahl {
			width: 70%;
			padding: 0px 0px 8px 0px;
			float: right;
			text-align: right;
			color: #9A1600;
			
		}
		.listenrahmen_arrowprev {
			width: 14px;
			height: 24px;
			background: url(../images/prev.jpg) no-repeat #9A1600;
			margin: 0px 4px 0px 0px;
			position: relative;
			float: left;
		}
		.listenrahmen_jumpbox {
			width: 92%;
			height: 24px;
			background-color: #eee;
			float: left;
			position: relative;
		}
			.listenrahmen_jumpbox_first {
				position: absolute;
				top: 3px;
				left: 5px;
			}
			
			.listenrahmen_jumpbox span {
				display: block;
				margin: 3px auto;
				text-align: center;
				width: 100%;
			}
				.listenrahmen_jumpbox span a {
					padding: 0px 3px;
					color: #929292;
					text-decoration: none;
				}
					.listenrahmen_jumpbox span a:hover {
						background-color: #9A1600;
						color: #fff;
						
					}
						a.selected {
							color: #8E1B06 !important;
						}
			
			.listenrahmen_jumpbox_last {
				position: absolute;
				top: 3px;
				right: 5px;
			}
		.listenrahmen_arrownext {
			width: 14px;
			height: 24px;
			background: url(../images/next.jpg) no-repeat #9A1600;
			margin: 0px 0px 0px 4px;
			float: left;
		}
		
		
/* -------------------------------------------------------------
05. Listenobjekt
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.listenobjekt {
	width: 100%;
	float: left;
	margin: 5px 0px 0px 0px;
	font-size: 15px;
}
	.listenobjekt_details {
		width: 95%;
		margin: 25px 0px 5px 18px;
		float: left;
	}
	.listenobjekt_details:hover {
		background-color: #EEE;
	}
	.listenobjekt_details strong {
		font-weight: normal;
		color: #8E1B06;
	}
		.listenobjekt_details h4 {
			margin: 5px;
			letter-spacing: 1.1px;
			color: #929292;
			font-weight: normal;
			border-bottom: 1px solid #DFDFDF;
			padding: 0 0 5px;
		}
		.listenobjekt_details table {
			color: #929292;
			margin: 5px 0 25px 0px;
			line-height: 20px;
			width: 48%;
			float: left;
		}
		.listenobjekt_details table td {
			padding: 0 0 5px 0;
		}
		.regionaler_zusatz {
			float: right;
			width: 48%;
			color: #929292;
			margin: 5px 0px 0px 0px;
			line-height: 22px;
		}
		

/* -------------------------------------------------------------
06. Interessentenformular
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.interessenten {
	width: 730px;
	margin: 0px 85px;
	color: #888;
}
	.interessenten table {
		width: 365px;
		float: left;
	}
		.kontaktdaten .feldname h2 {
			font-size: 13px;
			margin: 0 0px 20px;
			text-align: right;
			width: 171px;
		}
		.objektdaten .feldname h2 {
			font-size: 13px;
			margin: 0 0px 20px;
			padding: 0 0 0 8px;
			text-align: left;
			width: 160px;
		}
		.feldname {
			padding: 0px 10px 0px 0px;
			text-align: right;
			font-size: 12px;
		}
		.interessenten input, .interessenten textarea, .interessenten select {
			height: 16px;
			border: solid 1px #A1A1A1;
		}
		.interessenten ul { margin: 0px 0px 25px 0px; background-color: #EFEFEF; }
		.interessenten ul li { padding: 3px 10px; }
		.kontaktdaten input { width: 166px; }
		.txt_plz { width: 50px !important; }
		.txt_ort { width: 111px !important; }
		.interessenten textarea { width: 166px; height: 60px !important; margin: 4px 0px 0px 0px; }
		.interessenten select { width: 168px; height: 19px; }
		.objektdaten input { width: 61px !important; }
		.objektdaten select, .objektdaten textarea { float: right; }
		.objektdaten textarea { margin: 4px 0px 2px 0px; }
		.objektdaten span { margin: 2px 0px 0px 0px; }
		.objektdaten input[type=submit] {
			width: 106px !important;
			height: 20px;
			background: url(../images/submit-inaktiv.png);
			padding: 2px;
			border: none;
			text-align: left;
			font-weight: bold;
			color: #FFF;
			padding: 0px 0px 0px 15px;
			font-family: Verdana, Geneva, sans-serif;
			font-size: 12px;
			float: right !important;
			margin: 50px 0px 0px 0px !important;
		}

::-webkit-input-placeholder { color:#000; }
::-moz-placeholder { color:#000; } /* firefox 19+ */
:-ms-input-placeholder { color:#000; } /* ie */
input:-moz-placeholder { color:#000; }

@media only screen and (max-width: 719px) {
	.suchformular {
		display: block;
	}
	.suchformular input[type="text"] {
		width: 97%;
	}
}

@media only screen and (max-width: 539px) {
	
	.listenrahmen_zurueck,
	.listenrahmen_ergebnisanzahl,
	.listenrahmen_jumpbox_first,
	.listenrahmen_jumpbox span,
	.listenrahmen_jumpbox_last {
		font-size: 13px;
	}
}

@media only screen and (max-width: 1140px) {
	.wrapper {
		max-width: 720px;
	}
}

@media only screen and (max-width: 940px) {
	.wrapper {
		max-width: 600px;
	}
}

@media only screen and (max-width: 720px) {
	.wrapper {
		max-width: 460px;
	}
}

@media only screen and (max-width: 707px) {
	.wrapper {
		max-width: 100%;
	}
}

@media only screen and (max-width: 449px) {
	
	.listenrahmen_ergebnisanzahl,
	.listenrahmen_zurueck {
		height: 38px;
	}

	.listenrahmen_jumpbox {
		width: 91%;
	}
}

@media only screen and (max-width: 433px) {
	
	.listenobjekt_details table {
		float: none;
		width: 100%;
	}

	.regionaler_zusatz {
		float: none;
		width: 100%
	}
}

@media only screen and (max-width: 399px) {
	
	.listenrahmen_jumpbox {
		width: 90%;
	}
}
@media only screen and (max-width: 359px) {
	
	.listenrahmen_jumpbox {
		width: 86%;
	}
}