/* CSS Document */
/* -----------------------------------------------------------------------
CSS Dokument by Kaller & Kaller - http://www.kaller.de
Erstellt: PS - 06.04.09
Farbangaben: 
-body
background: #
typo: 
-menu 
bg:
hover-bg:
active-bg:
typo:
----------------------------------------------------------------------- */
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

body {font-size:75%;color:#707173;background:#aaa;font-family: Calibri, Arial, Tahoma, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;color:#707173;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.45em;margin-bottom:0.75em;}
h3 {font-size:1.2em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#77BEE5; text-decoration: none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;} 
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* Layout */
#container {
	margin: 0;
	margin-top: 15px;
	padding: 15px 15px 15px 0;
	background-color: white;
	width: 960px;
	z-index: 1;
}
#left {
	width: 250px;
	background-color: white;
	float:left;
	z-index: 2;
}

#right {
	width: 652px; /*Breite nur fuer IE6! */
	margin-left: 280px;
	padding: 10px;
	background-color: #dcd9ca;
	z-index: 2;
	}
/*kleiner Hack wegen IE6*/
html>body #right {/*Breite für alle außer IE6!*/
	width: 688px; 
	margin-left: 250px
	
}
/*Allgemeine Klasse für den Content*/
.content {
	background-color: #dcd9ca;
	padding: 10px;
	height: 520px;
	overflow: auto;
	overflow-x:hidden; 
	z-index: 9;
	}
.content p, .content h2 {width: 320px;}
.content p a, .content li a {text-decoration: underline;}
/*Spezielle IDs für Unterseiten*/
#start {
	background-image: url(../images/LuetzowCenter_Startseite.jpg); 
	background-repeat: no-repeat; float: repeat-x;
	border: 10px solid #dcd9ca;
	padding: -10px;
	height: 500px;

 	}
#contentimmo {overflow: hidden;}
/*
################### 
Navigation
################### 
*/
#left ul{
	padding: 0;
	margin: 0 0 0 0;
}
#navcontainer li {
	margin-bottom: 7px;
	padding: 2px 0;
	background-color: #dcd9ca;
	list-style-type: none;
	font-size: 1.7em;
	font-weight: 500;
	color: #111;
	width: 175px;
	color: #8b8b8b;
	}
#navcontainer li a{
		text-decoration: none;
		color: #707173;
		padding-left: 38px;
	}
#navcontainer li.active {
	width: 250px;
	background-color: #dcd9ca;
}
#navcontainer li.active a, #navcontainer li a:hover{
	color: #66bade;
	}

/*
########################
Spezielle Elemente
########################
*/
/* Logo */
#logo {
	margin: 12px 17px 84px 40px;
	}
/* Bottom - Nav */

#secondnav {
	width: 240px;
	/*margin-top: 95*/
	margin-top: 78px;
	padding-left: 38px;
	color: #aaa;
	}
#secondnav a{
	color: #707173;
	text-decoration: none;
	}
#secondnav a:hover {
	text-decoration: underline;
	color: #4EB4E2;
	}
	
/*
gruene und blaue Boxen auf der Startseite -
Die Behaviour-Angabe ist notwendig um die pngs auch im IE6 transparent zu bekommen
*/
.green {background-image: url(../images/bg_green.png); behavior:url(css/iepngfix.htc);} 
.blue {background-image: url(../images/bg_blue.png); behavior:url(css/iepngfix.htc);}
.blue, .green {
	width: 250px;
	height: 70px;
	margin: 0 4px 6px 4px;
	padding: 10px;
	font-weight: bold;
	color: white;
	}
.blue h2, .green h2{
		margin: 0; 
		font-size: 1.5em;
		color: white;
		font-weight: bold;
		}
.blue p, .green p ,  a div.green, a:visited div.green, a div.blue, a:visited div.blue {
	font-size: 1.05em;
	font-weight: normal;
	color: white;
	text-decoration: none;
	}
a:hover .green {
	background-color: #A4C300;
	background-image: none;
	text-decoration: none;
	}
a:hover .blue {
	background-color: #77BEE5;
	background-image: none;
	text-decoration: none;

	}
/* 
Subnavi unter Angebote
*/
ul.naviangebot {
	margin: 0; padding: 0;
	text-algin: center;
	height: 80px;
	}
.naviangebot li{
	list-style-type: none;
	display: inline;
	margin: 0;
	/*margin-right: 10px;*/
	text-align: left;
	}
.naviangebot li a, .naviangebot li a:visited {
	width: 142px; 
	display: block;	float: left;
	margin-right: 10px;
	padding: 4px 0 4px 10px;
	background-color: #A4C300;
	text-decoration: none; 
	color: white; 
	font-size: 1.25em;
	font-weight: bold;
	border: 1px solid #a4c300;
		}
.naviangebot li a:hover {
	color: #A4C300;
	background-color: #dcd9ca;
	border: 1px solid #a4c300;
	}
.naviangebot li a#blue {background-color: #77BEE5; 	border: 1px solid #77BEE5;}
.naviangebot li a:hover#blue {
	color: #77BEE5;
	background-color: #dcd9ca;
	border: 1px solid #77BEE5;
	}
