/* remove all paddings and spacings to avoid differences in different browsers */
* {	
	margin:0;
	padding:0;
	border:0;
}
html { 
	text-align:center;
	padding:1em;
}
body {
	background-color:#3E3A35;
	margin:auto;
	width:768px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	color:#EEEEE7;
}

h1 { font-size:2em; }
h1 span { display:none; }
h2 { font-size:1.5em; margin-bottom:15px; color:#ffffff; }
h2.navigation-title { display:none; }
h3 { font-size:1em; margin-bottom:10px; color:rgb(236,160,109); }
h4 { font-size:1em; margin-bottom:.2em; color:#333; }

#main {
	border:1px solid; 
	color:#EEEEE7;
}

#friends {
	font-size:.8em;
	text-align:center;
	margin:1em 0;
}

#friends a:link {
	color:#999999;
	text-decoration:none;
}

#friends a:visited {
	color:#B4B4B4;
	text-decoration:none;
}

#subheader { height:64px; background-image:url(../images/stripestuck.png); }
#subheader a { display:block; height:64px; text-decoration:none; color:#000; }
#subheader a span {  display:block; width:100%; height:100%; text-align:right; line-height:64px; 
font-size:20px; }
#subheader2 a span {  display:block; width:100%; height:100%; text-align:right; line-height:64px; font-size:20px; }

#inner-body {
	padding:10px 10px 10px 25px;
	background-image:url(../images/house.png);
	background-position:right bottom;
	background-repeat:no-repeat;
}

#welcome #inner-body {
	background-image:url(../images/leuchter_ismail.png);
	background-position:right top;
}

#header h1.alex { height:133px; background-image:url(../images/visual_ismail.png); }
#header h1.alex a { height:100%; display:block; }
#header h1.rosalux { height:133px; background-image:url(../images/visual_ismail.png); }
#header h1.rosalux a { height:100%; display:block; }
#header div.huge { height:265px; background-image:url(../images/headerstairs.png);	}
#header div.huge h1 { height:100%; background-image:url(../images/headline.gif); 
background-position:right; background-repeat:no-repeat; }
#header div.huge h1 a {	height:100%; display:block; }

/**
 * navigation
 */
#navigation { list-style:none; padding:0 0 10px 0; margin-bottom:35px; }
#navigation li { font-weight:bold; float:left; margin:0; }
#navigation a { padding:0 15px; border-left:4px solid #ccc; text-decoration:none; }
#navigation a.first { border:0; padding-left:0; }
#navigation a.last { padding-right:0; }
#navigation a:link,
#navigation a:visited { color:#B4B4B4; border-color:#B4B4B4; } 
#navigation a:hover,
#navigation a:active,
#navigation a:focus { color:#ffffff; border-color:#ffffff; }

/**
 * content area
 */
#content {
	clear:both;
	float:none;
	padding-left:2em;
	padding-right:1em;
}

ul { margin-bottom:1.5em; }
ul li {	margin-left:1.5em; }

#inner-content { padding-left:25px; }

/* apartments */
#apartments #outer-content { float:left; margin-right:12px; width:12em; }
#apartments #outer-content strong { font-weight:normal; color:#000; }
#apartments .sub-navigation { list-style:none; }
#apartments .sub-navigation li { margin-left:0; }
#apartments #inner-content { width:40em; padding-left:0; float:left; }
#apartments .gallery { margin-left:12px; margin-bottom:12px; float:right; text-align:center; width:262px; }
#apartments .gallery img { border:4px solid #B4B4B4; }


/* footer */
#footer { clear:both; float:none; text-align:center; font-size:.8em; margin:1em 0; }
#footer a:link { color:#B4B4B4; }

strong { color:#ffffff; }
p { margin-bottom:7px; }

/**
 * Global Table Layout
 */
table {	width:80%; background-color:#fff; font-size:.85em; margin-bottom:1.2em; border-spacing:0; border-collapse:collapse; }
table th { font-weight:normal; background-color:#eee; }
table th.apartment { background-color:#ddd;	border:1px solid #bbb; }
table th.apartment a { font-size:1.2em;	font-weight:bold; }
table td { color:#000; }
table tbody tr td { width:16%; }
table td, 
table th { border:1px solid #bbb; padding:.5em 1em; }
table td.special-decoration { border-width:0 0 1px 0; }
table thead th { text-align:center; }
table tbody td { text-align:right; }
table tfoot td { border-width:0; padding-top:12px; }

/* clearing */
p.clear { float:none; clear:both; }
br.clear, 
div.clear { float:none; clear:both; line-height:0; }

/**
 * Global Form Style
 */
form { margin-bottom:1em; width:80%; }
form * { font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; }
form fieldset { border:0; }
form fieldset legend { display:none; }
form label, 
form input, 
form textarea { padding:.15em; font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid #fff; margin-bottom:.8em; background-color:#f6f6f6; font-size:1em; }
form label { float:left; width:9em; padding-right:1em; border:1px solid #3E3A35; background-color:#3E3A35; text-align:right; }
form select { border:1px solid #ccc; margin-bottom:8px; background-color:#f6f6f6; }
form option { padding:0 .6em 0 .1em; }
form input:hover, 
form select:hover, 
form textarea:hover, 
form input:focus, 
form select:focus, 
form textarea:focus { background-color:#B4B4B4; }
form input.submit { font-weight:bold; color:#333; padding:2px 12px; margin:0; }
form .line { float:none; clear:both; border:0; }
form .error * { border:0; color:rgb(153,0,0); }
form .error { margin-left:10em; font-size:1em; float:none; clear:both; padding:0 2px; }
form .error em { font-size:1em; font-style:normal; }

hr { display:none; }

.finish { margin-bottom:20px; }

dl { width:80%; }
dt { background-image:url(../images/arrow_right.png); background-repeat:no-repeat; 
background-position:left 3px; padding-left:24px; font-weight:bold; margin-bottom:4px; }
dd { margin-left:24px; margin-bottom:12px; }

a.secondary:link {color:rgb(236,160,109); }
a.secondary:visited { color:rgb(236,160,109) }
a.decent { text-decoration:none; }
a.active:link { color:#000; text-decoration:none; }
a.active:visited { color:#000; text-decoration:none; }

p.footnote {
	font-size:.9em;
	padding-top:1em;
}