@import url('./structure.css');
@import url('./colorschemes.css');

/**
 * CSS Stile für CAM
 *
 * @author		Florian Ilch <post@florianilch.de>
 * @year		2008
 * @link		http://florianilch.de
 * @package		de_cam
 * @version		0.4
*/

html {
	background:		#f8d8b1 url('../img/backdrop.png') left top repeat-x;
	/*height:	auto;
	min-height:	100%;*/
	overflow-y: scroll;
}

body{
	font: 			normal .75em arial, sans-serif;
	color:			#721b2c;
	/*background:		transparent url('../img/bg_skyline.png') center bottom repeat-x;*/
	/*height:			auto;
	min-height:		100%;*/
}

#fullheightcontainer {
	/*height:	auto;
	min-height:	100%;
	height: 100%;*/
}

#backdrop {
	position:	absolute;
	left:		0;
	bottom:		0;
	height:		200px;
	overflow:	hidden;
	text-align:	center;
}

#backdrop > div {
	text-align:	center;
	height:		200px;
	width:		5000px;

	position:	absolute;
	bottom:		0;
	left:		50%;
	margin-left:-2500px;
	width:		4951px;
	margin-left:-2476px;
}

#backdrop .left {
	width:			2000px;
	height:			200px;
	display:		inline;
	margin-right:	951px;
}

#backdrop .right {
	width:			2000px;
	height:			200px;
	display:		inline;
}

#backdrop .left,
#backdrop .right {
}

#backdrop .spacer {
	/*display:	inline;
	padding:	50px 475px;
	border: 1px solid green;*/
}

#wrapper {
	
}

hr{
	margin: 0px;
	color: white;
	background-color: white;
	height: .42em;
}

/**
 * Headlines
 */ 
h1 a{
	display:	block;
	width:		200px;
	height:		121px;
	text-indent:-9999em;
	background:	#fff2d5 url('../img/signet.png') top left no-repeat;
	float: 		left;	
}

h2{
	font-size:		1.5em;
	text-transform:	uppercase;
	padding-bottom:	.5em;
	color:			#DA7026;
}

h2 em{
	display:		block;
	padding-top:	.3em;
	text-transform:	none;
	font-style:		normal;
	font-weight:	normal;
	/*color:			#721b2c;*/
}
h2 a{ text-decoration: none; }

h3{
	font-size:		1.08em;
	background:		#e2c7b2;
	text-transform:	uppercase;
	padding:		.3em;
	padding:		.3em 1em;
	border-top:		.38em solid white;
}

h4{
	padding:		.3em .3em 0 0;
	font-size:		1em;
}

h4 a{
	text-decoration:	none;
	color:				#721b2c;
}

p, dl{
	padding-bottom:	1.3em;
}

ul, ol{
	list-style-type:	none;
}

a{
	color:				#da7026;
	font-weight: 		bold;
}
a img{cursor: pointer;}

a:hover{
	color:				#721b2c;
}

address{
	font-style:			normal;
	padding-bottom:		1em;
}

fieldset{
	border:				none;
}

legend{
	display:			none;
}

/**
 * Navigation
 */
#navi{
	border-top:			.38em solid white;
	padding-bottom:		85px;
	text-transform:		uppercase;
	font-size:			1.08em
}

#navi li{
	padding-bottom:		.38em;
}

#navi li ul{
	padding-top:		.2em;
}

#navi li span,
#navi li a{
	background-color:	#f8d8b1;
	padding:			.3em .3em .3em 2.69em;
	display:			block;	
	font-weight:		bold;
	color:				#6d202c;
	text-decoration:	none;
	background-repeat: 	no-repeat;
	background-position:.77em center;
	background-image:url('../img/btn/b_profil.png');
}

#navi li a.current{
	background-color:	#F8CC97;
	background-image:	url('../img/btn/b_default_hover.png');
}

#navi li ul li a{
	background:		none;
	font-size:		.85em;
	padding:		.1em .1em .1em 3.18em;
	font-weight:	normal;	
}

