body {
	margin: 0px;
	padding: 0px;
	font-family: Georgia, serif;
	font-size: small;
	line-height: 1.2em;
	font-weight: normal;
	background: url(../images/static/body_bg.gif) repeat-x;
	text-align: center;
}

*html body {
	font-size: x-small; /*for IE5/WIN */
	f\ont-size: small; /*for other IE Versions*/
	}

p {
	margin: 0px;
	padding: 0px;
}
a, a:visited{
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

div#wrapper {
	margin: 0px auto;
	width: 1034px;
	text-align: left;
}

/* header styles */
div#header {
	/*clear:left;
	/*float:left;*/
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	width:100%;
	border: 1px solid black;
	margin-top:10px;
	margin-bottom:12px;
	text-align:center;
	background: white;
}

/* column outer container */
div#outer {
	overflow:hidden;
	margin: 0px;
    margin-top:10px;
	padding: 0px;
	width: 1034px;
	background: url(../images/static/schlange_bg.gif) repeat-y;
	border: 0px;
}
div#inner {
	overflow:hidden;
	margin: 0px;
	padding: 0px;
	width: 899px;
	background: url(../images/static/schlange_bottom.gif) no-repeat;
	background-position: 0% 100%;
	border: 0px;
	float: left;
}
div#add {
	width: 120px;
	height: 600px;
	float: right;
}

div#colspan {
	float: right;
	overflow:hidden;
	margin: 0px;
	padding: 0px;
	width: 765px;
}

/*definieren des linken containers*/
div#left {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 134px; /* = 122px image + 12 spacing */
	border: 0px;
}
div#left .oben {
	margin: 0px;
	padding: 0px;
	width: 100%;
	border: 0px;
	height: 505px;
	background: url(../images/static/schlange_top.gif) no-repeat;
	border: 0px;
	cursor: hand;
}

/*definieren des rechten containers*/
div#right {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 206px; /* = width incl border + innerspacing */
	border: 0px;
}

/*background setzten für Funktionsboxen*/
div.functionbox {
	float: left;
	margin: 0px;
	margin-bottom: 12px;
	padding: 0px;
	width: 100%;
	background: url(../images/static/functionbox_bg.gif) repeat-x;
	background-position: 0px 20px;
	border: 0px;
}
div.functionbox .bottom {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 13px;
	background: url(../images/static/functionbox_206_bottom.gif) no-repeat;
	background-position: bottom;
	border: 0px;
}
div.functionbox a {
	font-weight: normal;
	color: #737373;
	padding-bottom: 3px;
}
div.functionbox .pfeil{
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
	background: url(../images/pfeil7x8.gif) no-repeat;
	background-position: 0% 40%;
}
div.functionbox img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
div.functionbox p {
	font-size: 85%;
	color: #737373;
	padding-bottom: 3px;
}
/*Subnavigation 1 = functionbox*/
div.functionbox ul {
	margin: 0px;
	padding: 0px;
}
div.functionbox li {
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 200px;
	padding-top: 6px;
	padding-bottom: 7px;
	font-weight: normal;
	font-size: 110%;
	border: 0px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #c9c9c9;
	list-style: none;
}
div.functionbox li a{
	color: #737373;
	text-decoration: none;
}
div.functionbox li a:hover {
	color: #ff5c00;
	text-decoration: none;
}
div.functionbox .rahmen{
	border-top: 1px solid #c9c9c9;
	border-bottom: 1px solid #ffffff;
	margin-bottom: 10px;
}
div.functionbox .list{
	margin: 0px;
	margin-left: 10px;
	padding: 0px;
	padding-left: 25px !important;
	background: url(../images/icon_list_small.gif) no-repeat;
	background-position: 0% 60%;
}
div.functionbox .privat{
	margin: 0px;
	margin-left: 19px;
	padding: 0px;
	padding-left: 25px;
	background: url(../images/icon_eigen_small.gif) no-repeat;
	background-position: 0% 60%;
}
div.functionbox .profil{
	margin: 0px;
	margin-left: 19px;
	padding: 0px;
	padding-left: 25px;
	background: url(../images/icon_profil_small.gif) no-repeat;
	background-position: 0% 60%;
}
div.functionbox .logoff{
	margin: 0px;
	margin-left: 19px;
	padding: 0px;
	padding-left: 25px;
	background: url(../images/icon_logoff_small.gif) no-repeat;
	background-position: 0% 60%;
}
div.functionbox .post{
	margin: 0px;
	margin-left: 19px;
	padding: 0px;
	padding-left: 25px;
	background: url(../images/icon_post_small.gif) no-repeat;
	background-position: 0% 60%;
}
div.functionbox .wish{
	margin: 0px;
	margin-left: 19px;
	padding: 0px;
	padding-left: 25px;
	background: url(../images/icon_wish_small.gif) no-repeat;
	background-position: 0% 60%;
}
div.functionbox .bib{
	margin: 0px;
	margin-left: 19px;
	padding: 0px;
	padding-left: 25px;
	background: url(../images/icon_bib_small.gif) no-repeat;
	background-position: 0% 60%;
}
div.functionbox .tausch{
	margin: 0px;
	margin-left: 19px;
	padding: 0px;
	padding-left: 25px;
	background: url(../images/icon_tausch_small.gif) no-repeat;
	background-position: 0% 60%;
}
div.functionbox .verkauf{
	margin: 0px;
	margin-left: 19px;
	padding: 0px;
	padding-left: 25px;
	background: url(../images/icon_verkauf_small.gif) no-repeat;
	background-position: 0% 60%;
}
div.functionbox .freund{
	margin: 0px;
	margin-left: 19px;
	padding: 0px;
	padding-left: 25px;
	background: url(../images/icon_freund_small.gif) no-repeat;
	background-position: 0% 60%;
}
div.functionbox .subitem{
	margin: 0px;
	margin-left: 19px;
	padding: 0px;
	padding-left: 25px;
}
div.functionbox .news {
	float: left;
	margin: 0px;
	padding: 0px;
	padding-left: 3px;
	padding-top: 10px;
	width: 100%;
	background: url(../images/static/box_206_border.gif) repeat-y;
	background-position: left top;
	border: 0px;
}

