/*  
Theme Name: Sichtzeichen.com
Theme URI: http://www.sichtzeichen.com/
Description: Layout für Sichtzeichen.com
Version: 1.0
Author: bluesky systems
Author URI: http://bluesky-systems.de/

*/



/* Begin Typography & Colors */

    * { margin:0; padding: 0; }
#menue ul li a:link, 
#menue ul li a:visited
 * html body * { overflow:visible; }

 option { padding-left: 0.4em; }

body {
    font-size: 87.5%; /* Resets 1em to 10px */
    font-family: 'AvantGarde Bk BT', Arial, Helvetica, Sans-Serif;
    color: #3f3326;
    background: #fff6e4;
    text-align: left;
    }

.u,
.hidden,
#skip a {
   position:absolute;
   left:-10000px;
   top:auto;
   width:1px;
   height:1px;
   overflow:hidden;
}
#skip {
   display : inline;
}
#skip a:hover,
#skip a:focus,
#skip a:active {
    left: 6px;
    top: 94px;
    font-size : 1em;
    width : auto;
    height : auto;
    background-color : #FFF6E4;
    border: 2px solid #3F3326;
    border-left-width : 4px;
    padding : 4px 10px;
    overflow : visible;
    color  : #3F3326;
    text-decoration : none;
}


/*
#header {margin: 0; margin-bottom: 2em; height: 133px; }
#header img {margin: 0; padding: 0; border: 0;}
/* #header strong {float: left; position: relative; top: 10px; left: 500px;} */
/*#header .header1 {  float: left;}
#header .header2 { float: left; }
#header .header3 {float: left; }
*/

#header {
    max-width:1000px;
    background: url('images/header_background.gif') top repeat-x;
 } 

#header p {
    margin-left: 140px;
    height:123px;
    background: url('images/sichtzeichen-in-gebaerden.jpg') top left no-repeat;
 }

#header p strong {
    display:block;
    float:right;
    font-size: 1.4em;
    margin: 1em 1em 0 0;
    text-transform: lowercase;
 }

#banner1 {
    float: left;
    height: 123px;
    min-width:1px;
    max-width: 140px;
 }

#banner2 {
    float: right;
    height: 123px;
    min-width:1px;
    max-width: 150px;
 }

  #navigation, #contentrahmen {clear: both;}
  #navigation {margin:0;}

  #navigation ul {
    line-height: 1.5em;
    list-style: none;
    margin: 0;
    padding: 0 0 0 5px;
    white-space: nowrap;
    overflow: hidden;
    height: 1%;
  }

  #navigation li {
    float: left;
    margin: 2px 3px 2px 0;
    padding: 0 0 0 0;
  }

  #navigation  a
 {
    background: #ffe8bc url("images/menue_link.gif") repeat-x top left;
    color: #3f3326;
    display: block;
    font-weight: normal;
    padding: 10px 11px 5px 8px;
    text-decoration: none;
    /**
     * @bugfix
     * @affected   IE5.x, IE6
     * @css-for    all browsers
     * @valid      yes
     */
    width: auto; /* only IE 5.x */
    width/**/:/**/ .1em; /* only IE 6.0 */
  }

  /**
   * @bugfix
   * @affected   IE5.x, IE6
   * @css-for    all browsers
   * @valid      yes
   */
  #navigation > ul a,
  #navigation > ul strong { width: auto; }  /* for other browsers */

  #navigation ul li a:focus,
  #navigation ul li a:hover,
  #navigation ul li a:active {
    background: #fff6e4 url("images/menue_over.gif") repeat-x top left;
  }

  
  #navigation a:focus,
  #navigation a:hover,
  #navigation a:active {
    background-color: #fff6e4;
    color: #3f3326;
    padding-bottom: 3px;
    border-bottom: 2px solid #3f3326;
 }

  #navigation li.current, 
  #navigation li.page_parent a {
    background: #fff6e4 url("images/menue_over.gif") repeat-x top left;
    border: 0;
  }

  #navigation li.page_parent a {
    border-left: 1px solid #fef6e2; 
    border-right: 1px solid #fef6e2; 
  }

  #navigation li.page_parent a:hover,
  #navigation li.page_parent a:focus,
  #navigation li.page_parent a:active
 {
    padding-bottom: 3px;
    border-bottom: 2px solid #3f3326;
  }

  #navigation .current a,
  #navigation .current strong {
    color: #3f3326;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 10px;
  }

  #navigation strong {
    border-left: 1px solid #fef6e2; 
    border-right: 1px solid #fef6e2; 

    display: block;
    font-weight: normal;
    padding: 10px 11px 4px 8px;
    text-decoration: none;
    /**
     * @bugfix
     * @affected   IE5.x, IE6
     * @css-for    all browsers
     * @valid      yes
     */
    width: auto; /* only IE 5.x */
    width/**/:/**/ .1em; /* only IE 6.0 */
  }



