/* RESET */
* { padding: 0; margin: 0; border: 0;}
INPUT, SELECT, TEXTAREA { border: 1px solid #ccc; padding: 3px;font-size: 99%; background: transparent url(bg_input.gif) repeat-x 100%; background-position: top; font-family: "Trebuchet MS", Serif; }
OPTION { padding-left: 0.4em } /* avoid clipping in select-boxes */
HTML   { height: 100%; }
BODY   { font-size: 100.01%; position: relative; } /* always show vertical scrollbar, correct fontsize, reposition on resize */   
TABLE  { border-collapse: collapse; border-spacing: 0; }

/* COMMON SEMANTICS */
ACRONYM, ABBR { font-style: italic; border: none; text-decoration: none; }
STRONG { font-weight: bold; }
EM { font-style: italic; }
TABLE { border-collapse: collapse; }
TH {  text-align: right; }
TH, TD { padding: .5em; vertical-align: top; }
DT { margin-top: .5em; font-weight: bold; }
DD { margin-left: 0; padding-left: 0; margin-bottom: 1em; }
P  { margin: 1em 0; }
UL, OL { margin-left: 1em; padding-left: 1em; }
OL OL, UL UL { margin-top: 1em; }
PRE, CODE { display: block; background-color: white; border: 1px solid #999; padding: 0.5em; margin: 1em 0; color: #666; font: 1.2em monospace; }
BLOCKQUOTE { display: block; border-left: 1px dotted #666; }
H1, H2, H3 { margin: 0.5em 0; }

/* COMMON PAGE ELEMENTS */
#map { border: 1px solid #999; padding: 1px; }
#status-indicator        { }
#content #bread-crumb    { }
#content #bread-crumb LI {}
.topofpage { display: block; clear: both; text-align: right; margin-top: 1em; font-size: .9em; }

/* COMMON LINKS */
A, A:link { color: #7C4818; text-decoration: none; }
A:visited { color: #7C4818; text-decoration: none; }
A:hover   { color: #7C4818; text-decoration: underline; }
A:active  { color: #7C4818; outline: none; } /* remove halo effect in firefox */
A:focus   { outline: none; }
A IMG     { border: none; }

/* GENERAL CLASSES */
.left   { float: left; margin-right: 1em; }
.right  { float: right; margin-left: 1em; }
.center { text-align: center; margin-left: 1em; margin-right: 1em; }
.block  { text-align: justify; }
.small  { font-size: smaller; line-height: 1.3em; }
.large  { font-size: larger; line-height: 1.3em; }
.hide   { display: none; }
.clear  { clear: both; }

HTML { background: white url(bg_body.gif) repeat-x top; }

BODY {
	background: url(bg_bottom.gif) repeat-x bottom;
	font-size: 11px; font-family: "Trebuchet MS", Serif; line-height: 1.5em;
	width: auto !important;
	min-width: 1200px;
	width: 1200px;
	margin: 0 0;
}

/* AREAS / STRUCTURE */
#wrapper     { position: relative; }
#right       { float: right; padding-right: 40px; width: 300px; }
#right_outer { float: right; width: 160px; clear: both; }
#content     { clear: none; padding: 0 0 20px 30px; width: 520px; overflow: auto; } /* 50px distance */
#footer      { height: 210px; padding-top: 100px; clear: both;}
#wrapper, #footer { width: 1100px; margin: 0 auto;  }

/* ADS */
.ad { /* display: none; */ }

/* LOGO*/
#logo { }

/* NAVIGATION */
#navigation { list-style-type: none; width: 870px; height: 35px; background: url(bg_navigation.gif) no-repeat; padding: 0 15px 35px 15px; margin: 0; }
#navigation LI { float: left; background: url(bg_spacer.gif) no-repeat right; }
#navigation A  { display: block; float: left; height: 19px; padding: 8px 15px; font-size: 15px; color: #666; }
#navigation A:HOVER,
#navigation LI.current_page A,
#navigation LI.current_page_parent A
 { text-decoration: none; color: #7C4818; }
 

#toolnav    { list-style-type: none; float: right; padding: 6px 200px 0 0; }
#toolnav LI { float: left; padding-left: 1em; }
#toolnav LI.first A { border: none; }
#toolnav A  { font-size: 12px; font-weight: bold; color: #7C4818; border-left: 1px solid #666; padding-left: 1em; }

/* SOCIAL */
#social DT  { float: left; font-size: 12px; font-weight: bold; padding-right: 1em; color: #7C4818; }
#social DD  { display: inline; float: left; padding: 4px; }
#social IMG { border: 1px solid #CCC; padding: 1px; }

/* ACCOUNT */
#account                { position: absolute; top: 0; right: 230px; list-style-type: none; }
#account LI             { float: left; margin-left: 2em;}
#account #register      { font-size: 14px; font-weight: bold; }
#account #password_lost { font-size: 12px; font-weight: normal; }

/* LOGIN */
#login          { position: absolute; top: 30px; right: 230px; }
#login INPUT    { display: block; float: left; border: none; }
#login P        { clear: left; padding: 3px 0; margin: 0; }
#login LABEL    { display: block; float: left; width: 114px; text-align: right; font-weight: bold; color: #999; padding-right: 6px; }
#login LABEL.remember_me { font-weight: normal; text-align: left; padding-left: 4px; }
#login_username { width: 84px; height: 14px; border: 0px none; padding: 2px 8px; font-size: 10px; background: url(bg_login_user.gif) no-repeat right; }
#login_password { width: 84px; height: 14px; border: 0px none; padding: 2px 8px; font-size: 10px; background: url(bg_login_pass.gif) no-repeat right; }
#login_remember_me { margin-left: 120px !important;  margin-left: 60px; /* IE DoubleMargin */ }
#login .image   { margin-top: 1px; }

/* SUCHE */
#search        { position: absolute; top: 114px; right: 230px; }
#search P      { padding: 0; margin: 0; }
#search .text  { float: left; width: 84px; height: 12px; border: 0px none; padding: 2px 8px; font-size: 10px; background: url(bg_search.gif) no-repeat right; line-height: 10px; }
#search .image { float: left; vertical-align: middle; border: 0px none; font-size: 10px; line-height: 10px; }


/* USER-PROFILE */
.business_user  { background: url(user_suit.png) no-repeat right; }
IMG.profile     { border: 1px solid #CCC; padding: 1px; margin-right: 1em; }

.userprofile_pic {height: 95px;}

.userprofile    { margin-left: 100px; margin-top: -95px; height: 95px; } 
.userprofile H3 { float: left; color: #7C4818; font-size: 14px; width: auto; margin: .2em 0 .5em 0; padding-right: 20px; }
.userprofile DL { clear: left; padding-top: .5em; }
.userprofile DT { clear: left; float: left; color: #777; font-weight: bold; width: 40%; margin: 0 .5em 0 0; line-height: 1em; }
.userprofile DD { color: #7C4818; font-weight: bold; line-height: 1em; }

/* BOXES */
.box { width: 270px; color: #777; background: #F3F1F0 url(bg_box_top.gif) no-repeat top; line-height: 1.2em; margin: 14px 0; }
.box .bottom { display: block; width: 270px; height: 10px; background: #F3F1F0 url(bg_box_bottom.gif) no-repeat bottom; margin: 0; font-size: 0px; }
.box H3      { color: #7C4818; font-size: 14px; font-style: italic; padding: .8em .8em 0 .8em; margin: 0; }
.box H4      { color: #7C4818; font-size: 11px; }
.box P       { margin: 0; padding: 0; font-size: 10px; }
.box P.subtitle { padding: 0 1em; font-size: 11px; font-weight: bold; }
.box UL      { list-style-type: none; }
.box LI      { background: url(bl_content.gif) no-repeat 0 .5em; padding-left: 1em; margin: .5em; }
.box A.more  { display: block; text-align: right; background: url(bl_more_top.gif) no-repeat right; padding-right: 12px; margin-right: 1em; text-decoration: underline; }

/* POST */
.post H1 { float: left; margin: 0; }

.post DL A { text-decoration: underline; }
.post DL { clear: both; font-size: 11px; line-height: 1.2em;  margin: 0; padding: 0; }
.post DT { float: right; color: #777; font-weight: normal; margin: 0; padding: 0; }
.post DD { float: right; color: #7C4818;  margin: 0; padding: 0; padding-left: .5em; }
.post DT.meta       { float: left; }
.post DT.category   { padding-left: 1em; }
.post DT.popularity { float: left; }
.post DD.popularity { float: left; }
.post .popularity, .post .tags { font-weight: normal; }

.post #teaser   { width: 450px; font-weight: bold; padding-left: 22px; background: url(bg_quote_open.gif) no-repeat bottom left; }
.post #teaser P { padding: 11px 22px 11px 11px; background: url(bg_quote_close.gif) no-repeat top right; }

.post .preview     { list-style-type: none; margin: .5em 0; padding: 0; }
.post .preview LI  { float: left; height: 55px; }
.post .preview IMG { padding: 1px; border: 1px solid #DDD; margin-right: 4px; }
.post .preview P   { padding: 0; margin: 0; }
.post LI.location  { float: right; }
.post .location A { display: block; width: 55px; height: 55px; background: url(bt_location.gif) no-repeat; text-indent: -9000px; }
/*.post #map        { display: none; width: 300px; height: 300px; position: absolute; margin-left: -245px; margin-top: -55px; background: white; }*/

.post .layer     { clear: both; float: left; width: 510px; background: #DDD url(bg_layer_top.gif) no-repeat top; margin: 10px 0; }
.post .layer IMG { padding: 0px; }

/* RATING */
.star-rating    { list-style:none; margin: 0px; padding:0px; width: 75px; height: 15px; position: relative; background: url(star_rating.gif) top left repeat-x; float: right; }
.star-rating LI { padding: 0px; margin: 0px; height: 15px; width: 15px;
/*\*/
float: left;
/* */
}
.star-rating LI A { display: block; width: 15px; height: 15px; line-height: 15px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; overflow:hidden; }
.star-rating LI A:HOVER { background: url(star_rating.gif) left center; z-index: 2; left: 0px; border:none; }
.star-rating A.one-star          { left: 0px; }
.star-rating A.one-star:HOVER    { width: 15px; }
.star-rating a.two-stars         { left: 15px; }
.star-rating A.two-stars:HOVER   { width: 30px; }
.star-rating A.three-stars       { left: 30px; }
.star-rating A.three-stars:HOVER { width: 45px; }
.star-rating A.four-stars        { left: 45px; }	
.star-rating A.four-stars:HOVER  { width: 60px; }
.star-rating A.five-stars        { left: 60px; }
.star-rating A.five-stars:HOVER  { width: 75px; }
.star-rating LI.current-rating   { background: url(star_rating.gif) left bottom; position: absolute; left: 0; top: 0; height: 15px; display: block; text-indent: -9000px; z-index: 1; }

/* INDEX */
.index .entry     { clear: both; margin: 2em 0; }
.index .post      { float: right; width: auto; width: 415px; }
.index .entry IMG { float: left; border: 1px solid #CCC; padding: 1px; }
.index .post H2   { margin: .3em 0; }
.index .post P    { margin: 0; padding: 0; font-size: 12px; line-height: 1.2em; }
.index .post DL   { margin-top: .3em; }
.index .post DT   { float: right; color: #777; font-weight: normal; margin: 0; padding: 0;  margin-left: .5em; margin-right: 1em; }
.index .post DD   { float: right; color: #7C4818;  margin: 0; padding: 0; }
.index .post DT.meta       { float: left; padding: 0; margin: 0; }
.index .post DD.popularity { background: url(bl_views.gif) no-repeat; padding-left: 18px; }
.index .post DD.comments   { background: url(bl_comments.gif) no-repeat; padding-left: 18px; }
.index .post DT.more       { margin-right: 0; }

#latest_users .userprofile    { margin-left: 65px; margin-top: -60px; height: 60px; } 
#latest_users .userprofile DT { width: auto; margin-right: 1em; }
#latest_users    { padding: 0; margin: 1em 2em; }
#latest_users LI { clear: both; background: none; margin: 0 0 14px 0; padding: 0 0 10px 0; border-bottom: 1px solid #DDD; }
#latest_users H3 { padding: 0 20px 0 0; margin-top: .2em; padding-top: .3em; }
#latest_users DD { margin-bottom: .4em; }

/* BANNER + BUTTON */
#banner, #button { margin-bottom: 2em; }

/* Content-Styles */
#content { color: #666; }
#content H1 { color: #7C4818; font-size: 18px; font-weight: normal; font-style: italic; } 
#content H2 { color: #7C4818; font-size: 14px; font-weight: bold; font-style: italic; }
#content .more { display: block; text-align: right; background: url(bl_more_down.gif) no-repeat right; padding-right: 12px; text-decoration: underline; }
/*
#content { font-size: 1.2em; min-height: 300px; }
#content P  { margin: 1em 0; }
#content UL { list-style-type: none; margin: 1em; }
#content UL LI { background: url(bl_content.gif) no-repeat 0 .7em; padding-left: 1em; line-height: 1.8em; }
*/

/* INDEX */

.comment {padding: 0 5px 5px 0px; margin: 0px 0px 10px 0px;}
.comment img.profile {float: left;}
.comment p{ margin-left: 60px;}

.image {padding: 0 5px 5px 0px; margin: 0px 0px 10px 0px;}
.image img {float: left; padding: 1px; border: 1px solid #ccc;}
.image p{ margin-left: 95px;}

#footer_ad{ height: 120px; width: 800px;}

ul.catalog {list-style-type: none;}
ul.catalog li {font-size:12px; font-weight:bold; margin-left:-20px; margin-bottom: 10px;}

/* FORMS */
INPUT.image { border: none; padding: 0px; }
INPUT.stdinput {width: 250px;}
INPUT.plz {width: 35px;}
INPUT.city {width: 195px;}

ul.contentlist {list-style-type:none; margin-left:-10px;}

#excerpt{ margin-bottom: 20px; font-weight: bold; }
#contentbody img {margin: 0px 5px 5px 0px; padding: 1px; border: 1px solid #ccc;}

.partner { padding-top: 40px;}
.editpost {	width: 350px;}
.textarea_small {	height: 100px;}
.textarea_large {	height: 150px;}