/*
Theme Name: Hot-Fit.com
Theme URI: http://www.hot-fit.com/
Author: Tanja Preu&szlig;e
*/

* { margin: 0; padding: 0; }
p { margin-bottom: 1em; }
html { height: 101%; }
body { width:100%; margin:0 auto; padding-top:0px; background:#ffffff; font-family: Verdana, Helvetica, Arial, sans-serif; color:#4D4D4F; }
a { color:#83B43F; text-decoration:none; }
a:hover { color:#C8342A; text-decoration:none; }
.clearing { clear:both; height:0; }
h2 { margin: 0; padding: 0; }

/* Header */
#head { width:960px; margin:0 auto; padding:0 10px 0 10px; } 
#teaser { border-bottom:1px dotted #9B9A9A; padding:8px 0 0 4px; }
#head-bild { background:url(images/header.png); height:113px; }
#head-nav { height:25px; border-top: 1px dotted #9B9A9A; border-bottom: 1px dotted #9B9A9A; }
#head-nav ul { display: block; margin: 0; padding: 0; font-size: 0.9em; line-height: 0.9em; }
#head-nav ul li { float: left; margin: 0; padding-left: 0; list-style-type: none; border-right: 1px dotted #9B9A9A; }
#head-nav ul li a { display:block; width:auto; font-size:0.9em; font-weight:bold; text-decoration:none; color:#9B9A9A; margin: 0; padding: 0.5em 0.7em 0.5em 0.7em; }
#head-nav ul li a:hover { background:#B8D88D; color:#C8342A; text-decoration: none; }
#head-nav ul li.current { background:#83B43F; }
#head-nav ul li.current a { color:#fff; text-decoration: none; }
#head-nav ul li.current a:hover { color:#C8342A; background: transparent; text-decoration: none; }


/* Content */
#hauptbereich { width:960px; margin:0 auto; padding:15px 10px 15px 10px; } 
#beitragsbereich { width:550px; float:left; border:1px dotted #9B9A9A; padding:10px; font-size:12px; }
#beitragsbereich a { color:#83B43F; }
#beitragsbereich a:hover { color:#C8342A;}

.artikel { margin-bottom:20px; }
.artikel h1, .artikel h1 a, .artikel h2 { font-size:16px; margin:0; padding-top:5px; }
.eintrag { text-align:justify; line-height:16px; }
.eintrag a { font-weight:bold; }
.trennlinie { border-bottom:1px dotted #9B9A9A; margin-top:25px; }
.artikel-footer { background:url(images/020.jpg) no-repeat top; text-align:justify; font-size:11px; margin-left:60px; margin-right:60px; padding-top:9px; padding-bottom:9px; }
.schlagworte2 { clear:both; font-size:11px; text-align:left; margin-top:5px; }
.abgelegt { display:block; background:url(images/008.gif) no-repeat left center; margin-top:5px; padding-left:20px; font-size:11px; line-height:15px; }

.seiten-nav { font-size:11px; text-align:center; margin-bottom:10px; }
.ueberschrift { font-size:14px; margin-bottom:12px; text-align:center; }

.similar { text-align:left; font-size: 12px; margin-left: 60px; line-heigt:16px; }
.similar ul { margin: 0; padding: 0 0 24px 24px; }

.suche { color:#4D4D4F; text-align:center; margin-bottom:25px; line-height:50px; }
.suchform input#s { width: 130px; height: 14px; padding: 2px; font-size: 11px; border: 1px solid #9B9A9A; margin-right:10px; }
.suchform input#s:focus { background:#F0F0F0; }
.suchform input#searchsubmit { width:20px; height:20px; border:none; background:url(images/button_quick_find.gif) no-repeat left bottom; cursor:pointer; }


/* Sidebar */
#sidebar { float:right; width:380px; font-size:11px; }
#sb1 { float:left; width:185px; }
#sb2 { float:right; width:185px; }
.widget-head { height:29px; line-height:29px; background-image:url(images/header-widget.jpg); color:#9B9A9A; font-weight:bold; padding: 0 5px 0 40px; font-size:13px; border-top: 1px dotted #9B9A9A; border-left: 1px dotted #9B9A9A; border-right: 1px dotted #9B9A9A; }
.widget-head a { color:#3C6211; text-decoration:underline; }
.widget-head a:hover { color:#C8342A; text-decoration:underline; }
.widget-body { padding:5px 5px 10px 5px; border:1px dotted #9B9A9A; line-height:20px; margin-bottom:10px; }
.widget-body a { color:#3C6211; }
.widget-body a:hover { color:#C8342A; }
.widget-body ul { list-style-type: none; margin:0; padding:0; }
.widget-body ul li { border-bottom:1px dotted #9B9A9A; line-height:20px; }
.widget-body input#s { width: 130px; height: 14px; padding: 2px; font-size: 11px; border: 1px solid #9B9A9A; margin-right:10px; }
.widget-body input#s:focus { background:#F0F0F0; }
.widget-body input#searchsubmit { width:20px; height:20px; border:none; background:url(images/button_quick_find.gif) no-repeat left bottom; cursor:pointer; }
*+html .widget-body form { display:inline; margin:0; padding:0; }
*html .widget-body form { display:inline; margin:0; padding:0; }

.widget-head-gross { height:29px; line-height:29px; background-image:url(images/header-widget-gross.jpg); color:#9B9A9A; font-weight:bold; padding: 0 5px 0 40px; font-size:13px; border-top: 1px dotted #9B9A9A; border-left: 1px dotted #9B9A9A; border-right: 1px dotted #9B9A9A; }
.widget-head-gross a { color:#3C6211; text-decoration:underline; }
.widget-head-gross a:hover { color:#C8342A; text-decoration:underline; }


/* Kommentare */
.respond { font-size:11px; margin:20px 0 0 20px; text-align:left; }
.respond h3 { font-size:14px; margin-bottom:1em;}
.respond p { margin-left:20px; }
.respond input { border: 1px solid #3C6211; }
.respond textarea { border: 1px solid #3C6211; }
.respond input#submit { background: #3C6211; border: 1px solid #cccccc; color:#F1F2F2; padding:3px; }
#submit { cursor: pointer; }

.comments { margin: 0 20px 0 20px; text-align:justify; line-height:16px; }
.comments h3 { font-size:14px; text-align:left; margin-bottom:1em; }
.commentlist { margin:0; padding-left:20px; padding-bottom:20px; }
.commentlist a { font-weight:bold; }


/* Footer */
#foot { width:960px; margin:0 auto; padding:10px 10px 10px; border-top:1px dotted #9B9A9A; }
.foot-text { text-align:center; font-size:11px; padding:5px 10px 10px 0; }
.foot-text a { color:#4D4D4F; }



/* Sonstiges */
img.alignleft, div.alignleft { float:left; margin:0 0.5em 0.5em 0; }
img.alignright, div.alignright { float:right; margin:0 0 0.5em 0.5em; }
img.aligncentered, div.aligncentered { text-align:center; margin:0 auto; }

.ddsg-wrapper { line-height:18px; margin-top:12px; }
.ddsg-wrapper ul { list-style:none; }
.ddsg-wrapper ul li ul { margin-bottom:6px; }
.ddsg-wrapper ul li ul li { list-style-type:disc; margin-left:15px; }

	img.left {
	float: left;
	margin: 5px 5px 0 0;
	padding: 5px;
	border: 1px solid #E6E6E6;
}
