body { margin: 0; padding: 0; background: #fff url(gfx/bg.gif) top left repeat-x; color: black }
body, p, div, blockquote, h1, h2, h3, h4, td, th {
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 12px }
body, p, div, blockquote, h1, h2, h3, h4 { margin: 0; padding: 0; border: 0 }
img { border: 0 }

#body_box {margin:0 auto; position:relative; width:873px;}

#wrapper { width: 850px; color: black; background-color: white;
    position: relative; padding-right: 4px; background: #fff url(gfx/bg.gif) top left repeat-x; }

.banner-top { position: relative; }
.banner-sky { position: absolute; left: 879px; top: 0px }
.wallpaper-top { position: relative; width: 728px; left: 149px }
.wallpaper-right { position: absolute; left: 877px; top: 0px; }
.banner-content { text-align: center; margin: 0 0 10px 0; padding: 0;
    /*background-color: #c1c1c1;*/ border: 0; line-height: 0;
    clear: both; border-top:1px dotted #c1c1c1; border-bottom:1px dotted #c1c1c1; }
.banner-content img,
.banner-content div.flash { border: 0; border-left: 5px solid white;
    border-right: 5px solid white; margin: 0; padding: 0; line-height: 0.8em }
.banner-content div.flash { /* width: 300px; height: 250px; */ margin: 0 auto }
.banner-title { text-align: center; margin: 5px auto;
    /* border-top: 1px dotted #c1c1c1 */ }
.banner-service, #tools div.banner-service { text-align: center;
    padding: 0; border:0 }
.banner-service, .banner-content, .banner-title,
.banner-service *, .banner-content *, .banner-title * { line-height: 0 }

.banner-content, .banner-title, .banner-service {
    /* background-color: #c1c1c1; */ padding:10px 0;}
.banner-content span, .banner-service span, .banner-title span {
    display: inline-block; border-left: 5px solid white;
    border-right: 5px solid white; margin-left: 5px; margin-right: 5px }
.banner-content span.first, .banner-service span.first,
.banner-title span.first { margin-left: 0 }
.banner-content span.second, .banner-service span.second,
.banner-title span.second { margin-right: 0 }

.banner-microb { position: absolute; top: 92px; left: 560px; z-index: 4;
    text-align: right; width: 200px }
.banner-microb span { margin: 0 5px }

.banner-content div.flvlink { line-height: 1.2em; margin: 0.5em auto;
    padding: 0.1em }

#header div#leiste {
	text-align:right;
	background: #b3b3b3 url(gfx/leiste_ecke_links.gif) top left no-repeat;
	display:block;
	clear:both;
	overflow:hidden;
	height: 22px;
}

#header div#leiste ul {
	float:right;
	margin:0;
	background: #b3b3b3 url(gfx/leiste_ecke_rechts.gif) top right no-repeat;
	height:22px;
	padding-right:20px;
}

#header div#leiste ul li{
	list-style:none;
	float:left;
	height:22px;
	padding:0 10px;
	padding-top:4px;
}

#header div#leiste a {
	color:#fff;
}

#header div#leiste a:hover {
	color:#777;
	text-decoration:none;
}

#header h1 a span { display: none }
#header h1 a { display: block; position: relative; top:50px; width: 350px;
    height: 90px; }
#header h1 { width: 850px; height: 145px;
    background: #e0e0e0 url(gfx/regio_header.png) top left no-repeat; }
#header h1.suedwestfalenmanager_de {
    background: #e0e0e0 url(gfx/swm_header.png) top left no-repeat; }
#header h1.weseremsmanager_de {
    background: #e0e0e0 url(gfx/wem_header.png) no-repeat; }
#header h1.koelnbonnmanager_de {
    background: #e0e0e0 url(gfx/kbm_header.png) no-repeat; }
#header h1.revier-manager_de {
    background: #e0e0e0 url(gfx/rm_header.png) no-repeat; }
#header h1.euregio-manager_de {
    background: #e0e0e0 url(gfx/eum_header.png) no-repeat; }
#header h1.ddorfmanager_mmh_ag {
    background: #e0e0e0 url(gfx/ddorfm_header.png) no-repeat; }

#header .regio-button { position: absolute; top: 110px; left: 744px;
    z-index: 3; margin: 0;}
#header .regio-button a {color:white; font-weight: bold; text-decoration: none; display:block;background: #9a1525; padding:4px 10px;}
#header .regio-button a:hover {color: #fff; background: #720000;}