#navi li ul li a.current{
	background-color:	#fce6c4;
	background-image:	none;
}


/**
 * Inhalt
 */
#center{
	line-height:	140%;
}

#center ul{
	margin-bottom:	1em;
}

#center ul li{
	background: 	transparent url('../img/li.gif') left .42em no-repeat;
	padding-left:	2em;
}

#center h3{
	font-size:		1em;
	background:		none;
	text-transform:	none;
	padding:		0em;
	border-top:		none;
}

/**
 * News & Marginal
 */
div#left p,
div#right p{
	padding:		1em;
}
 
p.news{
	padding-top:	0;
	padding-bottom: .8em;
}

ul.marginal{
	padding:		1em;
	line-height:	170%;
}

/**
 * Fuss
 */
#fuss li{
	float:			left;
	width:			15em;
	line-height:	25px;
	padding-left:	1em;
}

#fuss li a{
	color:					#fff3d3;
	text-decoration:		none;
	text-transform:			uppercase;
	background-repeat:		no-repeat;
	background-position: 	left center;
	padding-left:			20px;
}

/**
 * Formular
 */
form#simplefrm legend{
	display:		block;
	font-weight:	bold;
	padding-bottom:	1em;
}

form#simplefrm fieldset{
	margin-bottom:	1.5em;
}

form#simplefrm label{
	display:		block;
	margin-bottom:	.3em;
}

form#simplefrm br{
	clear:			left;
}

form#simplefrm div{
	float:			left;
	display:		inline;
	margin-bottom:	.6em;
}

input{
	width:	100%;
}

input,
textarea,
select{
	font-family:	arial, sans-serif;
	font-size:		1em;
	padding:		.1em;
	border:			1px solid #d87323;
	background:		#fff2d5;
}

select{
	padding: 0;
}

input.error,
textarea.error,
select.error{
	border:			2px solid red;
}

#fldanrede{
	width:			5em;
}

#mietnummer input,
#mietnummer select,
#mietnummer label{
	float:			left;
	margin-right:	.5em;	
}

#mietnummer input,
#mietnummer select{
	width:			auto;
}

#btn{
	clear:			both;
	background:		#f8d8b1;
	border:			none;
	width:			16em;
	height:			3em;
	margin-top:		.5em;
	color:			#721b2c;
	font-weight:	bold;
}
#btn:hover{ background: #f8cc97; }

#btnmarg{
	margin: 0 0 1em 1em;
	width:	14.5em;
}

#frmsuche fieldset label{
	font-size:		1.08em;
	background:		#e2c7b2;
	text-transform:	uppercase;
	font-weight:	bold;
	display:		block;
	background:		#e2c7b2;
	padding:		.3em 1em;
}

#frmsuche fieldset label small{
	text-transform:	none;
}

#frmsuche select{
	width:			100%;
	margin-bottom:	1.6em;
}

#frmsuche select option{
	padding:		.2em .6em;
}

#frmsuche .frmbezirk{
	height:			320px;
	width:			240px;
	float:			left;
}

#frmsuche .frmmore{
	float:			right;
	width:			240px;
}

#frmsuche #frmmisc{
	clear:			both;
	margin-bottom:	1em;
}

#frmsuche #frmmisc label,
#frmsuche #frmperpage label{
	float:			left;
	text-transform:	none;
	background:		none;
	font-weight:	normal;
	width:			11em;
	overflow:		hidden;
	padding:		0 0 0 .3em;
}
#frmsuche #frmmisc label.last{
	width:			auto;
}

#frmsuche #frmmisc a{
	display:		block;
	margin:			1em 0;
}

#frmsuche #frmmisc br{
	clear:			both;
}

#frmsuche #frmperpage{
	clear:			both;
}

#frmsuche #frmperpage label{
	padding-top:	.1em;
	padding-left:	0;
}

#frmsuche #frmperpage select option{
	padding:		0;
}

.cam-checkbox{
	display: 		inline;
	float:			left;
}

.cam-checkbox-box   {display: inline; font-size: 16px; line-height: 16px; cursor: pointer; }
.cam-checkbox .mark {display: inline;}

