/* CSS Document for birgit-scheuch.de */
              /* coded September 2006 */
              /* by Luka Peters, www.rot65.de   */


/* ----------------------------------------------------------------- */
/* --------------- >>>>>> Globale Stile <<<<<<<<< ------------------ */
/* ----------------------------------------------------------------- */


body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  background: url(../upload/images/gesamt_bkg.jpg) repeat-y 50% top #d9d9d9;
  font-size:0.8em;
  margin:0;
  padding:0;
}

img
{
    border:0;
}

.hidden
{
    visibility: hidden;
}


/* ----------------------------------------------------------------- */
/* ----------- >>>>>> Verschiedene DIVs <<<<<<<<< ------------------ */
/* ----------------------------------------------------------------- */



#weisseflaeche
{
    padding:10px;
    position: absolute;
    width:750px;
    left:50%;
    margin-left: -390px;

}

#logo
{
    height:110px ;
    width:179px;
    float:left;
        margin: 0 ;
    padding:0;
}

#logo a
{display:block;
width:179px;
height:110px;
text-decoration:none;
}

#logo span
{visibility: hidden;}


#gridtop
{
    background:url(../upload/images/gridtop.jpg) top repeat-y;
    height:120px;
    width:25px;
    float:left;
    margin:-10px 0 0 -13px;
    padding:0;
}


/* ----------------------------------------------------------------- */
/* ----------- >>>>>> Breadcrumb/Navigationspfad <<<<<<<<< --------- */
/* ----------------------------------------------------------------- */


#breadcrumb
{
  margin:80px 0 0 190px;
  padding:0;
  width:550px;
  min-height:25px;
  font-size:0.7em;
  color: #b1b1b2;
  background-color:#fff;
}

#breadcrumb a
{
      color: #b1b1b2;
  background-color:#fff;
  text-decoration: none;
}

#breadcrumb a.nav-path-last
{
    color:#ed1c24;
    background-color: #fff;
}

/*################################*/

#illustration
{
 
  width:179px;
  height:217px;
  margin:0;
  padding:0;
  float:left;
}

#navigationsbereich
{
 width:751px;
 height:220px;
 margin:10px 0 0 0;
}

#navigationen
{
  margin-left:191px;
   position:absolute;
  z-index:10;
  width:560px;
}

/* ----------------------------------------------------------------- */
/* ----------- >>>>>> Stile der Navigationen<<<<<<<<< -------------- */
/* ----------------------------------------------------------------- */


#navigation1 ul, #navigation2 ul, #navigation3 ul
{
  margin:0;
  padding:0;
  list-style-type:none;
  text-transform: uppercase;
}

#navigation1 
{
    background-color:#666;
    color: #ccc;
    font-size:0.65em;
        border-bottom:1px solid #fff;

}

#navigation2
{
    background-color: #999;
    color: #333;
    font-size:0.65em;
        border-bottom:1px solid #fff;
}

#navigation3
{
    background-color:#ccc;
    color:#333;
    font-size:0.65em;
        border-bottom:1px solid #fff;
}

#navigation1 ul, #navigation2 ul, #navigation3 ul
{
    list-style: none;
}

#navigation1 li, #navigation2 li, #navigation3 li
{
        display:inline;
    /*margin-left:2px;*/    
}

#navigation1 a, #navigation2 a, #navigation3 a
{
    text-decoration: none;
    background-color: transparent;
        padding: 0 0.8em;
        line-height:15px;
        margin:0.4em 0.5em;
}

#navigation1 a
{
        color: #ccc;
}


#navigation2 a, #navigation3 a
{
    color: #333;
}


#navigation1 a:hover,#navigation1 a:focus, #navigation1 a.aktiv, #navigation2 a:hover,#navigation2 a:focus, #navigation2 a.aktiv, #navigation3 a:hover,#navigation3 a:focus, #navigation3 a.aktiv
{
    background-color: #ed1c24;
    color:#fff;
}



/* ----------------------------------------------------------------- */
/* ------------------ >>>>>> Symbole <<<<<<<<< --------------------- */
/* ----------------------------------------------------------------- */


