/* bastimedia.de / Sebastian Krüger */

/* GLOBAL STYLES
*******************************************************************************/
body {
  font-family: Calibri, Arial, Helvetica, sans serif;
  font-size:85%;
  line-height:1.6em;
  height:100%;
  background: url(bg2.png);
}
* {
  font-family: Calibri, Arial, Helvetica, sans serif;
  font-size: 1em;
  padding:0;
  margin:0;
}


/* CONTAINERS
*******************************************************************************/
#container {
  position:relative;
  margin:auto;
  width:940px;
  margin-top:10px;
  overflow:visible;  /* Opera brauch das für den Hintergrund... */
  background:white;
  -moz-border-radius: 10px;
  dborder: 10px solid white;
  -moz-box-shadow:2px 2px 16px black;
}
#container {
padding:10px;
}

#header {
  background: url(top.jpg) no-repeat 0 10px  #4B525C;
  -moz-border-radius: 10px;
  height: 220px;
  dborder-top: 10px solid #222;
  dborder-bottom: 10px solid #222;
  margin-bottom: 10px;
}
    #header h1 {
      position:absolute;
      height: 45px;
      color: white;
      top: 50px;
      left: 30px;
      smargin-left: 20px;
      smargin-right: 20px;
      font-family: "Trebuchet MS", Calibri, Arial, Helvetica, sans serif;
      font-size: 43px;
      font-weight:normal;
    }
    #header p {
      position:absolute;
      top: 60px;
      left: 30px;
      color:white;
      font-family: "Trebuchet MS", Calibri, Arial, Helvetica, sans serif;
      font-size: 23px;
      font-style: italic;
    }
#content {
  float:left;
  padding: 20px;
  width: 625px;
  -moz-border-radius: 10px;
  background: #f6f6f6;
  margin-left: 15px;
  margin-bottom: 10px;
  margin-top: 8px;

}

#right {
  float:right;
  width: 220px;
  margin-right: 15px;
  margin-top: 8px;
}
    #right .box {
      background: #E3E6EB;
      -moz-border-radius: 10px;
      dpadding: 1px 10px 1px 10px;
      margin-bottom:20px;
      padding: 0 5px 10px 5px;
      
    }
    #right h2, #right h1 {
      -moz-border-radius-topleft: 10px;
      -moz-border-radius-topright: 10px;
      dbackground: #CCC;
      dborder-bottom: 1px solid #eee;
      font-family: "Trebuchet MS", Calibri, Arial, Helvetica, sans serif;
      padding: 10px 5px 5px 10px;
      font-size: 1.7em;
      color: white;
      letter-spacing: 2px;
      text-align: right;
      font-weight: bold;
      margin:0;
    }
    #right p {
      padding: 5px 10px;
      margin: 0;
      dmargin:5px 0 5px 0;
      color: #666;
      font-size: 0.95em;
      line-height: 1.4em;
    }
    #right .pic img {
      border:none;
      margin:0;
    }

#footer {
  dfont-size: 0.8em;
  dcolor: #CCC !important;
  background: #E3E6EB;
  -moz-border-radius: 10px;
  height: 30px;
  line-height: 30px;
  padding: 0 10px 0 10px;
  clear:both;
  smargin-top: 10px;
}
    #footer p {
      dmargin:2px 10px 5px 10px;
      margin:0;
      padding:0;
      color: #999;
      text-align: center;
    }
    #footer a {
      color: #999;
    }
    #footer a:hover {
      color: #666;
    }

/* NAVIGATION
*******************************************************************************/
#menu {
  position:relative;
  top:183px;
  margin: 0 10px 0 15px;
}
    #menu ul {
      fdisplay: block;
      margin:0;
      dmargin-bottom: 10px;
    }
    #menu li {
      float:left;
      list-style: none;
    }
    #menu li a {
      display:block;
      height: 27px;
      line-height: 28px;
      padding: 0px 20px 0px 20px;
      margin: 0 15px 0 0;
      background: url(menu_bg.png);
      sbackground: #555;
      font-weight:bold;
      color: #000;
      sborder: 1px solid #444;
      border-bottom: none;
      -moz-border-radius-topleft:5px;
      -moz-border-radius-topright:5px;
    }
    #menu li a:hover {
      background: #B3BAC5;
      color:white;
    }
    #menu li a.active {
      background: #4B525C;
      color:white;
    }



