/* Layout
----------------------------------------------- */

.body 
{
	padding:0px 0px; 
	text-align:center; 
	background-color: #|:bg_color|:;
}


div#container
{
	width:888px;
	margin:0 auto;
	margin-bottom:50px;
	padding-bottom:40px;
	text-align:left;
}


div#oben
{
	width:888px;
	height:110px;
	margin:0;
	padding:0;
	background-repeat:no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://suedobjekt-immobilien.com/s/img/blumen.png');
}


html>body div#oben { background-image:url(http://suedobjekt-immobilien.com/s/img/blumen.png); }


div#unten
{
	width:850px;
	margin:0;
	padding:19px;
	border:1px white solid;
	background-color:#FFF;
}


div#emotion
{
	width:850px;
	margin-bottom:15px;
}


div#content_wrapper 
{
	width:850px;
}


div#content
{
	width:570px;
	float:left;
	color:#333;
}

div#wrapper2
{
	width:250px;
	float:right;
	padding-left:20px;
	border-left:1px #ccc solid;
}


div#jimdobox {	margin:25px 0; }




/* gutter */
div#content 	.gutter { padding:15px; } 
div#navigation	.gutter { padding:15px; }
div#sidebar		.gutter { padding:15px; }



/* Navi
----------------------------------------------- */

ul.mainNav1
{
	margin:15px 0 0 0;
	padding:0;
	text-align: left;
}


ul.mainNav2,
ul.mainNav3
{
	margin:0;
	padding:0;
}


ul.mainNav1 li,
ul.mainNav2 li,
ul.mainNav3 li
{
	display:inline;
	margin:0;	
	padding: 0;
}


ul.mainNav1 li a,
ul.mainNav1 li a:visited,
ul.mainNav2 li a,
ul.mainNav2 li a:visited,
ul.mainNav3 li a,
ul.mainNav3 li a:visited
{
	display:block;
	text-decoration:none;
	border-bottom:1px solid #CCC;	
	color:#333;
}


ul.mainNav2 li a,
ul.mainNav2 li a:link,
ul.mainNav2 li a:visited,
ul.mainNav2 li a:active,
ul.mainNav2 li a.current,
ul.mainNav2 li a:hover
{
	color:#888;
}


ul.mainNav3 li a,
ul.mainNav3 li a:link,
ul.mainNav3 li a:visited,
ul.mainNav3 li a:active,
ul.mainNav3 li a.current,
ul.mainNav3 li a:hover { color:#CCC; }


ul.mainNav1 li a, ul.mainNav1 li a:visited { padding:4px 4px 4px 15px; }
ul.mainNav2 li a, ul.mainNav2 li a:visited { padding:3px 3px 3px 40px; }
ul.mainNav3 li a, ul.mainNav3 li a:visited { padding:3px 3px 3px 65px; }


ul.mainNav1 li a:hover,
ul.mainNav2 li a:hover,
ul.mainNav3 li a:hover
{
	background:#EEE;
	color:#333;
}


div#navigation ul.mainNav1 li a.current,
div#navigation ul.mainNav2 li a.current,
div#navigation ul.mainNav3 li a.current
{ 
	background:#EEE;
	color:#333;
	font-weight:bold;
}


/* Default font style, when no user style is active
------------------------------------------------*/


body, p, table, td
{
	font:normal 11px/140% Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
}

h1
{
	font:bold 14px/140% Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	
}

h2
{
	font:bold 12px/140% Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	
}

/* Blog */

a.trackbackUrl, 
a.trackbackUrl:link,
a.trackbackUrl:visited,
a.trackbackUrl:hover,
a.trackbackUrl:active
{
	background:#EEEEEE none repeat scroll 0% 0%;
	border:1px solid black;
	color:#333333;
	padding:2px;
	text-decoration:none;
}

a:link,
a:visited
{
	text-decoration: underline; /* fix */
	color:#DB2F2C; 
}

a:active, 
a:hover
{
	text-decoration:none; /* fix */
	color: #DB2F2C;
}

div.hr
{
	border-bottom-style:dotted;
	border-bottom-width:1px; /* fix */
	border-color: #CCCCCC;
	height: 1px;
} 

.altcolor,
.altcolor p { color:#000000;}

.altcolor h1 {color:#000000; }
.altcolor h2 {color:#000000; }

.altcolor a:link,
.altcolor a:visited { color:#000000; }

.altcolor a:active, 
.altcolor a:hover { color:#000000; }

.altcolor div.hr {border-color: #000000;}