/*

Autor: Carsten Peters
www.carsten-peters.net
Version: 22.10.2009 

*/


/* reset
---------------------------------------------------------------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }

ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
body { width: 930px; margin: 25px auto 0 auto; text-align: center; font-size: 62.5%; font-family: Georgia, "Times New Roman", Times, serif; color: #333; background: #958b72; }


/* links 
---------------------------------------------------------------------------*/

:link, :visited, :hover, :active, :focus { text-decoration: none; }
a, a:link, a:visited { color: #5583bd; }
a:hover, a:active, a:focus { color: #369; outline: none; }
    a img, :link img, :visited img, :hover img, :active img { border: none; }

#skip1 a,
#skip2 a { color: #fff; position: absolute; z-index: 2; width: 15em; overflow: hidden; top: -100px; left: -1000px; } 
#skip1 a:focus,
#skip2 a:focus { color: #666; font-weight: bold; margin: 5px 0 0 0; top: 0; left: 0; text-align: center; }
.none { display: none; }

        
/* paragraphs 
---------------------------------------------------------------------------*/

    p, pre { margin: 0 0 10px 0; }
    em, address { font-style: italic; }


/* misc 
---------------------------------------------------------------------------*/

    abbr, acronym { border-bottom: 1px dotted #333; cursor: help; }
    sup { color: #333; }
    .clear { clear: both; height: 0; line-height: 0; }
    

/* headlines 
---------------------------------------------------------------------------*/

    h2 { font-size: 2.2em; line-height: 1.2em; margin: 0 0 20px 0; font-weight: normal; }
    h3 { font-size: 1.2em; margin: 25px 0 5px 0; }
    h4 { font-size: 1em; margin: 5px 0 0 0; }
    h5 { font-size: 0.9em; }
    h6 { font-size: 0.8em; }


/* container 
---------------------------------------------------------------------------*/

#wrapper { float: left; width: 100% }
#container { background: #d3c4a3 url(../upload/css_img/bg_container.gif) no-repeat 0 145px; }


/* header 
---------------------------------------------------------------------------*/

#header { position: relative; height: 145px; text-align: left; }
    #header h1 a, 
    #header h1 a:link, 
    #header h1 a:visited,
    #header h1 a:hover, 
    #header h1 a:active, 
    #header h1 a:focus { position: absolute; text-indent: -9999px; display: block; color: #fff; margin: 40px 0 0 30px; height: 72px; width: 330px; background-image: none; background: url(../upload/css_img/logo.gif) no-repeat; }
    
    
/* navigation 
---------------------------------------------------------------------------*/

#hilfsnavi { float: right; display: inline; width: 360px; margin: 30px 0 0 0; background: #baa789; }
    #hilfsnavi li { float: left; display: inline; }
        #hilfsnavi li a { height: 25px; line-height: 25px; color: #fff; padding: 0 8px; display: block; text-align: center; outline: none; font-size: 1.6em; font-weight: bold; letter-spacing: -0.02em; }
        #hilfsnavi li a:hover,
        #hilfsnavi li a:active,
        #hilfsnavi li a:focus { color: #666; }
        #hilfsnavi li a.current { color: #fff; no-repeat center bottom; }


/* content 
---------------------------------------------------------------------------*/


#content { float: left; display: inline; text-align: left; font-size: 1.3em; line-height: 1.8em; margin: 0 360px 0 210px; padding: 0 30px 0 0; }
    #content a,
    #content a:link,
    #content a:visited { border-bottom: 1px dotted #5583bd; }
    #content a:hover,
    #content a:active,
    #content a:focus { border-bottom: 1px solid #369; }
    #content img { padding: 4px; border: 1px solid #ddd; }
    #content img.bild_rechts { float: right; display: inline; margin: 5px 0 0 10px; }
    #content img.bild_links { float: left; display: inline; margin: 5px 10px 10px 0; }
    #content ul { padding: 0 0 15px 8px; }
    #content ol { padding: 0 0 15px 20px; }
    #content ul li { padding: 3px 0 3px 10px; background: url(../upload/css_img/dot.gif) no-repeat 0 10px; line-height: 1.5em; }
    #content ol li { margin: 3px 0 3px 10px; list-style-type: decimal; line-height: 1.5em; }
    #content ul ul { padding: 0 0 0 12px; }

    #content .artikelliste img  { float: left; display: inline; margin: 5px 10px 10px 0; }
    #news #content,
    #galerie #content { margin: 0 0 0 210px; }
    #news #content img { float: right; display: inline; margin: 0 0 0 10px; }

    dt { margin: 10px 0 0; }


/* extra
---------------------------------------------------------------------------*/

#extra { float: left; margin-left: -360px; width: 330px; padding: 0 30px 0 0; }


/* navigation 
---------------------------------------------------------------------------*/

#navigation { float: left; display: inline; text-align: left; width: 210px; margin: 0 0 0 -930px; font-size: 1.6em; font-weight: bold; }
    #navigation ul { }
    #navigation ul li { margin: 0; }
    #navigation ul li a { display: block; height: 25px; line-height: 25px; margin: 0 0 5px 0; padding: 0 0 0 30px; width: 150px; color: #fff; background: #b6ae9b; letter-spacing: -0.05em; }
    #navigation ul li a#id_3,
    #navigation ul li a#id_5,
    #navigation ul li a#id_8 { background: #a29780; }
    #navigation ul li a#id_7,
    #navigation ul li a#id_9,
    #navigation ul li a#id_20 { background: #baa789; }
    #navigation li a:hover,
    #navigation li a:focus,
    #navigation li a:active, 
    #navigation li a.current { width: 160px; }
        #navigation ul ul { }
        #navigation ul ul li { }
        #navigation ul ul li a { color: #333; font-size: .9em; height: auto; line-height: 15px; padding: 1px 0 1px 30px; width: 150px; background: none; }
        #navigation ul ul li a:hover,
        #navigation ul ul li a:focus,
        #navigation ul ul li a:active, 
        #navigation ul ul li a.current { width: 150px; }


/* footer 
---------------------------------------------------------------------------*/

#footer { clear: both; margin: 0 auto; padding: 5px 0 25px 0; }