#header #navigation { 
	width: 850px;
	height:60px;
	background: url(gfx/navi_bg.png) top left no-repeat;
	}
	
#header #navigation ul { 
	position: absolute; 
	top: 167px; 
	left: 0px;
    z-index: 1; 
    width: 850px; 
    margin: 0; 
    padding: 0;
    overflow: visible;
    height: 33px; 
    }
    
#header #navigation ul ul { 
	top: 33px; 
	z-index: 2; 
	width: 850px; 
    overflow: visible; 
    /*background: url(gfx/navi_bg.png) bottom left no-repeat;*/
    height:19px;
    list-style: none;
    }
    
#header #navigation ul li { 
	float: left; 
	list-style: none; 
	/*height: 32px; 	*/
	}
	
#header #navigation ul li a {
    border-right: 1px solid #83121e;
	text-decoration: none;   	
    padding:9px 0px;
    display:block;
    }
    
#header #navigation ul li span{ 
	padding:8px 10px;
	border-left: 1px solid #a91c28;
	color: white; 
    font-weight: bold;
	}
	
#header #navigation ul li a:hover, 
#header #navigation ul li a.active:hover, 
#header #navigation ul li a.active{
	background: url(gfx/hover.png) top left no-repeat;
	border-right:1px solid #650f16;
	}	
#header #navigation ul li a:hover span, 
#header #navigation ul li a.active span, 
#header #navigation ul li a.active:hover span{
	border-left:1px solid #37080c;
	}
#header #navigation ul li.first a span, 
#header #navigation ul li.first a:hover span, 
#header #navigation ul li.first a.active span, 
#header #navigation ul li.first a.active:hover span{
	border-left: none;
	}

#header #navigation ul li.first a , 
#header #navigation ul li.first a:hover , 
#header #navigation ul li.first a.active , 
#header #navigation ul li.first a.active:hover {
	border-right: none;
	}

#header #navigation ul li.first a:hover, 
#header #navigation ul li.first a.active:hover, 
#header #navigation ul li.first a.active {
	background: url(gfx/hover_first.png) top left no-repeat;
	}
#header #navigation ul li.last a:hover, 
#header #navigation ul li.last.active a:hover, 
#header #navigation ul li.last.active a {
	background: url(gfx/hover_last.png) top right no-repeat;
	}

	
#header #navigation ul ul li { 
	padding:0; 
	margin: 0;
	}
	
#header #navigation ul ul li a {
    background: none;
    height:14px;
    padding:6px 0px;
    border:none;
    }
    
#header #navigation ul ul li a span{ 
    padding:2px 8px; 
    border-right: 1px dotted #fff;
    height:13px;
    }
    
#header #navigation ul li ul li.first a span, 
#header #navigation ul li ul li.first a:hover span, 
#header #navigation ul li ul li.first a.active span, 
#header #navigation ul li ul li.first a.active:hover span {
	border-left: none;
	}
	 
#header #navigation ul li ul li a:hover, 
#header #navigation ul li ul li a.active:hover, 
#header #navigation ul li ul li a.active{
	background: url(gfx/subhover.png) top left no-repeat !important; 
	border:none;
	}

#header #navigation ul li ul li.first a:hover, 
#header #navigation ul li ul li.first a.active:hover, 
#header #navigation ul li ul li.first a.active {
	background: url(gfx/subhover_first.png) top left no-repeat !important;
	}
/*#header #navigation ul ul li.last a:hover, 
#header #navigation ul ul li.last.active a:hover, 
#header #navigation ul ul li.last.active a {
	background: url(gfx/subhover_last.png) top right no-repeat !important;
	}*/

	


#header #navigation ul li.active ul li a {border:none; background:none;}
#header #navigation ul li.active ul li a {border:none; background:none;}

#header #navigation ul li:hover a,
#header #navigation ul li.active a { color: #fff; }

#header #navigation ul ul li:hover a,
#header #navigation ul ul li.active a,
#header #navigation ul ul li a:visited,
#header #navigation ul ul li a:link { color: white; }
#header #navigation ul ul li:hover a.admin,
#header #navigation ul ul li.active a.admin { color:#ff9b8c;}
#header #navigation ul ul li a.admin { color: #ffffff }

#partner {width:100%; margin:0px auto; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0;}
#partner h2 {font-size: 90%;}
#partner table {text-align:center; margin:10px 0; width:100%;}