div.functionbox .news .rahmen p {
    padding-left: 10px;
    padding-right: 10px;
}
* html div.functionbox .news {
	width: 203px;
}

/*background setzten für Nicht-Funktionsboxen*/
div.nonfunctionbox {
	float: left;
	margin: 0px;
	margin-bottom: 12px;
	padding: 0px;
	width: 100%;
	background: #ffffff;
	border: 0px;
}
div.nonfunctionbox .bottom {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 13px;
	background: url(../images/static/box_206_bottom.gif) no-repeat;
	background-position: 100% 100%;
	border: 0px;
}
div.nonfunctionbox p {
	font-size: 85%;
	color: #737373;
	padding-bottom: 3px;
}

/*background setzten für Centerboxen*/
div.centerbox {
	float: left;
	margin: 0px;
	margin-bottom: 12px;
	padding: 0px;
	width: 100%;
	background: url(../images/static/centerbox_bg.gif) repeat-x;
	background-position: 0px 20px;
	border: 0px;
}
div.centerbox .bottom {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 13px;
	background: url(../images/static/box_547_bottom.gif) no-repeat;
	background-position: 100% 100%;
	border: 0px;
}
div.centerbox a {
	font-weight: normal;
	color: #ff5c00;
}
div.centerbox p, div.centerbox ul {
	font-size: 85%;
	color: #011e46;
	padding-bottom: 3px;
}


/*background setzten für die Startbox, wird nur auf der Startseite verwendet*/
div.startbox {
	float: left;
	margin: 0px;
	margin-bottom: 12px;
	padding: 0px;
	width: 100%;
	background: #ffffff url(../images/static/startbox_bg.jpg) no-repeat;
	background-position: 80% 100%;
	border: 0px;
}
div.startbox .bottom {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 13px;
	background: url(../images/static/box_547_bottom.gif) no-repeat;
	background-position: 100% 100%;
	border: 0px;
}
.starttxt {
	font-size: 85%;
	color: #073B78;
	padding-bottom: 3px;
    margin-top:10px;
    margin-bottom:10px;
}
div.startbox a {
	font-weight: normal;
	color: #ff5c00;
}
div.starttext{
	width: 320px;
	margin-bottom: 30px;
	text-align: justify;
}
.mail{
	margin: 0px;
	padding: 15px;
	padding-left: 45px;
	background: url(../images/icon_big_mail.gif) no-repeat;
	background-position: 0% 60%;
}
.freunde{
	margin: 0px;
	padding: 15px;
	margin-top: 10px;
	padding-left: 45px;
	background: url(../images/icon_big_freunde.gif) no-repeat;
	background-position: 0% 0%;
}