/* Aktiver Menupunkt */
.naviangebot li a.activean {
	color: #A4C300;
	background-color: #dcd9ca;
	border: 0;
	}
.naviangebot li a#blue.activean {
	color: #77BEE5;
	background-color: #dcd9ca;
	border: 0;
	}
/*
#################
Anpassungen Kontakformular
#################
*/
/*Defaults Styling*/
fieldset {
	width: 400px;
	padding:10px; 
	border:1px solid #a4c300;
	}

input, textarea, select{
	font:1em/1.4em Calibri, Arial, Helvetica, sans-serif; 
	padding:1px;
	color: #707173;
	}
select:active, select:focus, select:hover, input:active, input:focus, input:hover, textarea:active, textarea:focus, textarea:hover {
	background-color: #eee;
	color:black;
	}


legend {
	background:#A4C300; 
	color:#fff; 
	font:1.5em/25px Calibri, Arial, Helvetica, sans-serif; 
	padding:0 10px; 
	margin:0; 
	font-weight:bold; 
	}
dl {
	clear:both;
		}
dt, dd {
	font-weight: normal;
	float:left;
	margin: 0; padding: 0; 
	}
label {
	font-weight: normal;
	display: block;
	margin: 8px 0 0 0;
}
label.opt {font-weight:normal;}
dd {
	width: 400px;
	border: 0px solid green; float:left;  line-height:25px;}
select {width: 100px;}
textarea, input {width: 380px;}
input {height: 18px;}
input#submit, input:hover#submit, input:active#submit, input:focus#submit {width: 100px;border: 1px solid #bbb; line-height: 1.1em; height: 24px; color: #77BEE5; text-decoration: underline; background-color: #dcd9ca;}

.kontakterror, .kontaktsucces{width: 380px; color: white; font-size: 1.1em; font-weight: normal; padding: 10px;}
.kontakterror{border: 1px solid #FA6464; background-color: #FA6464; }
.kontaktsucces{border: 1px solid #A4C300; background-color: #faffdf; color: black;}

/*
#################
Anweisungen fuer Lageplaene
#################
*/
ul.tabNav {
	width: 670px; height: 33px; margin: 0; padding: 0; text-align: center;
	}
ul.tabNav li {
	list-style: none; display: inline; float: left;
	}
ul.tabNav li a, ul.tabnav li a:visited, ul.tabNav li.current a, ul.tabnav li.current a:visited{
	width: 320px; height: 33px; padding-left: 10px;	display: block;	background-color: #A4C300; color: white; text-decoration: none; font-size: 1.25em; line-height: 35px;	font-weight: bold; text-align: left; 
	}
ul.tabNav li.current a, ul.tabNav li a:hover{
	background-color: #77BEE5;
	}
	
div.tabContainer {
	clear: both; float: left; width: 670px;
	}
div.tabContainer div.tab {
	display: none; border: 8px solid #77BEE5;  height: 473px;
	}
div.tabContainer div.current {
	display: block; border: 8px solid #77BEE5; overflow: hidden; height: 473px;
	}
div.tab p:last-child {
	margin-bottom: 0;
	}
/*
##################
jscroll.css
##################
*/

.jqGSContainer{width: 500px; height: 400px; margin: 0 auto; padding: 0;}
.jqGSContainer .jqGSImgContainer {}
.jqGSContainer .jqGSImgContainer ul { height: 300px;}
.jqGSContainer .jqGSImgContainer ul li {list-style-type: none; float: left; height: 300px;}
.jqGSContainer .jqGSImgContainer ul li .jqGSLoader { height: 300px;}
.jqGSContainer .jqGSImgContainer ul li img {}
/*Title-Tag-Feld unsichtbar*/
.jqGSContainer .jqGSImgContainer ul li .jqGSTitle{display: none; visibility:hidden; background:#000;padding:3px;color:#fff;width:300px}

.jqGSContainer .jqGSPagination {width: 500px; margin: 0; padding: 0;}
.jqGSContainer .jqGSPagination ul {text-align: right;}
.jqGSContainer .jqGSPagination ul li {list-style-type: none; float: left;}
.jqGSContainer .jqGSPagination ul li a {background-color: #77BEE5; color: white; border: 1px solid black; margin-right: 10px; font-size: 1em; line-height:em; width: 20px; height: 20px; padding: 2px 10px; text-decoration: none; }
.jqGSContainer .jqGSPagination ul li a.selected {}
.jqGSContainer .jqGSPagination ul li a:hover {}
.jqGSImgContainer {}

/*
##################
immoscout.css
##################
*/
#immoframe {
background-color: ;
width: 668px;
height: 485px;
overflow: auto;
overflow-x:hidden; 
margin: 0;
border: 0;
background-color: #dcd9ca;
overflow-x: hidden;

}
#expose{
width: 650px;
overflow-x: hidden;
}
#expose img{width: 100px; height: 100px; border:0; float: right; margin: 5px;}