#symbole
{
  margin:20px 0 0 191px;
    width:560px;
    position: absolute;
    z-index:2;
}

#textsymbol, #trainingsymbol, #beratungsymbol
{
    float:left;
}

#textsymbol
{
    background: url(../upload/images/scheuch_illu_text.jpg) no-repeat;
    width:180px;
    height:195px;
    margin-right:10px;
}

#trainingsymbol
{
    background: url(../upload/images/scheuch_illu_training.jpg) no-repeat;
    width:180px;
    height:195px;
    margin-right:10px;
}

#beratungsymbol
{
    background: url(../upload/images/scheuch_illu_beratung.jpg) no-repeat;
    width:180px;
    height:195px;
}


/* ----------------------------------------------------------------- */
/* ----------- >>>>>>  Infoleiste <<<<<<<<< ----------------- */
/* ----------------------------------------------------------------- */


#infoleiste
{
    float:left;
    color:#666;
    background-color: #fff;
    width:23%;
}

#infoleiste a
{
    color: #666;
    text-decoration: none;
}

#infoleiste a:hover
{
    text-decoration: underline;
}

#metanavigation
{
    text-align:right;
    font-size: 0.65em;
    color: #b1b1b2;
    background-color:#fff;
    margin-top:20px;
    margin-left:50px;
    text-transform: uppercase;
}

#metanavigation ul
{
    list-style: none;
    margin:0;
    padding:0;
}

#metanavigation li
{
    padding: 0.5em;
    background: url(../upload/images/greydot.jpg) repeat-x top;
}

#metanavigation a
{
    color:#b1b1b2;
    background-color: #fff;
    text-decoration:none;
    padding:0 7px;
    margin-right:0;
    text-decoration:none;
}

#metanavigation a:hover, #metanavigation a.aktiv, #metanavigation a:focus
{
    color:#fff;
    background-color: #b1b1b2;
    text-decoration:none;
}

#claim
{
    color: #ed1c24;
    background-color: #fff;
    font-size:1.5em;
    font-weight: 200;
    font-family: Arial Narrow, Arial, Helvetica, sans-serif;
    width:164px;
    background: url(../upload/images/greydot.jpg) repeat-x top;
}

#claim p
{
margin-left:20px;
padding-top:20px;

}

.news
{
    text-align:right;
    margin-right:5px;
    padding: 10px 0;
    font-size: 0.85em;
    letter-spacing: 1px;
    font-family: Arial, Helvetica, sans-serif;
    background: url(../upload/images/greydot.jpg) repeat-x top;
}

.news p
{
    margin:3px 0;
}

.news h1
{
    font-weight: bold;
    font-size:1em;
}

.news a
{
    color:  inherit;
    background-color: #fff;
    text-decoration:none;
}

.news a:hover, .news a:active, .news a:focus
{
    color: #ed1c24;
    background-color: #fff;
    text-decoration:none;
}

/**** Ende Stile Infoleiste ****/


/* ----------------------------------------------------------------- */
/* ----------- >>>>>> Main content <<<<<<<<< ----------------- */
/* ----------------------------------------------------------------- */




#text, #footer, div#pageturner
{
    
    padding:10px;
    float:right;
    width:73%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.85em;
    line-height:1.5em;
    color:#54321c;
    background-color: #fff;
}

#text h1, #text h1 p
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.2em;
    color:#666;
    background-color:#fff;
    text-transform: uppercase;
    background: url(../upload/images/reddot.jpg) repeat-x bottom;
    padding-bottom:10px;
    letter-spacing: 2px;
}

#text h1 p
{
    background: none;
    padding:0;
    margin:0;
}


#text h2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color:#54321c;
    background-color: #fff;
}

#text h3
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:1em;
    font-weight:bold;
    color:#e11b12;
    background-color: #fff;
}


#text ul
{
    list-style-image: url(../upload/images/bullet.jpg);
    margin:0 0 0 20px;
    padding:0;
}

#text li
{
    color: #54321c;
    line-height:25px;
}

#text a
{
    color:#54321c;
    background-color:#fff;
    text-decoration:underline;
}




