/* Cascading Style Sheets (c)Erwin Kleitsch (www.pisica.de) */
* {color:#000; margin:0; padding:0; border:0 none; font-family:verdana,arial,sans-serif}
html, body {background:#fff url(bg.png) top left fixed repeat-x}
html {height:100.15%}
body {padding:1em 0}
hr {display:none}
.mid {text-align:center}
.line {margin:30px; border:1px dashed #555; line-height:0; height:0; font-size:0}
#tut {background:#fff url(mid.png); width:1000px; margin:0 auto}
#top {height:156px; text-align:center; background:url(top.png) no-repeat}

/* Navigation */
#navl {clear:left; float:left; width:184px}
#navl ul {margin:28px 0 20px 4px; list-style:none}
#navl p {border-top:1px solid #014; background:#ccc; line-height:26px; font-size:.8em; font-weight:bold; text-align:center}
#navl a {color:#014; border-top:1px solid #014; border-bottom:1px solid #014; background:#ebf7ff; width:180px; padding:7px 0; margin:-1px auto; text-indent:10px; font-size:.8em; text-decoration:none; display:block}
#navl a:hover, #navl a:active, #navl a:focus, #navl a.akt {background:#c5e9ff; font-weight:bold}
#navl div {color:#014; border-top:1px solid #014; border-bottom:1px solid #014; background:#99d8ff; width:180px; padding:7px 0; margin:-1px auto; font-size:.8em; text-align:right; font-weight:bold}

#cont {float:left; width:816px; min-height:495px}
* html #cont {height:495px}
#cont h1 {font-size:1.1em; text-indent:5px; border-left:22px solid #7cf; border-bottom:1px solid #4bf; font-weight:normal; margin:30px 30px 10px 30px}
#cont h2 {font-size:.9em; margin:0 30px; text-decoration:underline}
#cont p  {font-size:.8em; margin:10px 28px} /* text-align:justify */
#cont li {margin:0 30px 0 45px; font-size:.8em}
#cont .li2 {margin-left:60px; list-style-type:circle}
#cont a.lnk {color:#03a; background:transparent; font-weight:bold; padding:1px}
#cont a.lnk:hover, #cont a.lnk:active, #cont a.lnk:focus {background:#ff0; border-radius:.3em}
#cont .pic  {border:1px solid #000; border-radius:.5em; box-shadow:1px 1px 9px 2px #222}

/* Common: Shopbereich */
#tabs, #best {border:2px solid #4bf; border-collapse:collapse; width:754px; margin:26px auto; background:#f2f5f7}
#tabs th, #best th {background:#b8e4ff; border:1px solid #4bf; padding:.6em; font-size:1em; font-weight:bold}
#cont a.lnk2 {color:#014; border:1px solid #000; background:#ff0; font-weight:bold; padding:1px 13px; border-radius:.3em; text-decoration:none}
#cont a.lnk2:hover, #cont a.lnk2:active, #cont a.lnk2:focus {background:#0f0}
#tabs td, #best td {border:1px solid #ccc; padding:3px; font-size:.8em}
#tabs tr:hover, #best tr:hover {background:#c5e9ff}
caption {display:none}
.mid1 {text-align:center; width:1%}
.mid2 {text-align:center}
#tabs .top {background:#def; font-weight:bold; line-height:1.2em}

#bot {clear:left; background:url(bot.png) no-repeat; font-size:.7em; text-align:center; height:40px}
#bot ul {padding-top:17px}
#bot li {color:#037; display:inline}
#bot a {color:#037; text-decoration:none; padding:3px}
#bot a:hover, #bot a:active, #bot a:focus {color:#fff; background:#159; border-radius:.3em}