/* HEADING
*******************************************************************************/
h1 {
  font-size:1.7em;
  color:#F77F00;
  line-height:22px;
  margin-bottom:20px;
}
h2 {
  font-size:1.3em;
  margin:1em 0 0.5em 0px;
  color: #777;
  line-height:16px;
}
h3 {
  font-size:1.0em;
  letter-spacing:0px;
  margin:1em 0 -0.1em 0px;
  color: #777;
  line-height:12px;
}
h4 {
  font-size:1.0em;
  font-weight:normal;
  letter-spacing:0px;
  margin:1em 0 -1em 0;
  color:black;
}


/* CONTENTS
*******************************************************************************/
p {
  margin: 1em 0 1em 0;
  color: #333;
  font-weight: 1em;
}

ul,ol {
  margin: 1em 0 1em 2em;
  color: #333;
}
    ol {
      margin-left:2.5em;
    }

blockquote {
  background: #999;
  padding:1px 15px;
  margin: 1em 0 1em 0;
}
blockquote p {
  margin:4px 0;
  color: white;
}

strong {
  font-family: inherit;
  font-weight:bold;
}
em {
  dfont-style:normal;
  font-family: inherit;
  dcolor:#777;
}

hr {
  height:1px;
  border:none;
  border-bottom:2px solid #F6F3EA;
}

.small, small {
  font-size:0.8em;
  line-height:1.4em;
}

dl {
}

dt {
position: relative;
left: 0;
top: 1.6em;
margin-top: -1em;
width: 5em;
font-weight: bold;
}

dd {
border-left: 1px solid #CCC;
margin: 0 0 0 6em;
padding: 0 0 0em 1em;
}

/* LINKS
*******************************************************************************/
a {
  font-weight:bold;
  color:#4D76B3;
  text-decoration:none;
}
a:visited {
  color: #4D76B3;
}
a:hover {
  color:#0B326D;
  text-decoration: underline;
}
small a, small a:visited, small a:hover {
  background:none;
  padding:0;
}


/* IMAGES
*******************************************************************************/
img {
  border: 2px solid #E0D6C1;
  margin: 6px 4px;
  padding:1px;
}

.icon {
  border:0;
  margin:0;
  padding:0;
  vertical-align:-0.3em;
}
a.img {
  dbackground:none;
  dpadding-left:0;
}

img[align=left], img.l {
  margin-right:10px;
}
img.r {
  margin-left:10px;
}

.gallery_box { /* Albumansicht */
  display:block;
  margin:0;   
  padding:0;
  text-indent:0;
}
    .gallery_box img {
      margin:5px; /* braucht der IE */
    }





/* TABLES
*******************************************************************************/
table {
  margin: 1em 0 1em 0;
}
td {
  padding:1px 5px;
  vertical-align:top;
}
.tab1 {
  background:#F1F1F1;
}
.tab2 {
  background:#FAFAFA;
}


/* SPECIALS
*******************************************************************************/
#blog {
}
    #blog .info {
      color: #999;
      clear:both;
    }
    #blog h2 a {
      color:inherit;
      font-weight:inherit;
    }

.pagenavi a, .pagenavi span {
      padding: 1px 8px;
      margin-right: 5px;
      background:none;
      border: 1px solid orange;
    }
    .pagenavi span {
      background: #FDA;
    }
    .pagenavi span.inactive {
      background:none;
      border: 1px solid #BBB;
      color: #AAA;
    }
    .pagenavi span.skip {
      background:none;
      border: 1px solid #BBB;
      color: #AAA;
    }

.board {
margin-bottom: 2em;
}
    .board .entry {
      background: white;
      -moz-border-radius: 5px;
      border: 1px solid #EEE;
      margin: 10px 0 ;
      dpadding: 5px 10px;
    }
    .board .entry .title {
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
      background: #EEE;
      font-weight: bold;
      padding: 0px 10px;
      margin:0;
    }
    .board .entry .title span {
      font-weight: normal;
    }
    .board .entry .message {
      padding: 5px 10px;
      margin:0;
    }
    .board .entry.hot {
      background: #FAF6F0;
      border: 1px solid #FC9;
    }
    .board .entry.hot .title {
    
      background: #FC9;
    }
    .form_board #message {
       width: 400px;
       height: 150px;
    }
    .form_board #url {
       width: 350px;
    }
    .form_board #captcha {
       width: 30px;
    }