html { margin:0; padding:0; }
body {  margin:0; padding:0; font-size:12px; font-family: Arial, sans-serif;
	background:#fff; color: #3e3d40; }
noscript div { position:absolute;top:0;left:0;right:0;z-index:9999;margin:0;padding:15px;
			   color:black;background:#fff;border:1px solid #df0000;text-align:center; }
#right_bg { position:fixed; left:982px; top:0; right:0; bottom:0; z-index:0;
	background: url('../img/shadow_r.png') left repeat-y #bfbfbf; }
/* TOP  rot: #E2001A */
#topcontainer { position: relative;left:0;top:0;margin:0;padding:0;width: 982px; height: 178px; }
#navi { white-space:nowrap; overflow: hidden; height:25px; background: url('../img/navi_bg.gif') repeat-x;
	margin-top: -3px; }
#navi li { float:left;  margin: 8px 0 0 0; padding:0px 12px; border-right:2px solid #aaa;
	line-height: 10px; }
#navi li, #navi li a.active { color: #aaa; }
#navi li a.active:hover { text-decoration: none; }
#navi li#kontakt { border-right:none; }
#navi li a { color: #f9f9fa; border-bottom:none; }
#navi li a:hover { text-decoration:underline; }
#navi li.minor { border-right:none; float:right; padding: 0 0 0 7px; margin-top: 0px; }
#navi li.minor.mail { padding: 0 0 0 5px; }
#navi li.minor img { margin-top: 6px; }
#navi li.minor input[type=text] { float:left; width:152px; height:14px !important; line-height:18px !important;
	font-size:11px; margin:4px 2px 0 11px; }
@media screen and (-webkit-min-device-pixel-ratio:0) { #navi li.minor input[type=text] { padding:0px 0 2px 2px; } } /* SAFARI only */
#navi li.minor input[type=submit] { margin:4px 11px 0 0; width:18px; height:18px;
	background: url('/sitemedia/img/bg_search.gif') center no-repeat white; }