#footer { text-align: center; padding: 20px 0px 40px 0px; clear: both;
     width: 96%; margin: 10px auto }

#content { padding: 0; padding-right: 0; line-height: 1.5; }
#main { float: left; width: 565px; /*padding-top:15px;*/ padding-left:10px;}
#tools { float: right; width: 250px; /* margin-left: 1.9%; */
    /*border-left: 1px dotted #c1c1c1*/ }
.clear { clear: both }

#main .toolbox { text-align: right; margin-bottom: 10px; }

#main.main_size_1, #main.main_size_1 p { font-size: 1.0em }
#main.main_size_2, #main.main_size_2 p { font-size: 1.1em }
#main.main_size_3, #main.main_size_3 p { font-size: 1.2em }
#main.main_size_1 h1 { font-size: 1.5em }
#main.main_size_2 h1 { font-size: 1.6em }
#main.main_size_3 h1 { font-size: 1.7em }
#main.main_size_1 h2 { font-size: 1.2em }
#main.main_size_2 h2 { font-size: 1.3em }
#main.main_size_3 h2 { font-size: 1.4em }
#main.main_size_1 h3 { font-size: 1.2em }
#main.main_size_2 h3 { font-size: 1.3em }
#main.main_size_3 h3 { font-size: 1.4em }

h2 { /*border-bottom: 1px dotted #c1c1c1;*/ color: #777; 
    font-weight: bold; clear: both;}
h2.anzeige {text-align:right; padding: 0; font-size: 90%; margin-top:25px;}
h3 { margin: 0em 0 0.7em 0; font-size: 1.6em; color: #9a1525 }
h3 a {color: #9a1525 }
h4 { font-weight: normal; color: #777777; }
a { color: #777; text-decoration: none }
a:hover { color: #9a1525; text-decoration: underline }
p { margin: 1em 0 }
em { color: #9a1525 }
.footnote { font-size: 80% }
div.hr { height:1px; /*background: url(img/dotted_border.gif) top repeat-x;*/ clear:both; height:25px;}

span.hoverimg { float: left; margin: 0 20px 10px 0; width: 180px }
span.hoverimg.alt { float: left; margin: 0 20px 5px 0 }
span.hoverimg span { display: inline; float: left; position: relative; margin-bottom:5px; *margin-bottom:0px;}
/* span.hoverimg span a, span.hoverimg span a:hover { cursor: normal } */
/* span.hoverimg span a:hover img.hover { display: block } */
span.hoverimg span a img.hover { position: absolute; display: none;
    top: 0; left: 0; border: 1px solid #888888; z-index: 50 }
span.hoverimg p { font-size: 11px; font-weight: normal; color: white;
    background-color: #848484; padding: 5px 5px; margin:0; *padding-top:5px;}

#main a span {color: #9a1525;}
#main p.icons {text-align:right;}
#main p.icons img {margin-left: 10px;}

form { margin: 0; padding: 0 }
form label { width: 38%; text-align: right; float: left; padding-right: 1% }
form .input { margin-left: 23% }
form>.input { margin-left: 40% }
form br { clear: left }
form input.tf { width: 55%; margin-bottom:8px; }
form input.submit { margin-left: 23% }
form>input.submit { margin-left: 40% }
form textarea.tf { width: 55% }
form select.tf { width: 55% }

ul li { list-style-image: url(img/pfeil.gif); list-style-position: outside; }

p.error { font-weight: bold; color: red; font-size: 105%;
    text-align: center }
p.message { border: 1px solid #57020e; background-color: #d3b4b9;
    width: 80%; margin: 0 auto; padding: 5px 10px }

form.edit-content textarea { width: 100%; height: 400px }

#tools { text-align: center; padding-top:25px; }
#tools div { text-align: left; padding: 0px 0 10px 0; /*background-color: #e5e5e5;*/
    margin: 0; margin-bottom:10px; /*border-bottom:1px dotted #c1c1c1;*/}
#tools div div { text-align: left; margin: 0 auto }
#tools div table { margin: 0 auto }
#tools h4 { font-weight: bold; color: #777; font-size:90%; text-align: left;
    margin: 0px 0 2px 0; padding: 10px 0 0 25px }
#tools h4.anzeige {text-align:right; padding: 0px 15px 0 0;}
#tools input#q { width: 190px }
#tools input#q-wikipedia { width: 220px }
#tools table td { vertical-align: middle; margin: 0; padding: 0 }
#tools div ul { text-align: left; margin-top: 0; margin-bottom: 0 }
#tools div.sitetool { padding:0; background: #e0e0e0 url(img/news_bg.gif) top left repeat-x; border-top:1px dotted #c1c1c1; border-bottom:1px dotted #c1c1c1;}
#tools div.sitetool span {padding:0 0 10px 0; display:block;}

body#login form .input { display: block; margin: 2em auto; padding: 2em;
    border: 1px dotted #c1c1c1 }

body#admin table.admin { width: 100%; border: 2px solid #ccc;
    border-collapse: collapse }
body#admin table.admin td,
body#admin table.admin th { border: 1px solid #ccc }
body#admin table.admin th { border-bottom: 2px solid #ccc }

body#admin ul.page-selection li { list-style: none; margin: 0; padding: 0 }

body#archiv #main form input { margin: 2px 0 }
body#archiv #main form input.submit { margin-left: 23% }
body#archiv #main form>input.submit { margin-left: 40% }
body#archiv #main form select { margin: 2px 0 }

body#archiv h2.section { margin-top: 1.5em }
body#search h2.section { margin-top: 1.5em }

body#archiv .ausgaben { margin-bottom: 2em; }
body#archiv .ausgaben br { clear: left }
body#search .ausgaben { margin-bottom: 2em; }
body#search .ausgaben br { clear: left }

body#archiv div.ausgaben div.ausgabe { width: 40%; text-align: center;
    float: left; margin: 0 5% }
body#archiv div.ausgaben div.ausgabe img { display: block;
    margin: 3px auto }
body#archiv div.article div.category { color: #9a1525; padding: 0;
    margin: 1em 0 0 0 }
body#archiv div.article h3 { padding: 0; margin: 0.5em 0 0.5em 0 }
body#archiv div.article .found { color: #9a1525; font-style: italic }

body#search div.ausgaben div.ausgabe { width: 40%; text-align: center;
    float: left; margin: 0 5% }
body#search div.ausgaben div.ausgabe img { display: block;
    margin: 3px auto }
