/*@import url('http://yui.yahooapis.com/2.8.0r4/build/reset/reset-min.css');*/

body {padding:30px 0 0 0; margin:0 auto; color:#4d4d4d; text-align:center; background: #fff; font:normal 75%/120% Trebuchet MS, Helvetica, sans-serif;}

#main {position: relative; margin: 0 auto; width:861px; min-height:186px; background: url(images/top-shelf.jpg) 0 0 no-repeat;}

#wrapper {position: relative; width:861px; border: 1px solid #000;}

#header {position: relative; width: 861px; height: 156px; margin: 0; padding: 0;}

#logo {position: absolute; text-align:left; width:195px; height:76px; top: 50px; left: 20px;}
#logo h1 {padding:0; margin:0; text-indent: -9999px; color:#fff; font:normal 65% Trebuchet MS; display: block;}
#logo #logo-img a {width:195px; height:76px; position: absolute; top: 0; background: url(images/guide-logo-map.png) no-repeat top left; display: block;}
#logo #logo-img a:hover {text-decoration:none; background-position: top right;}

#top-text {float: right; position: absolute; bottom: 20px; right: 20px; text-align: right; color: #000;}
#top-text a {color:#d71921}

#top-navigation {padding:0; margin:0; position: absolute; right: 0; top: 0; width: auto; height: 40px; background:url(images/menu-shade.png) no-repeat bottom right;} 

ul#navigation {padding:0; margin:0; margin-left: 0; color:#dcdcdc; height:34px; border-left: 1px solid #999; border-bottom: 1px solid #999;}
ul#navigation li {padding:0; margin:0; display:inline; float: left; list-style:none;}
ul#navigation li a {color:#000; text-decoration:none;  display:inline-block; padding:10px 20px 10px 20px; background:url(images/menu-bg.png) no-repeat top right;}
ul#navigation li a:hover {padding:10px 20px 10px 20px; color:#f00;}

#home #navigation li.startseite a, #altere-ausgaben #navigation li.altere-ausgaben a, #zeitschriften-abos #navigation li.zeitschriften-abos a, #kontakt #navigation li.kontakt a, #uber-uns #navigation li.uber-uns a, #mediadateien #navigation li.mediadateien a {text-decoration: underline;}

#content {
	clear:both;
	position: relative;
	margin:-1px auto 0 auto;
	padding:0;
	width:861px;
	background: #fff url(images/top-shelf-shadow.jpg) top left no-repeat;
	text-align:center;
	color: #4d4d4d;
}
#content #banner {padding:0; margin:0 auto 7px auto; width:847px; height:314px; background: #fff url(images/slide-01.jpg) top left no-repeat; position: relative; top: 7px;}

ul#big-buttons {position: absolute; top: 10px; left: 10px; text-align: left; padding:0; margin:0; display: block; margin: 0; font:normal 120%/60% Trebuchet MS, Helvetica, sans-serif;}
ul#big-buttons li {width: 234px; height: 58px; list-style:none; overflow: hidden; margin-bottom: 10px; }
ul#big-buttons li a {display:block; color: #0d0b0b; width: 234px; height: 58px; text-decoration:none; background:url(images/main-button.png) 0 0 no-repeat;}
ul#big-buttons li a:hover {width: 234px; height: 58px; color: #f00; text-decoration:none; background-position: 0 -58px;}
ul#big-buttons li a span {display:block; padding:25px 0 0 25px}

#footer {color:#999; text-align:right; margin:15px auto; width:861px; font-size:90%}
#footer a {color:#999; text-decoration:none;}
#footer a:hover {color:#f00;}

.clear {clear:both; height:1px;}

/* media-styles */
li {list-style-type:square;}

/* left navigation */
#left-navigation {float:left; background: url(images/secondary-navigation.jpg) no-repeat top left; margin:0; padding:30px 0 0 0; width:198px; text-align: left;}
#left-navigation li {list-style:none; width:170px; padding:0; margin:5px 0}
#left-navigation a {text-decoration:none; display:block; height:27px; padding-left:20px; padding-top: 10px; color:#231f20; background:url(images/secondary-hover.jpg) repeat-x bottom left;}
#left-navigation a:hover {color:#f00}

#text {padding-top:30px; margin-left:200px; padding-right:30px; padding-bottom: 15px; font-family:arial; text-align: left;}
#text h2 {font:normal 240% Trebuchet MS, Arial, Helvetica, sans-serif; color:#d71921; padding:0; margin:0}
#text a {color:#D71921}

#immpressum {text-align: center;}

strong {font-weight: bold;}

/* contact form */
fieldset {border:1px solid #dcdcdc; margin:20px 0; width:600px;}
fieldset legend {padding:5px 10px; border:1px solid #dcdcdc; font-weight:bold;}
fieldset table {background:none; border:0}
fieldset table td {border:0; padding:5px 10px 0 0}
fieldset p {padding:3px 15px 15px 15px}

input, select, textarea {font:normal 90% verdana, arial, sans-serif;}
select {width:175px; border:1px solid #dcdcdc;}
input.texbox {width:175px; border:1px solid #dcdcdc;}
.button {font:normal 120% trebuchet MS, arial; color:#0d0b0b; padding:9px 10px; background:url(images/btn-buy.gif) repeat-x top left; border:0; cursor:pointer}
.mandatory, #ErrResultMsg {color:#d71921; font-size:90%; font-weight:bold;}
.mandatory {font-family:verdana;}

/* online shop */
.prodnavigation strong {font-weight:normal}
#online-shop #text {padding-top:15px;}

.buybutton {font:normal 120% trebuchet MS, arial; color:#0d0b0b; padding:9px 10px; background:url(images/btn-buy.gif) repeat-x top left; border:0; cursor:pointer}
td.prodseparator hr {display:none;}
td.prodseparator {border-bottom:1px dotted #dcdcdc; padding-top:10px;}