/*
Theme Name: Praxis Steffen Magel
Description: weiss/orange
Version: v1.0 / HTML5
Author: Michael Luther (Mandarin Orange Berlin™)
Author URI: http://www.mandarin-orange-berlin.de
*/



/*
Reset default browser CSS. v1.0 | 20080212
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { background:#fff; line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
a img { border: none; }


/* Allgemeines Layout */
body { font: 12px/140% Verdana, Arial, Helvetica, sans-serif; color: #930; background: #FFF; }

#container-top { width: 760px; height: 38px; margin: 0 auto; background: url(../img/bg-header.png) no-repeat center top; }
#container { width: 760px; margin: 0 auto; background: url(../img/bg-container.png) repeat-y center top; }
#header { width: 760px; height: 237px; }
#sidebar { float: right; width: 170px; min-height: 650px; height:auto !important; height: 650px; margin: 20px 0 0; padding: 0; background: url(../img/bg-bildmarke-links.jpg) no-repeat right 35px; }
#content { float: right; width: 480px; min-height: 650px; height:auto !important; height: 650px; margin: 20px 0 0; padding: 0 60px 10px 10px; background: url(../img/bg-bildmarke-rechts.jpg) no-repeat left 35px; }
#footer { clear: both; width: 700px; margin: 0 auto; padding: 10px 30px; text-align: right; background: url(../img/bg-footer.png) no-repeat center top; }


/* Kopfbereich */
#header #logo { float: left; background: url(../img/logo.png) left top no-repeat; display: block; width: 515px; padding: 0; margin: 0 0 0 122px; text-decoration: none; border: 0; }
#header #logo a:link, #header #logo a:visited, #header #logo a:hover, #header #logo a:active  { display: block; overflow: hidden; padding: 0; margin: 0; width: 515px; height: 225px; text-indent: -9999px; }
* html #header #logo { margin: 0 0 0 51px; } /* IE6 */

#accessibility { position : absolute; top : -10000px; }

/* Inhalte */
h2, h3, h4, h5, h6 { clear: both; margin-bottom: .5em; }
h2 { font-size: 18px; font-weight: normal; margin: 0 0 1.5em -1px; line-height: 100%; }
h3 { font-size: 16px; line-height: 130%; }
h4 { font-size: 14px; }
h5 { font-size: 14px; font-weight: normal; }
h6 { font-size: 12px; }

#content p { margin: 0 0 1.5em 0; padding: 0; }
#content a { color: #930; text-decoration: underline; }
#content a:hover { text-decoration: none; }

#content ul { clear: both; text-align: left; margin: 0 0 1em 30px; padding: 0; }
#content ul li { list-style-type: disc; margin: 0; padding: 0 0 4px 5px; }
#content table ul { margin: 0 0 0 15px; }
#content ol { clear: both; list-style-type: decimal; text-align: left; margin: 0 0 1em 35px; padding: 0; line-height: 170%; }
#content ol li { margin: 0; padding: 0 0 0px 0; }

table { text-align: left; font-size: 12px; line-height: 150%; color: #930; margin: 0 0 30px 0; padding: 0; border-top: 0px solid #F90; border-left: 0px solid #F90; border-collapse: collapse; }
th { font-size: 12px; font-weight: bold; padding: 4px; border-bottom: 0px solid #F90; border-right: 0px solid #F90; }
tr { border: 0; }
td { text-align: left; vertical-align: top; border-bottom: 0px solid #F90; border-right: 0px solid #F90; padding: 4px; }

/* Diverses */
blockquote { line-height: 150%; margin: 30px 20px 30px 20px; padding: 15px 20px; background: #FFF; }
acronym, abbr { cursor: help; border-bottom: 1px dotted #930; }
small { font-size: 10px; }

.spacer { clear:both; margin: 0; padding: 0; height: 30px; }
.clearer { clear : both; height: 0; margin: 0; padding: 0; overflow:hidden; }

a.button { display: inline-block; margin: 0 0 20px; padding: 10px; font-size: 12px; text-align: center; line-height: 120%; }
a.button:link { text-decoration: none !important; color: #930 !important; font-weight: bold; background: #F90; border: 1px solid #E58A00; }
a.button:hover { color: #F90 !important; background: #930; border: 1px solid #802B00; }

/* Linkziel-Darstellung */
section a[href$=".pdf"] { padding-left: 21px; background: url(images/icon-pdf.gif) center left no-repeat; }

/* Seitenleiste */
#sidebar ul { list-style: none; }

#sidebar li { list-style: none; margin: 0; padding: 0; font-size: 12px; text-align: right; line-height: 150%; }
#sidebar li a { display: block; text-decoration: none; margin: 0; padding: 0 10px; color: #F90; }
#sidebar li a:hover, #sidebar .selected { color: #930; }

/* Fussbereich */
#footer { font-size: 11px; color: #F90; }
#footer a { color: #F90; text-decoration: none; }
#footer a:hover { }

/* Ausrichtung Bilder */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; text-align: center; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.alignright { float: right; margin: 5px 20px 20px 10px; }

/* Galerie  */
.galerie { margin: 30px 0; }
.galerie .thumb { float: left; padding: 10px 10px 0 0; }
.galerie .right { padding: 10px 0 0; }