body#search div.article div.category { color: #9a1525; padding: 0;
    margin: 1em 0 0 0 }
body#search div.article h3 { padding: 0; margin: 0.5em 0 0.5em 0 }
body#search div.article .found { color: #9a1525; font-style: italic }

body#ad_online, body#ad_print { background-color: white;
    padding: 10px }
table.adcalc { border-collapse: collapse; width: 90%; border:5px solid #fff;}
table.adcalc td, table.adcalc th { border-bottom: 1px solid #e0e0e0; background:#c1c1c1;}
table.adcalc th { background-color: #777; }
table.adcalc th.none { background-color: #777; border-right:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1;}
table.adcalc span.hoverimg { margin: 1px; width: auto;}
table.adcalc td { text-align: center }
table.adcalc th { padding: 10px 3px; text-align: center; vertical-align: center; border-bottom:1px solid #c1c1c1;}
table.sum { color:#fff; background-color: #777; width: 90%; margin:0;
    border-collapse: collapse; border: 5px solid #fff;
    border-top: 0px dotted #c1c1c1;}
table.sum td.fill { width: 75%;}
table.sum tr.total td { font-weight: bold;}
table.sum td.price { text-align: right; padding-right: 1em;  }

div.media p { clear: left; margin: 2em 0 }
div.media p img { float: left }

/*
form.kontakt label { display: block; float: none; text-align: left }
form.kontakt .tf { width: 100% }
form.kontakt .button { text-align: right }
form.kontakt label.radio { display: inline; float: none }
*/

form.kontakt label { display: block; float: left; width: 20%;
    text-align: left }
form.kontakt label.radio { display: inline; float: none }
form.kontakt .button { text-align: right }
form.kontakt .tf { width: 75%; margin-bottom: 3px }
form.kontakt .input { margin-left: 4% }
form.kontakt>.input { margin-left: 21% }

form.kontakt label.spamprotect { text-align: right }

form.filter label { display: block; float: left; width: 20%;
    text-align: left }
form.filter label.radio { display: inline; float: none }
form.filter .button { text-align: right }
form.filter .tf { width: 75%; margin-bottom: 3px }

#rankings div.ranking { width: 100%; clear:left;
    margin: 0 0 30px 8px; border-bottom: 1px solid #cccccc;}
#rankings div.ranking span {display:block; height:167px;}
#rankings div.ranking h3 {color: #777777; font-size:1em; font-weight:normal; margin: 10px 0 0 0;}
#rankings div.ranking h4 {color: #777777; font-size:1.6em; font-weight:bold; }
#rankings div.ranking p {color: #9a1525; font-weight:bold; font-size:1.3em; margin-left: 130px; margin-top: -1.6em}
#rankings div.ranking p span {display:inline; height:auto; font-size: 10px; color:#777777; font-weight:normal; margin-left:5px;}
#rankings div.ranking br { clear: none }
#rankings div.ranking img { float: left; margin: 0 10px 0 0; padding: 0 }
/*#rankings div.ranking div { position: absolute; width: 90px;
    padding: 5px; background-color: #e0e0e0; right: 0; bottom: 0 }*/
#rankings div.price { clear: left; padding: 5px 10px;
    background-color: #cccccc; text-align: right; color: #6b6b6b; font-weight:bold; margin-bottom:20px;}
#rankings div.price h3 { margin: 0 0 20px 0 }


#tests div.tests { width: 100%; clear:left; position: relative;
    margin: 0 0 30px 8px; border-bottom: 1px solid #cccccc;}
#tests div.tests span {display:block; height:120px;}
#tests div.tests h3 {color: #777777; font-size:1em; font-weight:normal; margin: 10px 0 0 0;}
#tests div.tests h4 {color: #777777; font-size:1.6em; font-weight:bold; }
#tests div.tests p {color: #9a1525; font-weight:bold; font-size:1.3em;}
#tests div.tests p span {display:inline; height:auto; font-size: 10px; color:#777777; font-weight:normal; margin-left:5px;}
#tests div.tests br { clear: none }
div.tests img { float: left; margin: 0 10px 0 0; padding: 0 }
/*#tests div.tests div { position: absolute; width: 90px;
    padding: 5px; background-color: #e0e0e0; right: 0; bottom: 0 }*/
#tests div.price { clear: left; padding: 5px 10px;
    background-color: #cccccc; text-align: right; color: #6b6b6b; font-weight:bold; margin-bottom:20px;}
#tests div.facts { text-align: center; padding: 5px; margin-top: 10px;
    background-color: #e0e0e0; clear: left; /*border-top: 1px dotted #c1c1c1;
    border-bottom: 1px dotted #c1c1c1 */}
    
    
.gallery-preview { border: 1px solid #c1c1c1; padding: 5px 10px;
    text-align: center; margin: 5px 0 }
.gallery-preview img { margin: 2px 5px; vertical-align: middle }
.gallery-nav { margin-top: 2em }
.gallery-nav .prev { display: block; float: left }
.gallery-nav .next { display: block; float: right }
.gallery-img { border: 1px solid #c1c1c1; padding: 5px; margin: 5px 0;
    text-align: center; clear: both }
.gallery-img img { display: block; margin: 0 auto; margin-bottom:10px; }

#sofortueberweisung table.pdfs { width: 100%; border-collapse: collapse;
    border: 1px solid gray }
#sofortueberweisung table.pdfs td,
#sofortueberweisung table.pdfs th { border: 1px solid gray;
    text-align: center }

#suchfeld {float:right; margin-top:4px; margin-right:8px; width:171px; text-align:right; }
#suchfeld input.suche {width:100px;}
#suchfeld form input {vertical-align:middle;}
#suchfeld label {width:auto; float:none; color:white; font-weight:bold;}

#votevideos .entry { display: inline-block; width: 270px; padding: 2px }
#votevideos .entry h3 { margin: 0; padding: 0; }
#votevideos .entry div span { display: inline-block; width: 37px;
	padding: 0 2px; overflow: hidden }
#votevideos .entry div span.score { width: 45px; }
#votevideos form label { width: 7em }

/* Buttontyp. Quick&Dirty ohne Bilder */
#main a.newbutton, #main input.newbutton {
    background-color:#b7212b;
    border:1px solid #83121e;
    padding:5px 20px;
    cursor:pointer;
    color:white;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    box-shadow: 3px 3px 5px #ccc;
    -moz-box-shadow: 3px 3px 5px #ccc;
    -webkit-box-shadow: 3px 3px 5px #ccc;
    text-decoration:none;
}
#main a.newbutton:hover, #main input.newbutton {
    background-color:#5c0b13;
    border-color:#9a1c28;
    text-decoration:none;
}