.cam-checkbox img {vertical-align: middle; width: 16px; height: 16px; display: block; }
.cam-checkbox img{ background: transparent url('../img/btn/b_checkbox.png') no-repeat;}

.cam-checkbox img{
	background-position: 0px 0px;
}
.cam-checkbox-hover img{
	background-position: -16px 0px;
}
.cam-checkbox-checked .cam-checkbox img{
	background-position: 0px -16px;
}
.cam-checkbox-checked .cam-checkbox-hover img {
	background-position: -16px -16px;
}

.cam-checkbox-disabled img{
	background-position: 0px -32px;
}
.cam-checkbox-checked .cam-checkbox-disabled img{
	background-position: 0px -48px;
}

#tooltip {
	position: 	absolute;
	z-index: 	3000;
	border: 	1px solid #721b2c;
	background:	#f8d8b1;
	padding: 	.5em;
	font-weight:bold;
	opacity: 	.9;
}

.btninline #btn{
	height:		20px;
	line-height:20px;
	margin-top:	0;
}

#wartres{
	clear:		both;
}

/**
 * Query Result
 */
#qresult{
	margin-top:		1em;
	margin-bottom:	1em;
	width:			100%;
 	clear:			both;
}

#qresult img{
	display:		block;
	width:			80px;
	float:			right;
}

#qresult td,
#qresult th{
	padding:		.3em;
	vertical-align:	top;
	text-align:		left;
}

#qresult th{
	/*height:			1em;*/
	/*line-height:	40%;*/
	padding-bottom:	0;
}

#qresult h3 a{
	color:				#721b2c;
	text-decoration:	none;
}

#frmsortier{
	float:				left;
	width:				250px;
}

#frmsortier select{
	width:				9em;
}

#center ul.pagina{
	float:				right;
}

#center ul.pagina li{
	float:				left;
	display:			inline;
	padding-left:		1em;
	background:			none;
}

#center ul.pagina li a{
	display:			block;
	height:				1.3em;
	width:				1.3em;
	text-align:			center;
	text-decoration:	none;
	border:				1px solid #da7026;
}

body#detail h2{
	margin-bottom:		.5em;
}

.objektdetails{
	font-size: 		1em;
	margin-bottom:	1.3em;
}

.objektdetails caption,
.objektdetails th{
	text-align:			left;
	font-weight:		bold;
}

.objektdetails caption{
	font-size:		1.08em;
	background:		#e2c7b2;
	text-transform:	uppercase;
	padding:		.3em 1em .3em .2em;
}

.objektdetails th,
.objektdetails td{
	background-color:	#fce6c4;
}

.objektdetails th{
	width:				13em;
	padding:			.1em 2em .1em .3em;
	background:			#f8d8b1;
}

.objektdetails td{
	padding:			.1em 1em;
}

.resinfo{
	width:				200px;
	float:				right;
	margin-left:		1.5em;
}

.cleft,
.cright{
	float:				left;
	width:				240px;
}

.cright{
	float:				right;
}

a.lbox{
	display:			block;
	height:				100px;
	width:				100px;
	overflow:			hidden;
	float:				left;
}

p.txtsmall{
	font-size:			.9em;
}

.vorhanden{
	display:			block;
	height:				10px;
	width:				10px;
	background:			transparent url('../img/i/i_haken.gif') left center no-repeat;
	text-indent:		-9999em;
}

#kartelupe{
	float:				left;
	padding-right:		.8em;
}

#qobjekte{
	margin-bottom:		1.3em;
}

#qobjekte li{
	padding:			.5em 1em;		
}

a#btndruck{
	float:				right;
	background:			transparent url('../img/i/i_drucken.gif') left center no-repeat;
	padding-left:		23px;
	padding-bottom:		.2em;
}

/**
 * Klassen und Sonstiges
 */
a.teaseleft img{
	float:			left;
	margin-right:	1.3em;
	margin-bottom:	1.3em;
}