#contentrahmen {
   margin: 3em 1em 0 1em;
   padding: 0;
   clear: both;
   max-width: 980px; /* Heller, auf Breite beschränkt, damit Video nicht nach rechts raus fliegt.. */
}

#content_nv,
#content {margin: 0; padding: 0; }


#content {margin-left: 17em;   }
#content_nv {margin-left: 17em;   }



#content h1 {margin-top: 0; font-size: 1.5em; font-weight: normal;}

#content_nv h1 {margin-top: 1em; font-size: 1.5em; font-weight: normal;}

#content_nv h2,
#content h2 {margin-top: 1em; font-size: 1.3em;  font-weight: normal;}

#content_nv h3,
#content h3 {margin-top: 1em; font-size: 1.1em;  font-weight: normal;}

#content .video {padding-top: 1em;  margin: 0; }

#content #container {
   float: right;
   padding-top: 0;
   margin: 0 3em 0 1em;
   margin: 0 0em 1em 1em;
   overflow: hidden;
}

#content_nv h1.presse {margin-bottom: 1em;}


#content .clearfix {clear: right;}


#content p,
#content_nv p {margin: 1em 0 1em; }

#content ul,
#content_nv ul,
#content ol,
#content_nv ol {margin: 1em 0 1em 2em; }

#content ul,
#content_nv ul  {list-style-type: square; }

#content ul li,
#content_nv ul li,
#content ol li {line-height: 2em; }

#content address {margin: 0 0 2em; font-style: normal; }

#content #c_form_2,
#content fieldset,
#content_nv #c_form_2,
#content_nv fieldset {width: 30em; }

#content #c_form_2 fieldset,
#content_nv #c_form_2 fieldset  {border: 1px solid #3f3326; padding: 1em;  }

#content #c_form_2 legend,
#content_nv #c_form_2 legend {background: #ffe8bc; color: #3f3326; }

#content #c_form_2 .text,
#content_nv #c_form_2 .text {margin: .25em 0 1.5em 0; }

#content #c_form_2 input,
#content #c_form_2 textarea,
#content_nv #c_form_2 input,
#content_nv #c_form_2 textarea
 {font-size: 1.1em; padding: 3px 0; }


#content a:link,
#content a:visited,
#content_nv a:link,
#content_nv a:visited {padding: 0 2px; background: #fff1dd; text-decoration: underline;color: #3f3326; }

#content a:hover,
#content a:focus,
#content a:active,
#content_nv a:hover,
#content_nv a:focus,
#content_nv a:active {
    color: #3f3326;
    background: #ffe8bc;
    text-decoration: none;
    border-bottom: 2px solid #3f3326;}


#content_nv .archive h2 {font-size: 115%; margin: 2em 0 .5em 0;}

#content_nv h6.mp {font-size: 115%; margin: 2em 0 .5em 0;}

#content_nv .post {margin-top: 2em;}
#content_nv .postmetadata {margin-bottom: 4em;}


