/*

SAGAM - Haupt-Stylesheet
Autor: Carsten Peters
Version: 27.08.2009

Background: #dec875
Orange:     #f29400
Light Orange: #f6bc60
Light Blue: #009ad7

*/


/* body
---------------------------------------------------------------------------*/

* { padding: 0; margin: 0; }
body { font: 62.5%/1.86em 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif; color: #666; background: #dec875; }


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

:link, :visited, :hover, :active, :focus { text-decoration: none; }
a, a:link, a:visited { color: #f29400; }
a:hover, a:active, a:focus { color: #f6bc60; }
a img, :link img, :visited img, :hover img, :active img { border: none; }

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

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


/* listen 
---------------------------------------------------------------------------*/

ul, li { list-style: none; }

    

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

abbr, acronym { border-bottom: 1px dotted #000; cursor: help; }

.text_important { color: #00a513; }

/* Skiplinks */
#skip { margin: 0; }
#skip1 a,
#skip2 a { color: #000; position: absolute; z-index: 2; width: 11em; overflow: hidden; top: -100px; left: -1000px; } 
#skip1 a:focus,
#skip2 a:focus { color: #000; background: #eee; top: 25px; left: 270px; }

.none { display: none; }
.clear { clear: both, height: 0; line-height: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

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

h2, h3, h4, h5, h6 { font-size: 1.3em; color: #F29400; }
    h2 { margin: 0 0 10px 0; color: #009ad7; }
    h3 { margin: 0 0 5px 0;  }
    h4 { font-size: 1em; }
    h5 { font-size: 0.9em; }
    h6 { font-size: 0.8em; }


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

#container { width: 746px; margin: 15px auto; font-size: 1.1em; background: #fff url(../upload/css_img/bg_content.jpg) no-repeat center bottom; }
#wrapper { float: left; width: 100%; background:url(../upload/css_img/bg_navi.gif) repeat-y 100% 0; }
#header { position: relative; }
#content { margin: 0 152px 0 180px; padding: 32px 25px; }
#extra { float: left; width: 166px; margin-left: -171px; }
#navigation { float: left; width: 180px; margin-left: -740px; }
#footer { clear: both; width: 100%; }


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

#header { height: 202px; text-align: left; background: url(../upload/css_img/bg_head.jpg) no-repeat; }
    #header h1 a, 
    #header h1 a:link, 
    #header h1 a:visited, 
    #header h1 a:hover, 
    #header h1 a:active, 
    #header h1 a:focus { text-indent: -9999px; display: block; background: url(../upload/css_img/logo.gif) no-repeat; height: 27px; width: 232px; outline: none; }  

#top-navi { width: 746px; height: 20px; background: #dec875; text-transform: uppercase; }
#top-navi #sagam_beitzen { float: left; }
#top-navi #impressum { float: right; margin-right: 5px; }


/* navigation 
---------------------------------------------------------------------------*/
        
#main-navi { background: #f29400 url(../upload/css_img/bg_navi.gif) repeat-y 100% 0; position: absolute; top: 180px; display: inline; width: 558px; height: 22px; line-height: 22px; padding: 0 0 0 188px; }
#main-navi li { display: inline; }
#main-navi li a { padding: 0 1.2em; color: #fff; float: left; font-size: 1.1em; font-weight: bold; }
#main-navi li a:hover,
#main-navi li a:focus,
#main-navi li a:active,
#main-navi li a.current { color: #fcca7c;  }


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

    #content img { border: 1px solid #ccc; padding: 4px; background: #fff; margin: 0; }
    #content img.bild_rechts { float: right; display: inline; background: #fff; margin: 5px 0 0 10px; }
    #content img.bild_links { float: left; display: inline; background: #fff; margin: 5px 10px 0 0; }
    #content ul { padding: 0 0 10px 8px; }
    #content ol { padding: 0 0 10px 16px; }
    #content ul li { padding: 2px 0 2px 10px; background: url(../upload/css_img/li_dot.gif) no-repeat 0 9px; }
    #content ol li { margin: 2px 0 2px 10px; list-style-type: decimal; }

    #content table { margin: 20px 0; width: 100%; border-collapse: collapse; }
    #content table th { color: #fff; font-weight: bold; padding: 0 7px; margin: 20px 0 0; text-align: left; }
    #content table tr {  }
    #content table th,
    #content table td { color: #666; text-align: left; line-height: 1.4em; padding: 5px 7px; }



/* navi 
---------------------------------------------------------------------------*/

#navigation ul { margin: 32px 0 0 10px; }
    #navigation ul li { background: url(../upload/css_img/dotline_hauptnavi.gif) no-repeat 0% 100%; }
    #navigation ul li a { padding: 0 0 0 20px; font-size: 1.2em; font-weight: bold; display: block; height: 26px; line-height: 26px; }
    #navigation ul li a:hover,
    #navigation ul li a:focus,
    #navigation ul li a:active,
    #navigation ul li a.current { color: #fcca7c; }


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

#extra { line-height: 1.4em; }
#extra #list1 { margin: 38px 0 0 0; width: 166px; background: #e5f5fb;}
#extra h3 { background: #009ad7 url(../upload/css_img/navi_dot.gif) no-repeat 146px 50%; border-bottom: 1px solid #fff; display: block; height: 20px; line-height: 20px; padding: 0 0 0 10px; margin: 0; font-weight: bold; font-size: 1em; color: #fff; cursor: pointer; }
#extra p { margin: 5px 0 5px 10px; }


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

#footer {  width: 746px; height: 15px; line-height: 1em; font-size: 0.9em; background: url(../upload/css_img/bg_footer.gif); }
#footer p { margin: 0 0 0 205px; }
#footer a { color: #fff; }