a.teaseright img{
	float:			right;
	margin-left:	1.3em;
	margin-bottom:	1.3em;
}

hr.teaser{
	clear:			both;
	height:			1em;
	color:			#FFF2D5;
	background:		transparent;	
}

#startseite #center p{ padding-bottom: 0; }

ul li.downpdf{
	background:		transparent url('../img/i/i_pdf.gif') left top no-repeat !important;
	padding-left:	25px;
	line-height:	18px;	
}

p.info{
	padding:		1.2em;
	border:			1px solid #d87323;
	margin-bottom:	1em;
}
 
a.refmore{
	font-size:	.92em;
	font-weight:normal;
	color:		#d87323;
}

ol.anavi{
	margin-bottom:	1.5em;
}

a.atop{
	float:			right;
	text-transform:	none;
	font-size:		.9em;
}

a.aklapp{
	background:		transparent url('../img/btn/b_aufklapp.png') 0px 0px no-repeat;
	height:			15px;
	padding-left:	1.3em;
	overflow:		hidden;
}
a.aklappauf{ background-position: 0px -16px; }

dl.slist dt{
	float:	left;
	width:	5em;
}

dl.lreiter dd{
	padding-top:	.8em;
	overflow: 		hidden;
}

dl.lreiter dl dd{
	padding-top:	0em;
	padding-left:	1em;
	padding-right:	10em;
	padding-bottom:	1em;
}

dl.lreiter dt.reiter {
	font-size:		1em;
	padding: 		.3em;
	display:		block;
	font-weight: 	bold;
	background:		#FCE6C4;
	text-transform:	uppercase;
}

dl.partner{
	margin-top:		3em;
	overflow:		hidden;
	border: 		1px solid #fff2d5;
	margin-bottom:	2em;
}

dl.partner dt{
	clear:			both;
	float:			right;
	font-weight: 	bold;
	font-size:		1em;
	width:			282px;
	overflow:		hidden;
}

dl.partner dd img{
	float:			left;
	margin-bottom:	3em;
}

dl.partner dd p{
	padding-top:	.8em;
	overflow:		hidden;
}

#center ul.partner{
	clear:			both;
	overflow:		hidden;	
}

#center ul.partner li{
	padding:		.3em 3em 1em 0;
	background:		none;
	width:			230px;
	float:			left;
}

#center ul.partner li.lf{
	padding-right:	0;
}
	
#center ul.partner li.clr{
	float:			none;
	clear: 			left;
	height:			0px;
	width:			0px;
	padding:		0;
	line-height: 	0%;
	font-size:		1px;
}

#center ul.partner li a{ display: block; }

a.refimp{ text-decoration: none; font-weight: normal; color: #721b2c; }
a.refimp span, a.refimp strong{ font-weight: bold; }
a.refimp span{ color: #da7026; text-decoration: underline; }
a.refimp:hover span{ color: #721b2c;  }

.noprint{ display: none; }

#odw {
	border:	1px solid #6d1f2c;
	overflow:	hidden;
	background:	#e3c8b3;
	margin:		2em 0;
}

#odw a {
	font-weight:		normal;
	color:				#6d1f2c;
	text-decoration:	none;
}

#odw h3 {
	text-transform:	uppercase;
	background:		#6d1f2c;
	text-align:		center;
	color:			#fff2d5;
	padding:		.3em 1em;
	font-weight:	bold;
}

#odw h4 {
	margin-top:	1.2em;
	font-weight:	normal;
	height:		2.2em;
	padding:	0 18px .5em;
	margin-bottom:	1em;
}

#odw .image {
	display:	block;
	width:	140px;
	height:	140px;
	background: #6d1f2c;
	overflow:	hidden;
	float:		left;
	margin-right:	22px;
}

#odw .image img {
	position:	relative;
}

#odw .left {
	width:	148px;
	padding-right: 18px;
	float:		left;
}

#odw .right {
	width:	151px;
	padding-right: 18px;
	float:		left;
}

#container-right > h3:first-child {
	border-top: 0;
}

.imgteaser {
	display:	block;
}