@charset "utf-8";
/* +--------------------------------------------------------+
/* | Screen-Stylesheet for margherita-harrasser-joachim.de  |
/* +--------------------------------------------------------+
/*
/* $Id: style.css, v1.0 2008/05/22 20:00:00 malves Exp $ */

* { margin:0px; padding:0px; }

body {
	border:0px;
	background:#e5e4dd url(../img/body_shade.jpg) center top no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#585855;
	line-height:17px;
}

/********************************************
 ** Browser Workarounds 'n' Default Styles **
 *******************************************/
 
img { border:none; }
.none { display:none; }

#scroller {
	width:15px;
	float:right;
	margin-right:12px;
}
#scroller #up { position:absolute; margin-top:284px; margin-left:10px; top:0px; z-index:2; cursor:pointer; }
#scroller #track { position:absolute; margin-top:301px; top:0px; margin-left:10px; z-index:3; width:2px; }
#scroller #drag { position:absolute; margin-top:301px; top:0px; margin-left:10px; z-index:4; cursor:pointer; }
#scroller #down { position:absolute; margin-top:626px; top:0px; margin-left:10px; z-index:5; cursor:pointer; }

h1 { font-size:12px; }
h2 { font-size:12px; font-weight:bold; }
h2 { font-size:12px; font-weight:bold; }

/********************************************
 **             Layout Styles              **
 *******************************************/

#deko {
	position:absolute;
	left:0px;
	width:100%;
	overflow:visible;
}
#deko_inner {
	margin-left:-488px;
	position:absolute;
	left:50%;
	top:331px;
}

#center {
	position:absolute;
	width:100%;
}

#center_inner {
	width:672px;
	margin:10px auto;
}

#top {
	height:228px;
	background:#fff url('../img/balken_top.gif') center top no-repeat;
}

ul#nav {
	position:absolute;
	margin:202px 0px 0px 203px;
	width:469px;
	height:26px;
}

ul#nav li {
	display:inline;
	margin-right:7px;
}

ul#nav li a {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
ul#nav li a:hover {}

ul#nav li.on a { font-size:17px; }

#content {
	height:433px;
	background-color:#fbfcf3;
}

#contentMaskObj {
	margin:57px 0px 0px 203px;
	position:absolute;
	width:455px;
	height:348px;
	overflow:hidden;
}

#content_inner {
	height:47px;
	width:670px;
	background:url('../img/bg_content.jpg') left top repeat-x;
	top:238px;
	position:absolute;
	margin:0px 1px;
}

#leftie {
	float:left;
	position:absolute;
	width:203px;
	height:433px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background:url('../img/bg_leftie.gif') left bottom no-repeat;
}

#leftie_img {
	margin-top:57px;
}

#leftie_content {
	margin-top:27px;
	padding-left:5px;
	text-align:right;
	width:168px;
}

/*
	margin:57px 0px 0px 203px;
	padding-right:40px;
	position:absolute;
	width:429px; / 469px 
	height:348px;
	overflow:hidden;
*/

#information {
	position:absolute;
	padding-right:30px;
	left:0px;
	top:0px;
	padding-bottom:100px;
}

#footer {
	height:4px;
	background:#fff url('../img/balken_top.gif') center top no-repeat;
}

/********************************************
 **             Content Styles             **
 *******************************************/
 
#information ul {
	margin:5px 0px 0px 14px;
	list-style-image:url(../img/li_bullet.gif);
}

#information ul li {
	margin-top:10px;
}

#information p { margin-top:24px; }

.leftie p { margin-top:15px; }