.foto {margin: 2em 0 ; padding: 1em;}
.foto strong {display: block; margin-top: 1em; width: 80%;}

.faq {margin: 2em 0 ; padding: 1em; clear: right;}

p.faq_q {display: block; margin: 0 2em 0 0; font-weight: bold; font-style: italic;}

p.faq_a {clear: right;}

.container_faq { }


.pagebar {margin: 2em 0 1em 0 ;}


.pagebar .this-page {padding: .5em; border: 1px solid #f5e3b7 ;}

.pagebar span {margin-right: .5em;}
.pagebar .current,
.pagebar .link {padding: .1em; border: 1px solid #3f3326 ;}



/* Kommentare */

.commentlist cite {display: block;}

.commentmetadata {font-size: .8em;}

.comments {font-size: 135%; margin: 2em 0 1em 0;}

.commentlist {width: 70%;}

ol.commentlist li  {padding: 1em 0 .5em 1em; margin-bottom: 2em; list-style: none; }


ol.commentlist .alt  {border-top: 2px solid #deb567; border-right:2px solid #deb567;}
ol.commentlist .alt1  {border-top: 2px solid #deb567; border-right:2px solid #deb567;}
ol.commentlist .author  {border-top: 2px solid #3f3326; border-right:2px solid #3f3326;}


.comment-number {
   float: right;
   font-weight: bold;
   margin: 0 2em;
   font-size: 150%;
   color: #4f4336;
   font-family: Times New Roman, serif;}


#menue { float: left; margin: 0 1em 2em 0; width: 14em; overflow: hidden;}


#menue h6 { 
    margin: 0 1em 0 0;
    font-size: 1.1em;
    line-height: 1.8em;
    padding: 0 0 0 1em ;
    background: #fff6e4 url("images/h6_bg.gif") repeat-y top left;
     }

#menue li.rss { 
    margin: 2em 0 0 -1em;
    padding: 0;
     }

#menue li.rss h6 { 
    margin-right: 0em;
     }



#menue ul   { 
    list-style: none;
    margin: 0 1em 0 1em;
    padding: 0;
    font-size: .9em;
}


#menue ul.subnav   { 
    margin-bottom: 2em;}

#menue ul li  { 
    margin: 0;
    padding: 0;
    display: block;
    border-bottom: 1px solid #f5e3b7;
    height: 1%;
    height: auto !important;
 }

#menue ul li a:link, 
#menue ul li a:visited { 
    text-decoration: none;
    color: #3f3326;
    display: block;
    line-height: 1.8em;
    border-left: 1px solid #fff6e4;
    padding: 0 10px 0 13px;
}

#menue ul li.norss { 
    text-decoration: none;
    color: #3f3326;
    display: block;
    line-height: 1.8em;
    border-left: 1px solid #fff6e4;
    padding: 0 10px 0 13px;
}


#menue ul li a:hover, 
#menue ul li a:focus,
#menue ul li a:active { 
    text-decoration: underline;
    color: #3f3326;
    padding-left: 11px;
    text-decoration: none;
    border-left: 3px solid #3f3326;
}

#menue .current { 
    display: block;
    line-height: 1.8em;
    padding: 0 10px 0 15px;
    border-left: 5px solid #3f3326;
}

/* Footer */

#footer {
    clear: both;
    margin-top: 2em;
    background: #fff6e4 url("images/footer_bg.gif") repeat-x top left;
    border-top: 1px solid #fff6e4;
    max-width:1000px;
    height: 4em;
    padding-top: 2em;
}

#footer ul {
    margin: 0 0 0 2em;
    padding: 0;
    list-style: none;
}

#footer ul li {
    float: left;
    margin-right: 1em;
    padding-bottom: 1em;
}

#footer ul li a {color: #3f3326;}

#footer ul li a:hover,
#footer ul li a:focus,
#footer ul li a:active {
    color: #3f3326;
    text-decoration: none;
    border-bottom: 2px solid #3f3326;
}