/* ----------------------------------------------------------------- */
/* ---------------- >>>>>> Blaettern <<<<<<<<< ---------------------- */
/* ----------------------------------------------------------------- */


div#pageturner
{
background: url(../upload/images/reddot.jpg) repeat-x 0;
height:30px;
padding-top:10px;
margin:0 0 0 20px;
}

#pageturner ul
{
        margin:20px 0 0 0;
        padding:0;
}


#pageturner ul li
{
        float:left;
        list-style:none;
}

#pageturner ul a
{
      color: #333;
  background-color:#fff;
  text-decoration: none;
}

#pageturner ul li a:hover
{
        color:#ed1c24;
        background-color: #fff;
}

#pageturner ul li a.previous
{
        margin:0 10px 0 0;
        text-decoration:none;
}

#pageturner ul li a.next
{
        margin:0 0 0 10px;
        text-decoration:none;
}

/* ----------------------------------------------------------------- */
/* ------------------- >>>>>> Footer <<<<<<<<< --------------------- */
/* ----------------------------------------------------------------- */


#footer
{
    
    background: url(../upload/images/reddot.jpg) repeat-x top ;
    
}

#footer p
{
    margin:0;
    padding:0;
    font-size:1em;
}


#footer a
{
    color:#54321c;
    background-color:#fff;
    text-decoration:none;
}

#footer a:hover, #footer a:focus, #footer a:active
{
    text-decoration: underline;
}

/* ----------------------------------------------------------------- */
/* ----------- >>>>>> Stile der Thickbox <<<<<<<<< ----------------- */
/* ----------------------------------------------------------------- */


img.thickbox
{border:0; float:right; margin-bottom:10px;}

#TB_secondLine {
 font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.85em;
    line-height:1.5em;
    color:#54321c;
    background-color: #fff;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

#TB_overlay {
  position: absolute;
  z-index:100;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  min-height:100%;
  background-color:#ccc;
  filter:alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}
#TB_window {
  position: absolute;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 2px solid #525252;
  text-align:left;

}
#TB_window img {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 30px 25px;
  float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.85em;
    line-height:1.5em;
    color:#54321c;
    background-color: #fff;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:5px 10px 7px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: absolute;
  display:none;
  height:100px;
  width:100px;
  z-index:101;
}
#TB_HideSelect{
  z-index:99;
  position:absolute;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
#TB_iframeContent{
  border:none;
  clear:both;
}

/* ----------------------------------------------------------------- */
/* ----------- >>>>>> Kontaktformular <<<<<<<<< ----------------- */
/* ----------------------------------------------------------------- */

form
{
margin-bottom: 30px;
font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
}

#selection option
{font-family: verdana, Arial, Helvetica, sans-serif;
    font-size: 0.85em; padding:2px;}

fieldset
{
background-color:#d9d9d9;
margin:0;
border:0;
border-top:1px dotted #ccc;
padding:10px 26px;
}

div.leftfloat
{ float:left; margin-right:55px;}

input
{
width: 216px;
background-color:#fff;
color:#54321c;
}

select, textarea, input
{
border:1px solid #ddd;
}

textarea
{
width:490px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
}

#explanation
{
width:200px;
}

input#aufmerksam
{margin-left:10px;}

input#submit, input#reset
{
background-color:#b1b1b2;
color:#fff;
border:1px solid #fff;
width:103px;
margin-top:10px;
}

input#submit
{
margin-right:10px;
margin-left:20px;
}

input#submit:hover, input#reset:hover
{
background-color:#ed1c24;
color:#fff;
}



/* ----------------------------------------------------------------- */
/* ------------------- >>>>>> Sitemap <<<<<<<<< -------------------- */
/* ----------------------------------------------------------------- */

ul#sitemap
{
margin:0; padding:0;
}

ul#sitemap li
{
list-style:none;
border:0;
border-left:1px solid #ccc;
padding-left:5px;
line-height:30px;
}

ul#sitemap li > ul li
{
border-bottom:1px solid #ccc;
}

#sitemap a
{
text-decoration:none;
}

#sitemap a:hover
{
color:#ed1c24;
background-color:#fff;
}