/* MAIN */
#maincontainer { width:982px; background: url('../img/bg.png') repeat #f9fafa; overflow: auto; }
/* @media screen and (-webkit-min-device-pixel-ratio:0) { #middlecontainer { margin:0 !important; border:1px solid red; } }  didn't work  */
@media screen and (-webkit-min-device-pixel-ratio:0) { #maincontainer { overflow: hidden; } } /* SAFARI only */
/* LEFT & RIGHT befor middle because of footer(clear:both) */
#leftpanel, #rightpanel { position: relative; float: left; width:177px; padding: 22px 18px 0 10px; }
#leftpanel p { margin: 0 0 30px 0; line-height: 16px; }
#rightpanel { float:right; padding-left: 18px; padding-right:10px; }
#rightpanel img { border:1px solid #d4d4d4; }
#rightpanel div.right_img img { width: 175px; }
#rightpanel div.right_img:before { content: url(/sitemedia/img/jrc_ecke.png); position:absolute; } /* works great in FF3, Safari & Opera */
/* HACK FOR FF2 */
html>/**/body #rightpanel div.right_img img, x:-moz-any-link { margin-top:-18px; position:relative; z-index: -1; } /* FF 2 and FF 3 not read by IE */
html>/**/body #rightpanel div.right_img img, x:-moz-any-link, x:default { position:static; margin-top:0; } /* restore styles for Firefox 3.0 and newer */

* html #leftpanel { padding-right: 10px; }
* html #middlecontainer { margin-left: 199px; }
#leftpanel p.breadcrumbs { position:absolute; top:2px; width: 900px; font-size: 10px; color: #888; z-index:2;}
#leftpanel p.breadcrumbs a:hover { text-decoration:underline !important; color: #3e3d40; }
#leftpanel ul.subnavi { font-size: 12px; color: #3E3D40; line-height: 16px; margin: 0 0 45px 0; }
#leftpanel ul.subnavi li a { color: #e2001a; }
#leftpanel ul.subnavi li a.active { color: #3E3D40; }
#leftpanel ul.subnavi li a.active:hover { text-decoration:none; }
#leftpanel ul.subnavi li a:hover { text-decoration:underline; }
#leftpanel ul.subnavi li { border-bottom: 1px solid #9b9b9c; width: 128px; padding: 2px 0; }
#leftpanel ul.subnavi li:first-child { padding-top: 0; }
#leftpanel ul.subnavi + #tagcloud { margin:-10px 0 30px 0; }
#leftpanel #tagcloud a { color: #434343; padding:0 1px; }
#leftpanel #tagcloud a:hover { color: #E2001A; }
#leftpanel #tagcloud { font-size:90%; }
#leftpanel #tagcloud a.active { color: #E2001A; }

/* MIDDLE */
#middlecontainer { position:relative; width:572px; padding: 22px 0 0 0; overflow:hidden; }
/* h2 span.date { text-decoration: none !important; } doesn't work in safari
   therefore a new span headline or only class headline in h2 */
#middlecontainer a:hover h2 span.headline,
#middlecontainer a:hover h2.headline { text-decoration: underline !important; }
/* ENTRY_LIST for links in ie + safari a new div.entry_list*/ 
#middlecontainer div.entry_list > a { text-decoration: none; display:block; }
#middlecontainer div.entry_w_img { margin-left: 189px; }
/* ENTRY_DETAIL div for plural imgs necessary */
#middlecontainer div.float-left, 
#middlecontainer div.float-right { width: 173px; }
#middlecontainer div.float-left { margin-right: 14px; }
#middlecontainer div.float-right { margin-left: 14px; }
/* 	IMAGES */
img.big_teaser { width:570px; border:1px solid #d4d4d4; margin-bottom: 8px; height: auto; }
#middlecontainer div.float-left img,
#tinymce #middlecontainer div.float-left img, 
#middlecontainer img.float-left,
#tinymce img.float-left { border:1px solid #d4d4d4; width: 173px; }
#middlecontainer img.float-left,
#tinymce img.float-left { margin: 0 14px 3px 0; }
#middlecontainer img.float-right,
#tinymce img.float-right { margin:0 0 3px 14px; }
/* PARAGRAPHS */
#middlecontainer p, #rightpanel p { margin:1px 0 5px 0; line-height: 17px; }
#rightpanel p.mehr { margin:-1px 0 7px 0; }
#middlecontainer p + p, #tinymce p + p { margin-top:20px; }
#middlecontainer p.date + p, #tinymce p.date + p { margin-top:0px; }
#middlecontainer p a, #tinymce p a { text-decoration:underline; }
#middlecontainer .margin-left,
#tinymce .margin-left { margin-left: 189px; }
#middlecontainer ul.margin-left,
#tinymce ul.margin-left { margin-left: 201px; }
#middlecontainer p.margin-left img,
#tinymce p.margin-left img { margin-left: -189px; }
/*
#middlecontainer img.float-left + * + p, 
#middlecontainer img.float-left + h2,
#tinymce img.float-left + * + p, 
#tinymce img.float-left + h2 { margin-left: 189px; }
#middlecontainer img.float-right + * + p, 
#middlecontainer img.float-right + h2,
#tinymce img.float-right + * + p, 
#tinymce img.float-right + h2 { margin-right: 189px; }
*/
/* DATES */
.date { font-size:10px; color: #3e3d40; display: block; }
h2 span.date { float:right; display: inline; }
/* HACKS */
html>/**/body #middlecontainer h2 span.date, x:-moz-any-link { position:relative; bottom:17px; } /* FF 2 and FF 3 not read by IE */
html>/**/body #middlecontainer h2 span.date, x:-moz-any-link, x:default { position:static; bottom:auto; } /* restore styles for Firefox 3.0 and newer */
* + #middlecontainer h2 span.date { position: absolute; right:0; margin:0; } /* float:right doesn't work in h2 in IE :( */
* #middlecontainer h2 span.date { position: absolute; right:0; margin:0; } /* float:right doesn't work in h2 in IE :( */
* + #middlecontainer h2 { margin-right: 85px !ie; }	/* space for the date in IE */
* #middlecontainer h2 { margin-right: 85px !ie; }	/* space for the date in IE */
.mehr { font-size:10px; color: #3e3d40; }
a:hover + h2 + p a .mehr, h2:hover + p a .mehr, a:hover .mehr { text-decoration:underline; } /* 2be xhtml-strict, but what if more than one p :( */
#middlecontainer > a, table.comments a { text-decoration: underline; }
#middlecontainer > a:hover, table.comments a:hover { color: black; }
/* TAGS */
#middlecontainer div.article_btns { float:left; }
#middlecontainer div.article_btns img { margin-right: 3px; }
#middlecontainer p.tags { font-size:10px; margin-left: 38px; padding-left:5px; line-height:14px; }
#middlecontainer p.tags a { text-decoration: underline !important; }
#middlecontainer p.tags a:hover { color:#e2001a; }
/* COMMENTS */
table.comments { padding:0; margin:0; }
table.comments tr > td { width: 183px; }
table.comments tr > td + td { width: 377px; }
form > table.comments textarea { width: 377px; }
/* RECOMMEND */
table.recommend { margin-top: 15px; }
table.recommend input[type=text] { width: 220px; }
table.recommend label { padding-right:10px; font-weight:normal; }
table.recommend tr td { padding-bottom:4px; }
/* CONTACT (same like recommend + textarea)*/
table.recommend textarea { width: 400px; }
/* SEARCH */
table.search { padding:0; margin:0; }
table.search tr th, table.search tr td { vertical-align:top; margin:0; padding:2px 2px 2px 0; }
table.search label { padding-right:10px; }
.search #id_q { width: 350px; }
.search input[type=text], .comments input[type=text], .recommend input[type=text] { color: #3E3D40; }
p + h2 { margin-top: 12px; }
#middlecontainer #searchresults > a { text-decoration:none; } 
.highlighted { background: #adff2f !important; } 
/* NEWSLETTEREMAIL */
#leftpanel p.newsletteremail { margin-bottom:0 !important; }
#leftpanel p.newsletteremail + p { margin-top:0 !important; }
#middlecontainer #newsletter_email { display:block; width: 300px; margin-bottom:4px; }
/* FOOTER */
#footerline { clear: both; border-top: 1px solid #3e3d40; margin:0px 0 0 205px; height:1px; width:777px; }
#footer { position:relative; width:982px; background:#fff; margin:0px 0px 40px 0px; line-height:10px; }
#left_footer { float:left; margin: 0px 18px 0 10px; width: 177px;}
#footer ul#sm_btns { float: left; margin: -7px 145px 0 0; }
#footer ul#sm_btns li { margin-right: 25px; float: left; }
#footer ul#sm_btns li a img { border: 2px solid #c5c4c4; }
#footer ul#sm_btns li a:hover img { border: 2px solid #a2a2a2; }
#footer ul#footer_links { margin: 18px 0 0 0; }
#footer ul#footer_links li { margin:0; padding:0px 4px 0px 4px; border-right:1px solid; float: left; }
#footer ul#footer_links li#last { border:none; }
#left_footer a:hover, #footer_links a:hover { text-decoration: underline; }
* + html #footer { padding:20px 0px 15px 0px; margin:0; line-height:14px; }
* html #footer { padding:20px 0px 15px 0px; margin:0; line-height:14px; }
/* PAGINATION */
#middlecontainer .page_list { margin:40px 0 20px 0px; font-size:11px; text-align: center; color: #666; }
#middlecontainer .page_list a { color: #898989; }
#middlecontainer .page_list a:hover { text-decoration: underline; }
#middlecontainer .page_list li { display:inline-block; width: 15px; height: 15px; }
/** DIGG-PAGINATOR **/
.paginator { padding:.5em .75em; margin-bottom:20px; font:normal .8em arial; text-align:center; }
 
.paginator .prev-na,
.paginator .next-na { padding:.3em; font:bold .875em arial; }
 
.paginator .prev-na,
.paginator .next-na { border:1px solid #ccc; background-color:#f9f9f9; color:#aaa; font-weight:normal; }
 
.paginator .prev a, .paginator .prev a:visited,
.paginator .next a, .paginator .next a:visited {
	border:1px solid #D8D8D8; background-color:#F4F4F4; color:#434343; padding:.3em; font:bold .875em arial; }

.paginator .prev, .paginator .prev-na { margin-right:.5em; }
.paginator .next, .paginator .next-na { margin-left:.5em; }
 
.paginator .page a, .paginator .page a:visited, .paginator .curr {
	padding:.25em; font:normal .875em verdana; border:1px solid #D8D8D8; background-color:#F4F4F4;
	margin:0em .25em; color:#4B4B4B; }
 
.paginator .curr { 
	background-color: #D5D5D5; color: #E2001A; border:1px solid #ccc; font-weight:bold; font-size:1em; }
 
.paginator .page a:hover,
.paginator .curr a:hover,
.paginator .prev a:hover,
.paginator .next a:hover { color:#fff; background-color: #434343; border:1px solid #434343; }

/* GLOBAL DEFAULTS */
a { text-decoration:none; color: #434343; }
p { margin:5px 0; line-height: 18px; }
ul { margin:0; padding:0; list-style-type:none; }
#middlecontainer > ul, #tinymce > ul { list-style: square outside; margin-left: 25px;
	line-height: 16px; font-size:12px; }
ul li { margin: 0; padding:0; }
a img { border: none; }

h1,h2,h3,h4,h5 { font-weight:normal; margin:0; color:#3E3D40; }
h1 { margin: 0px 0 8px 0; padding:19px 0 4px 0; line-height:16px; font-size: 14px; color: #3e3d40;
	border-bottom: 1px solid #9b9b9c; text-transform:uppercase; letter-spacing: 1px; clear: both; }
#leftpanel h1:first-child, #rightpanel h1:first-child, #middlecontainer h1:first-child, 
h1 + h1, #leftpanel p.breadcrumbs + h1 { margin-top: 0px; padding-top:0; }
h2, h2 a { font-size: 12px; color: #e2001a; line-height: 16px; }
h2 + h2 { margin-top: 8px; }
h3 { font-size: 12px; line-height:18px; margin: 10px 0 0px 0; font-weight: bold; }
h1 + h3 { margin-top: -2px; }
blockquote { color:#555; margin-left:2px; padding-left:10px; border-left:5px solid #ddd; font-style:oblique; }
dt, dd { font-size:11px; line-height:14px; }
dt { font-weight:bold; margin-top:4px; }
dd { margin-left:0; }
:link:focus, :visited:focus { -moz-outline: 0px dotted; }
table tr td, table tr th { padding:0; margin:0; vertical-align:top; text-align:left;}
div.spacer { width: 100%; height: 35px; }

/* TEXT STYLES & MODIFIERS */
.active { cursor:text; }
.redButton { display: block; border:1px solid #ce0000; background:url('../img/redbutton_bg.gif');
	padding:2px 10px 1px 10px; line-height: 14px; color:#fff; margin-bottom: 5px; }
.redButton:hover { background: #ce0000; text-decoration:underline; }
.emph { color:#999999; font-weight:bold; }
.green { color:#669933; }
.red { color: #ce0000 !important; }
.small, .helptext { font-size:11px; }
.helptext { color: #aaa; display:block; padding-top:3px; }
.tiny { font-size:10px; }
p.tiny { margin-top:-2px; }
.mini { font-size:9px !important; }
.big { font-size: 13px; }
p.mini { margin-top:-3px; }
.help, p.help { font-size:10px !important; color:#999; }
p img, h1 img, h2 img, h3 img, h4 img, td img { vertical-align:middle; }
.quiet, a.quiet:link, a.quiet:visited { color:#aaa !important; font-weight:normal !important; 
	letter-spacing:100%; text-transform:none; font-variant: normal; }
.strong { font-weight:bold !important; }
.float-right { float:right; }
.float-left { float:left; }
.clear { clear:both; }
.align-left { text-align:left; }
.align-right { text-align:right; }
.align-center { text-align:center; }
.example { margin:10px 0; padding:5px 10px; background:#efefef; }
.nowrap { white-space:nowrap; }
.bold { font-weight:bold; }
.light { font-weight:light; }

/* TINYMCE */
#tinymce { position:relative; background: url('../img/bg.png') -205px top repeat; width:572px; padding: 22px 0 0 0; margin:0 0 0 60px; }
#tinymce h1:first-child { margin-top: 0px; }
/* #tinymce a { text-decoration:none; } doesnt / shouldn't work */
/* TINYMCE MIDDLE */
#tinymce p { margin:1px 0 5px 0; line-height: 17px; }
#tinymce img.float-left, #tinymce img.float-right { border:1px solid #d4d4d4; }
#tinymce img.float-left { margin: 0 14px 3px 0;}
#tinymce img.float-right { margin:0 0 3px 14px; }
* + #tinymce h2 span.date { position: absolute; right:0; margin:0; } /* float:right doesn't work in h2 in IE :( */
* #tinymce h2 span.date { position: absolute; right:0; margin:0; } /* float:right doesn't work in h2 in IE :( */
* + #tinymce h2 { margin-right: 85px; }	/* space for the date in IE */
* #tinymce h2 { margin-right: 85px; }	/* space for the date in IE */

/* FORMS */
input, textarea { border:1px solid #9b9b9c; font-size:12px; }
label { color: #888; }
textarea { padding:2px; font-family: Arial, sans-serif; }
input[type=text] { color: #9c9d9f; padding-left: 2px; }
input[type=submit] { color: #fff; background: url('../img/bg_btn.gif'); }
* + html input[type=submit] { height: 19px; }
input[type=submit]:hover { color: #ce0000; }

#leftpanel #newsletter input { margin-top: 5px; }
#leftpanel #newsletter input[type=submit] { float:right; width: 27px; padding:0px;
	background: url('../img/btn_ok_bg.gif'); }
* + html #leftpanel #newsletter input[type=text] { float: left; }
* + html #leftpanel #newsletter input { margin-top:-10px; }
#leftpanel #newsletter input[type=text] { width: 137px; }

.errorlist { color: #E2001A; }

/* IE-PATCHES */
* + html input[type=checkbox] { border: none !important; }
* html input[type=checkbox] { border: none !important; }

/*
#leftpanel #newsletter input { border:1px solid #9b9b9c; margin-top: 5px; font-size:12px; }
#leftpanel #newsletter input[type=text] { color: #9c9d9f; padding-left: 7px; width: 137px; }
#leftpanel #newsletter input[type=submit] { float:right; width: 27px; color: #fff;
	background: url('../img/btn_ok_bg.gif'); }
* + html #leftpanel #newsletter input[type=text] { float: left; }
* + html #leftpanel #newsletter input[type=submit] { height: 19px; }
@media screen and (-webkit-min-device-pixel-ratio:0) { #leftpanel #newsletter input[type=submit] { padding: 1px; } }
#leftpanel #newsletter input[type=submit]:hover { color: #ce0000; }
*/