/*
Theme Name: RESMEDIA
Theme URI:
Description: RESMEDIA THEME
Version: 0.2
Author: Fabian Tempel, netz98 GmbH
Author URI: http://netz98.de/

*/

/******************************/
/*   brought to you by ft     */
/******************************/

/* ======== Basis-Formatierung ============== */
    body { 	font-size: 62.5%; background: #fff	color: #72777B;  }
    * { margin: 0; padding: 0; font-size: 1em; font-weight: normal;	font-family : Verdana, Arial, Helvetica, sans-serif;  }

    a { color: #72777B; outline:none; }
    a:hover { text-decoration: none;}
    a img, img { border: 0 !important;}

    strong, b { font-weight: bold; color:#72777B;}
    em, i { font-style: italic;}

    .skip, .hideme, .print { position: absolute; top: -5000em; left: -5000em; height: 1px;	width: 1px;	}

	.previous a, .next a {color: #007E3A;}
	.bild_in_neue_zeile { clear: both;}
    html body #content img.noborder {border: 0px solid !important; float: none;}
/* ======== clearfix =============== */
	/* ==== http://jassesnee.de/easyclear/ ===== */
	/* ==== http://www.yaml.de/de/dokumentation/grundlagen/allgemeines.html ==== */
	.clearfix:after, .subscribe-to-comments:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.clearfix {display: inline-table;}
	/* Hides from IE-mac \*/
	* html .clearfix, * html .subscribe-to-comments {height: 1%;}
	.clearfix, .subscribe-to-comments {display: block;}
	/* End hide from IE-mac */

/* =================================== */
	#wrapper { position: relative; width: 781px; background: #fff; }

/* ============ Der Kopfbereich ============= */
	#header { position: relative; height: 290px; margin:15px 0 15px 15px; background: #fff url(image/header_s_hbauer.jpg) top left no-repeat; border-bottom: 1px solid #adca56; clear:both; }
	#metanavigation { position: absolute; bottom: 70px; right: 15px; color: #fff; }
	#metanavigation li {list-style-type:none; margin-top:7px; background: transparent url(image/head_bullet.gif) 0 3px no-repeat; padding-left:7px; }
	li#head_contact{ margin-top:20px;}
		#metanavigation a {color:#fff; text-decoration: none; }
		#metanavigation a:hover {color: #fff; text-decoration: underline;}
	.description { position:absolute; top:35px; left: 276px; color:#727b80; font-weight:bold; font-size: 15px;}
	#Map { display: none;}
	#home #homelink { color: #fff; text-decoration: none; }
        #authorlink {position:absolute; bottom:48px; left:7px; }     
        #authorlink a {font-weight:bold; color: #72777b; text-decoration:none; }
	#logo { position: absolute; top: 120px; left: 340px; }
	#logo img { border: 0;}
	#header #homepage { display:block; width: 250px; height:50px; position:absolute: top:0; left:0; }
	
	#mainnav { margin: 0; padding:0; position: absolute; bottom: 2px; left:0; background:#e9e9e9 url(image/mainnav_bg.gif) top left repeat-x; width: 766px; height: 26px; overflow:hidden; }
	#mainnav ul li {float:left; background: transparent url(image/mainnav_bg_alt.gif) top right repeat-x; list-style-type:none; margin: 0px 0px 0 0; padding: 0px 0px 0; display:block; }
	#mainnav ul li a {text-decoration:none; color:#74797c; float:left; height:20px; padding: 6px 20px 0; margin-left:-1px; _margin-left:-1px !important; }
	#mainnav ul li a:hover, #mainnav ul li a:active { background: transparent url(image/mainnav_bg_hover.gif) top left repeat-x; color:#fff; position:relative; _z-index:20; }
	#mainnav ul li.current_page_item a {color:#74797c; text-decoration: underline;}
	#mainnav ul li.current_page_item a:hover {color:#fff;}
	#last_mainnav { background: transparent url(image/mainnav_bg.gif) top left repeat-x !important; display:block; height:26px; margin-left:-1px !important;}
	
/* ============ Randspalte =============== */
	#navigation { float: left; width: 230px; -margin-top: -2px;}
	#sidebar {width: 180px; margin: 0 0 14px 15px; background:#e4e5e7; padding-top:10px; padding-bottom:40px;}
	.sidebox { font-size: 1.1em; background:#e4e5e7; margin: 0 0 14px 0px; }
	.sidebox h3 {padding: 3px 7px 7px 3px; color: #72777b; font-weight: bold; font-size:1.2em; border-bottom: 1px solid #fff; margin: 0 2px 7px 2px;}
	.sidebox ul { list-style-type: none; }
	.sidebox li { padding: 3px 0 3px 20px;}
	.sidebox li a { text-decoration: none; }
	.sidebox li a:hover {text-decoration: underline;}

	.sidebox form {margin:0; padding-top: 3px; height: 25px; border-bottom: 1px solid #fff; background-color: #939b9e;}
	.inputtext { width: 123px; height: 13px; margin: 3px 4px 3px 16px; border:1px solid #72777B;}
	* + html .inputtext { margin-bottom: 1px;}
	* html .inputtext { margin-bottom: 0 !important;}

	.teaserbild {margin: 0 0 14px 0px; width: 180px; border: 1px solid rgb(0,126,58); }
	.teaserbild a, .teaserbild img { display: block;}
	
/* ============ TagCloud =============== */
	.tagcloud a {color:#acca57; text-decoration:none; font-weight:bold; }
	.tagcloud a:hover { color:#fff; background:#acca57; }
	#cloud {padding:0 5px; overflow:hidden;}
	
/* ============ Kategorien =============== */
	#kategorien li { background: url(image/list_bullet_inactive.gif) no-repeat 0px 7px; margin-left:5px; padding-left:7px; color: #72777B;  font-size: 0.9em;}
	#kategorien li a { margin-left: 5px; color: #72777B;}
	li.current-cat {background: url(image/list_bullet_active.gif) no-repeat 0px 7px !important; margin-left:5px; padding-left:7px; color:#ADCA56 !important; font-weight:bold !important;}
	li.current-cat a {color:#ADCA56 !important; font-weight:bold !important;}

/* ============ Suche =============== */
/* IE7 und IE6 Hacks da die Buttons sich nicht an Standards halten */
	.inputtext {margin-top:3px; _margin-top:-19px;}
	 html>body .sendbutton { *margin-top:3px;} /*IE7*/
	 html>body .inputtext { *margin-top:-19px;} /*IE7*/
	.sendbutton {_margin-top: 3px;}

/* ============ letzte Kommentare =============== */
	#recent_comments li { background: url(image/sidebar_comments_bg.gif) no-repeat 5px 3px; padding: 2px 5px 2px 20px; font-size: 0.9em; color:#737a7e;}
	#recent_comments li a {color:#737a7e;}
	
/* ============ letzte Beitr�ge =============== */
	#neue_beitraege li {background: url(image/sidebar_beitraege_bg.gif) no-repeat 5px 3px; padding: 2px 5px 4px 20px; font-size: 0.9em;}
	#neue_beitraege li a {color:#737a7e;}
	
/* ============ RSS-Buttons =============== */
	#rss li {margin:0; padding-left:5px;}
	#rss li a { margin-left: 0px; color:#737a7e; }
	#rss li a img { margin-right: 5px; vertical-align: middle; }

/* ============= Beitr�ge per E-Mail abonnieren ============ */
	#email_abo li { padding-left: 0; color:#737a7e;}
	#email_abo li p { background: url(image/list_bullet_inactive.gif) no-repeat 5px 3px; padding: 0 5px 0 20px;}
	#email_abo form { height: 25px; padding-top: 3px; margin:0;}
	

/* ============ Die Inhaltsspalte =============== */
	#content { float: right; width: 550px;}
	#content img { border: 1px solid #E4E5E7; }
	.bildlinks { float: left; margin: 0 10px 10px 0;}

/* ============ Die Postings =============== */
	.posting { width: 550px; clear: both; }
	.posting div img { border: 1px dashed #E4E5E7 !important; background: #efefef; float: left; margin: 0 10px 10px 0; padding:3px; }

	.post-date { width: 45px; height: 49px; float:left; background: url(images/icon_kalender.gif) no-repeat; }
	.post-month {  text-transform: uppercase; color: #FFFFFF; text-align: center; display:block; line-height: 11px; padding-top: 9px; margin-left: -6px; }
	.post-day { font-size: 1.8em; text-transform: uppercase; color: #999999; text-align: center; display:block; line-height: 18px; padding-top: 3px; margin-left: -6px; }
	.post-title { float: left; width: 550px; margin-bottom: 15px; }
	.post-cat { background: url(image/post_cat_bg.gif) 0 3px no-repeat;	padding-left: 15px; float:left; line-height:1.6; width:250px;	}
	.post-comments { padding-left: 15px; float: right; line-height:1.6;  background: url(image/post_comments_bg.gif) 0 3px no-repeat;}
	.post-cat, .post-cat a, .post-comments a {color: #737a7e;; } /* #52AA50 */
	#content .posting .post-comments img { border: 0 !important; text-decoration: none;}

	.posting h2 { margin-bottom: 5px; font-size: 1.4em; line-height:30px; font-weight: bold; color:#fff; background:#97b14e url(image/post_h2_bg.gif) top left no-repeat; padding-left: 20px;}
	.posting h2 a { text-decoration: none; font-weight:bold; color:#fff;}
	.posting h2 em {margin-right: 25px; font-style:normal;}
	.posting h2.success { border-bottom: 0; margin-top: 20px;}
	.posting p { font-size: 1.1em; margin-bottom: 20px; line-height: 1.5; color:#737a7e; }
	.posting p a {color:#72777B ; text-decoration: underline;}
	.posting p a:hover, .posting h2 a:hover { text-decoration: underline;}
	.posting blockquote { margin-left: 5px; font-style: italic; background: transparent url(image/blockquote.gif) top left no-repeat; padding: 15px 0 0 40px;}
	.posting blockquote p {color:#72777B; font-size:11px; font-family: Georgia, serif !important;}
        .posting h4 {color:#72777B; font-size:13px; font-weight:bold; }
        .posting h1 {color:#ADCA56; font-size:13px; font-weight:bold; background: none; }
	.posting div.clearfix { margin-bottom: 10px;}
	.posting div.clearfix ul { list-style-type: disc; color:#72777B; margin-left:20px; font-size:1.1em;}
	.posting div.clearfix ol { list-style-type: decimal;color:#72777B; margin:10px 0 10px 20px; font-size:1.1em;}
        .posting table { width:550px; border:1px solid #72777B; border-collapse:collapse; color:#72777B !important;}
	.posting ul.articlemetadata {list-style-type: none; padding-bottom: 53px; width: 550px; margin-bottom: 12px; clear: both;}
		.posting ul.articlemetadata li{float: left; display: inline; position:relative; bottom:10px; width: 30%;}
		.posting .articlemetadata img { border: 0 !important; margin-right: 10px;}
		.posting .articlemetadata li, .posting .articlemetadata a { color: #737a7e;;}
		.posting .articlemetadata a:hover { text-decoration: none;}
		.commentcount {background: url(image/post_commentlist_bg.gif) 0 3px no-repeat;	padding-left: 15px; line-height:1.6;}
		.author { text-align: center; line-height:1.6;}
		.permalink { text-align: right; background: url(image/post_permalink_bg.gif) 110px 3px no-repeat; padding-left: 15px; line-height:1.6; margin-left:25px;}

	 .mailkommunikation h2 { margin-bottom: 5px; font-size: 1.4em; font-weight: bold; color: rgb(0,126,53); border-bottom: 1px solid #fff; padding-bottom: 5px; }
	 .mailkommunikation p { font-size: 1.1em; margin-bottom: 20px; line-height: 1.3; }
/* ============ Footer =============== */
	#footer { clear: both; margin-left: 15px; width: 765px; border-top:1px dashed #9da2a4; background: #fff; height: 25px; position: relative;}
	#footer p {background: url(image/footer_print_bg.gif) 0 0px no-repeat; padding-left:8px; margin-top:10px; color: #737a7e;}
	#footer p a { color: #737a7e; text-decoration:none; padding-left:12px; }
	#footer p a:hover, #footer p a:active { text-decoration:underline; } 

/* ============ Kommentarformular =============== */
	#comments { width: 550px;}

	#comments h2 { margin-bottom: 2px; font-size: 1.4em; font-weight: bold; color:#8AA548; }
	#comments h2 a { font-size: 0.8em; color: #8AA548; margin-left: 10px;}
	#comments ul { list-style-type: none; padding-bottom: 35px; }
	#comments li { background: url(image/comment_bg.gif) repeat-x top left; margin-bottom: 10px; padding: 10px;} /* background-color: #c2e499; */

	#comments li.adminkommentar { background: url(image/comment_bg_admin.gif) repeat-x top left; margin-bottom: 10px; padding: 10px;}
	#comments li.adminkommentar p { margin-right: 75px;}

	#comments .editlink a{ color: #737A7E;}
	#comment { margin-bottom: 20px;}

	#comments p.header {  margin-bottom: 5px; color:#737A7E; font-size:1.2em;}
	#comments p.header a {color:#8AA548; font-weight:bold;}
	#comments li p { font-size: 1.1em; line-height: 1.3; color:#737A7E;}

	#head_kommentarformular { margin-top: 10px; border-bottom: 1px solid #adca56;}
	#commentform { background: #f4f4f4 url(image/commentform_bg.gif) top left repeat-x; padding: 10px; color: #72777B; }
	#commentform p {clear: both; font-size: 1.1em; margin-bottom: 10px; color: #72777B;}
	#commentform p a { color: #72777B; }
	#comnmentform p em { color:#72777B; }
		#commentform input { border: 1px solid #72777B; width: 250px; height: 16px;}
	#commentform textarea {border: 1px solid #72777B; width: 400px;}
	#commentform label { width: 120px; margin-right: 10px; float: left; display: inline;}

	p#absenden input.button { width: 100px; height: 20px; background: #8AA548 url(image/button_submit_bg.gif) top left repeat-x; color: #fff; font-size: 1.2em; line-height: 20px; margin: 0; padding: 0; border:none; font-weight:bold;}
	p#erlaeuterung, #trackback_rss {background-color: #f4f4f4; color: #72777B;  padding: 10px;} /* color:  rgb(0,126,58); */

	#trackback_rss { margin-bottom:20px; }
	#trackback_rss a {text-decoration: none; color:#72777B; }
	#trackback_rss a:hover {text-decoration: underline; }

	#kommentarfeld label, #kommentarfeld textarea { display: block; margin: 5px 0; float: none;}
	#absenden { text-align: left; width: 400px;} /* Breite der Textarea */

    input#subscribe {float: left; margin-right: 5px; border:none;}
	.subscribe-to-comments label { width: auto !important;}

	#verbraucherberatung p { margin-bottom: 5px;}
	#verbraucherberatung br { display: none;}
	#verbraucherberatung label { width: 110px; text-align: right; float: left; display: inline; margin-right: 20px;}
	#verbraucherberatung select { width: 60px;}
	#verbraucherberatung .inputtext { width: 270px; margin: 0;}
	#verbraucherberatung textarea { width: 270px; height: 120px; margin-bottom: 10px;}
	#abschliessender_hinweis { margin: 10px 0; font-size: 1.3em; font-weight: bold; color: rgb(0,126,53); clear: both; }
	#absenden2 { width: 60px; text-align: center; float: right; margin: 10px 190px 10px 0; }

/*  ===== Sonderbehandlung f�r IE6 und IE7, Gr�nde des Bugs sind unklar ========= */
* html #navigation, * html #content { margin-top: -14px;}
*+html #navigation, *+html #content { margin-top: -12px;}



/* ====== Kontaktformular PSX-Mail ======= */

form dl, dl.labels {
	margin:0em;
	font-size:100%;
	margin-top:0.5em
}

form dt, dl.labels dt {
	float:left;
	width:7em;
	margin-bottom:0.8em;
	color:#555;
	text-align:right;
	font-weight:400;
	position:relative /*IEWin hack*/
}
form dd, dl.labels dd {
	margin-left:7.5em;
	margin-bottom:0.8em;
	font-size:100%;
	font-style:normal;
	text-align:left;
	padding-left:0.5em
}

form dd.submit, dl.labels dd.submit, form dd #submitbutton  {
	margin-top:2em;
        background: #ADCA56;
        color: #fff;
        font-weight: bold;
}

form dd input, form dd textarea {
        border: 1px solid #ADCA56;
        padding: 2px 1px; 
}

form dd textarea {
       width: 236px;
}

.error_msg {
	font-weight:700;
	color:#FF0000;
}

.pxs_css_spamcheck {
	display: none !important;
}