/* CSS Document für Lg_3056 (generalguisan-aarau.wincasaweb.ch/) */
/* Hier kann das Design04.css überschrieben werden */
 
/*
Schriftgrössen:
body  100.01% Wegen Rundungsfehler

10  0.625em
11  0.6875em
12  0.75em
13  0.8125em
14  0.875em
15  0.9375em
16  1em
17  1.0625em
18  1.125em
19  1.1875em
20  1.25em
21  1.3125em
22  1.375em
23  1.4375em
24  1.5em
25  1.5625em
26  1.625em
27  1.6875em
28  1.75em
29  1.8125em
30  1.875em
*/

* {margin:0;padding:0;}

html,body {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:100.01%;line-height:1em;color:#dedede; background-color:#c4c3c2;}
.navAccesskey {display:none;}
.clearer {clear:both; font-size:0px;line-height:0px; height:0px;background-color:#FFFF00;}

div#headerArea{float:left;width:204px;height:680px; margin-top:-80px;background-image:url(/_img/Lg_3056/_layout/headerBackground.jpg);background-repeat:no-repeat;background-color:#565656;}
#header {display:none;}

h1 {font-size:1em; line-height:1em; font-weight:normal; color:#dedede; margin:0 0 1em 0; padding:0;}
h2 {font-size:0.8125em;font-weight:normal;color:#dedede;}
p {font-size:0.75em; line-height:1.5em;margin:0 0 2em 0;}
a {color:#bbcef0;}
img {border:none;}

div#container {margin:-312px 0 0 -498px;top:50%;left:50%;position:absolute;width:992px;height:680px;background-image:url(/_img/Lg_3056/_layout/container_bg3.png);background-repeat:no-repeat;padding:2px;}

	/** html div#container {background-image:none; background-color:#565656;}*/

#navArea { background-color:transparent;margin-left:204px; height:40px; padding:20px 15px 20px 15px;}
#mainNavig { background-color:transparent;width:758px;}
	#mainNavig ul {margin:0;padding:0;width:758px;list-style:none;}
	* html #mainNavig ul {width:758px;}
	#mainNavig li {float:left; margin:0; padding:0; margin-right:1px; list-style:none;}
	#mainNavig a {float:left;padding:14px 13px 13px; font-size:0.8125em;line-height:1em;color:#000000;text-decoration:none; text-transform:uppercase;background-image:url(/_img/Lg_3056/_layout/nav_bg.gif); background-repeat:repeat-x;}
	#mainNavig a:focus, #mainNavig a:hover {text-decoration:none;background-color:#FFFF66; background-image:url(/_img/Lg_3056/_layout/nav_bg.gif); background-repeat:repeat-x; background-position:0 -40px;}	
	#mainNavig li.aktiv, #mainNavig li.aktivLetzte {}
	#mainNavig .aktiv a, #mainNavig .aktivLetzte a {color:#FFFFFF; background-color:#212d4d; background-image:url(/_img/Lg_3056/_layout/nav_bg.gif); background-repeat:repeat-x; background-position:bottom;}
	#mainNavig .aktiv a:focus, #mainNavig .aktivLetzte a:focus #mainNavig .aktiv a:hover, #mainNavig .aktivLetzte a:hover{color:#000000; background-color:#333333;background-image:url(/_img/Lg_3056/_layout/nav_bg.gif); background-repeat:repeat-x; background-position:0 -40px;}	
	#mainNavig a span {float:none;padding:5px 0px 5px 0;}
	#mainNavig a:focus span, #mainNavig a:hover span,  #mainNavig .aktiv a:focus span, #mainNavig .aktiv a:hover span, #mainNavig .aktivLetzte a:focus span, #mainNavig .aktivLetzte a:hover span {}

div#contentArea {float:left;width:758px;height:507px; padding:20px 15px 0 15px; background-color:transparent;overflow:auto;}
	#contentArea p { text-align:justify;}
	#contentArea p a {color:#bbcef0;}
	#contentArea p a:hover {color:#FFFFFF;}
	#contentArea ul { margin-left:18px;padding:0;}	
	#contentArea li {}
	.contentStart {float:left;width:504px;display:inline;}
	.contentTxt { margin-right:30px;text-align:justify;}
	table {border-collapse:collapse;}
	th {font-size:0.75em; font-weight:normal;text-align:left;padding:3px 3px 3px 0;border-bottom:1px #c4c3c2 solid;}
	td {font-size:0.75em;padding:3px 3px 3px 0;border-bottom:1px #666666 solid;}
	td.right, th.right {text-align:right;padding-right:30px;}
	.alertBox {float:right;width:220px; height:465px; margin:-46px 0 0 15px;padding:15px 0 0 15px;display:inline; color:#bbcef0; background-color:transparent; border-left:1px #c4c3c2 solid;}
	.alertBox h2 {font-size:1em; line-height:1em; font-weight:normal; color:#dedede; margin:0 0 1em 0; padding:0;}
	#contentArea .alertBox p {text-align:left;padding:0;}
	.alertBox label{font-size:0.75em;line-height:1.5em;}
	.alertBox input {width:190px;border:solid 1px #FFFFFF;background-color:#c4c3c2;color:#000000;}
	.alertBox input.radio {width:auto;border:none;}
	.alertBox input.btnSenden {float:left; margin:10px 10px 0 0;width:100px;border:solid 1px #FFFFFF;background-color:#c4c3c2;color:#000000;}
	.vermietet td {color:#999999;}
	.vermietet img {display:none;}
	.vermietet .anzeige {display:none;}
	.listSituation { float:right; width:19px;height:10px;margin-top:5px;line-height:1em;behavior: url(/_scripts/iepngfix.htc);background-image:url(/_img/Design05/_icons/ObjektDropdown.png);background-repeat:no-repeat;}
				
	.galerieTumb {margin-top:20px;}
		.galerieTumb img {float:left; width:246px;margin:0 1px 20px 0;}
	
	.galerieTumb1 {float:left;width:220px;display:inline;margin:20px 20px 0 0;}
	.galerieTumb2 {float:left;width:300px;display:inline;margin:20px 20px 0 0;}
		.galerieTumb1 img, .galerieTumb2 img {margin-bottom:20px;}
	.dekoRight {float:right;width:220px;display:inline;text-align:right;margin-top:20px;margin-left:20px;}
	.dekoRight img {margin:0 0 10px 0;}
	.angebot {border-bottom:1px #c4c3c2 solid; margin-bottom:20px; width:auto;}
	.imgRight { float:right;width:220px;display:inline;margin:10px 20px 10px 30px;}
	.allevermietet { background-image:url(/_img/Lg_3056/_layout/allevermietet_bg.gif); background-repeat:repeat-x; background-color:#a89074; color:#000000; padding:5px; margin-bottom:20px;}
		.allevermietet p { margin:0; font-weight:bold;}

/* Kontaktformular */
#formKontakt {float:left;width:470px;display:inline;margin:20px 0 0 0;}
#formKontakt label{float:left;width:180px;display:inline;text-align:left;margin:0 0 5px 0;line-height:1.5em;font-size:0.8125em;}
#formKontakt input {float:left;width:260px;display:inline;margin-right:10px;border:solid 1px #FFFFFF;background-color:#c4c3c2;color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:0.8125em;}
#formKontakt textarea {float:left;width:260px;display:inline;margin-right:10px;height:100px;border:solid 1px #FFFFFF;background-color:#c4c3c2;color:#000000;font-family:Arial, Helvetica, sans-serif; font-size:0.8125em;}
#formKontakt span {float:left; width:auto;display:inline;padding-right:10px;font-size:0.8125em;}
#formKontakt form br {clear: both;}
#formKontakt input:focus, #formKontakt textarea:focus, #formKontakt select:focus {border:solid 1px #c4c3c2;background-color:#FFFFFF;color:#000000;}
input:focus, textarea:focus, select:focus, #formKontakt select.aktiv, #formKontakt textarea.aktiv, #formKontakt input.aktiv {border:solid 1px #c4c3c2;background-color:#FFFFFF;color:#000000;}
input.mittelaktiv {border:solid 1px #927b5b;background-color:#FFFFFF;color:#000000; width:200px;}
#formKontakt input.btnSenden {float:left;width:100px;display:inline;margin-right:10px;border:solid 1px #FFFFFF;background-color:#c4c3c2;color:#000000;}
#formKontakt input.radio {width:auto; border:none;background-color:transparent;}
.error {border:1px #CC0000 dashed;color:#CC0000;padding:10px;margin:20px 20px 20px 0;font-size:0.8125em;}
.error img {margin-right:10px;}
input.radio {background-color:transparent;}

div#footerArea { position:absolute; bottom:0; margin:0 0 -30px 204px;padding:0; width:788px;}
	.footerNavig {padding:0;text-align:left; margin:15px 0 0 15px;}
	.footerNavig a {color:#bbcef0;font-size:0.6875em;text-decoration:none;padding:0 20px 0 0;}
	.footerNavig a:hover { color:#bbcef0;text-decoration:underline;}
	.footerLogos { float:right; width:280px;}
	.footerLogo01 {float:right;width:auto;display:inline;margin:0 20px 0 0;}
	.footerLogo02 {float:right;width:auto;display:inline;margin:0 20px 0 0;}
	.footerLogo03 {float:right;width:auto;display:inline;margin:0 20px 0 0;}
	.footerLogoWincasa {float:right;width:auto;display:inline;margin:0 20px 0 0;}
	
#solutionFooter {width:788px;margin:0 auto;}
	#solution {width:90px;margin:27px 0 5px 0; float:right; }
	#solution a, #solution a:visited {color:#333333; background-image:url(/_img/Lg_3056/_logos/solution.gif);}
	#solution a:focus, #solution a:hover {text-decoration:none;}
	* html #solution a {width:69px; /* Breitenangaben nur fuer IE */}

/* SpryCollapsiblePanel*/
.CollapsiblePanel {width:auto;}
.CollapsiblePanelTab {border-bottom:1px #c4c3c2 solid;}
	.CollapsiblePanelTab h2 {margin:0.5em 0;}	
	.CollapsiblePanelTabHover, .CollapsiblePanelOpen .CollapsiblePanelTabHover {background-color:#504e4c;}
	.CollapsiblePanelOpen .CollapsiblePanelTab {}
	.CollapsiblePanelFocused .CollapsiblePanelTab {background-color:#504e4c;}