/**********************box für den Haupt content*******************/
div.box_middle {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	border: 0px;
}
div.box_middle .top {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 33px;
	background: url(../images/static/box_547_top_blue.gif) no-repeat;
	border: 0px;
}
div.box_middle .top h1{
	margin: 0px;
	margin-left: 19px;
	margin-top: 10px;
	padding: 0px;
	font-size: 100%;
	font-weight: bold;
	color: #ffffff;
}
div.box_middle .content {
	float: left;
	margin: 0px;
	padding: 0px;
	padding-left: 19px;
	padding-right: 19px;
	padding-top: 10px;
	width: 509px;
	background: url(../images/static/box_547_border.gif) repeat-y;
	border: 0px;
}
* html div.box_middle .content {
	width: 509px;
}

/*rezensionen*/
div.box_rezension {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background: url(../images/static/box_547_border.gif) repeat-y;
	border: 0px;
}
div.box_rezension .top {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 33px;
	background: #ffffff url(../images/static/box_547_top_green.gif) no-repeat;
	border: 0px;
}
div.box_rezension .top h1 {
	margin: 0px;
	margin-left: 19px;
	margin-top: 10px;
	padding: 0px;
	font-size: 100%;
	font-weight: bold;
	color: #ffffff;
}
div.box_rezension .top h1 a {
    color: #ffffff;
    font-weight: bold;
}
div.box_rezension .content {
	float: left;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	border: 0px;
}

div.box_rezension .content p{
	color: #5F5F5F;
}

div.einzel_rez {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 155px;
	padding-left: 19px;
}
div.einzel_rez .cover_rez {
	border: 1px solid #c9c9c9;
	padding: 1px;
	margin-bottom: 8px;
	width: 152px;
}
div.einzel_rez a{
}
div.spacer_left{
	margin: 0px;
	padding: 0px;
	width: 509px;
	padding-left: 19px;
	padding-right: 19px;
}


/*Loginbox*/
div#loginbox {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	border: 0px;
}
div#loginbox .top {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 33px;
	background: url(../images/static/loginbox_top.gif) no-repeat;
	border: 0px;
}
div#loginbox .top h1{
	margin: 0px;
	margin-top: 10px;
	margin-left: 19px;
	padding: 0px;
	font-size: 100%;
	font-weight: bold;
	color: #ffffff;
}
div#loginbox .content {
	float: left;
	margin: 0px;
	padding: 0px;
	padding-left: 19px;
	padding-top: 10px;
	width: 100%;
	background: url(../images/static/box_206_border.gif) repeat-y;
	background-position: left top;
	border: 0px;
}
* html div#loginbox .content {
	width: 187px;
}

div#loginbox .menu {
	float: left;
	margin: 0px;
	padding: 0px;
	padding-left: 3px;
	padding-top: 10px;
	width: 100%;
	background: url(../images/static/box_206_border.gif) repeat-y;
	background-position: left top;
	border: 0px;
}
* html div#loginbox .menu {
	width: 203px;
}

/*Box 206 right*/
div.box_right {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	border: 0px;
}
div.box_right .top {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 33px;
	background: url(../images/static/box_206_top_blue.gif) no-repeat;
	border: 0px;
}
div.box_right .top h1{
	margin: 0px;
	margin-top: 10px;
	margin-left: 19px;
	padding: 0px;
	font-size: 100%;
	font-weight: bold;
	color: #ffffff;
}
div.box_right .content {
	float: left;
	margin: 0px;
	padding: 0px;
	padding-left: 19px;
	padding-top: 10px;
	width: 100%;
	background: url(../images/static/box_206_border.gif) repeat-y;
	background-position: left top;
	border: 0px;
}
* html div.box_right .content {
	width: 187px;
}

/*definieren des mittleren containers*/
div#center {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 547px;
	border: 0px;
}


/* ==================== begin navigation definition ==================== */

div#navigation{
	float: left;
	margin: 0px;
	margin-bottom: 12px;
	padding: 0px;
	height: 48px;
	width: 547px;
	background: url(../images/static/l_nav_bg.gif) repeat-x;
}

div#navigation ul#nav{
	float: left;
	padding: 0px; margin: 0px;
	list-style: none;
}

div#navigation ul#nav li {
	float: left;
	padding: 0px; margin: 0px;
}

div#navigation ul#nav li a { /* definition link ebene 1 */
	padding: 0px; margin: 0px;
	display: block;
	text-align: center;
	height: 42px;
	padding-top: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 90%;
	voice-family:"\"}\""; /*Hack für IE bis 5.5*/
	height: 28px;
}


div#navigation ul#nav li a:hover, div#navigation ul#nav li.active a, div#navigation ul#nav li a.active {
	background: url(../images/static/navigation_bg_li_hover.gif) top;
	color: #FFFFFF;
}
div#navigation ul#nav li a.left{
	text-indent: 10px;
	background-repeat:  no-repeat;
}
div#navigation ul#nav li a.left:hover{
	background: url(../images/static/navigation_left_bg_hover.gif);
	background-repeat:  no-repeat;
}
div#navigation ul#nav li a.active_l{
	background: url(../images/static/navigation_left_bg_hover.gif);
	background-repeat:  no-repeat;
}


div#navigation ul#nav li a.right{
	text-indent: -10px;
	background-repeat:  no-repeat;
	background-position: 100% 0%;
}
div#navigation ul#nav li a.right:hover{
	background: url(../images/static/navigation_right_bg_hover.gif);
	background-repeat:  no-repeat;
	background-position: 100% 0%;
}
div#navigation ul#nav li a.active_r{
	background: url(../images/static/navigation_right_bg_hover.gif);
	background-repeat:  no-repeat;
	background-position: 100% 0%;
}


/* ebene 2 */
div#navigation ul#nav li ul{
	float: left;
	padding: 0px; margin: 0px;
	list-style: none;
	width: 145px; /*gleiche breite wie ul#nav li ul li a inkl rahmen einstellen, damit der umbruch funktioniert */
	position: absolute; /* Ab hier, verschieben des elements und wieder einsetzen bei hover */
	visibility: hidden;
	border-left: 1px solid #A6A6A6;
	border-right: 1px solid #A6A6A6;
	border-bottom: 1px solid #A6A6A6;
}

div#navigation ul#nav li:hover ul, div#navigation ul#nav li.sfhover ul{
	visibility: visible;
}

div#navigation ul#nav li ul li {
	float: left;
	padding: 0px; margin: 0px;
}

div#navigation ul#nav li ul li a { /* definition link ebene 2 */
	padding: 0px; margin: 0px;
	padding-top: 8px;
	padding-left: 15px;
	display: block;
	width: 130px;
	text-align: left;
	height: 31px;
	color: #FFFFFF;
	border: 0px;
	text-decoration: none;
	font-weight: bold;
	font-size: 90%;
	background: #FA7021;
	voice-family:"\"}\""; /*Hack für IE bis 5.5*/
	height: 23px;
}
div#navigation ul#nav li ul li a:hover, div#navigation ul#nav li ul li.active a {
	background: #21B98C;
	color: #FFFFFF;
	border: 0px;
	voice-family:"\"}\""; /*Hack für IE bis 5.5*/
	height: 23px; /* Überschreiben, da Vererbung*/
}

/* ==================== end navigation definition ==================== */


/* Footer styles */
#footer {
	float: left;
	overflow: hidden;
	margin: 0px;
	height: 46px;
	width: 100%;
	border: 0px;
	background-image: url(../images/static/footer_bg.gif);
	background-repeat:  repeat-x;
}
/* ie hack fürn version 7, sonst ist kein Abstand zwischen footer und content*/
*+html div#footer{
	margin-top: 12px;
}
#footer .left{
	height: 46px;
	width: 100%;
	background-image: url(../images/static/footer_left_bg.gif);
	background-repeat:  no-repeat;
	background-position: 0% 0%;
}

#footer .right{
	height: 46px;
	width: 100%;
	background-image: url(../images/static/footer_right_bg.gif);
	background-repeat:  no-repeat;
	background-position: 100% 0%;
}
#footer .right p{
	padding-top: 7px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	font-size: 85%;
	text-align: center;
}
#footer a{
	text-decoration: none;
	font-weight: normal;
	color: #ffffff;
}
#footer a:hover{
	text-decoration: underline;
}