@charset 'UTF-8';
/**
 * @package WordPress
 * @subpackage Basis_Theme
 */
 
/*
Theme Name: Basis
Theme URI: http://wpbasis.de/
Description: Basis theme for WordPress to start a new theme
Version: 1.2.1
Author: Frank Bueltge
Author URI: http://bueltge.de/
Tags: threaded-comments, sticky-post
License: GNU General Public License (GPL) version 3
last Date: 23.06.2009 11:43:35
*/

@import url(layout/css/style.css);

/* Global Elements: Anordnung der einzelnen Element-Boxen 
-----------------------------------------------------------*/

#body {
      border:0px solid black;
      width:100%;
      font-family: Arial; lucida sans unicode;  trebuchet MS; Tahoma;  Franklin Gothic Medium;  Microsoft Sans Serif; Lucida Console;   lucida grande;  sans-serif;  
      margin:0 auto;
}

#wrap {
      border:0px solid red;
      width:950px;
      margin:0 auto;
      overflow:hidden;
}

#header {
      position:relative;
      border:0px solid blue;
      width:950px;
      margin:0px;
      padding:0px;
}

#blogtitle {
     border:0px solid red;
     position:relative;
     width: 950px;
     height:70px;
}
.titel {
     color: #fff;
}

#logo {
      float:left;
      border:0px solid green;
      width:700px;
      height:100px;
      margin-top: -70px;
}
#logo h2 {
      font-size: 30px;
      font-weight: bold;

}

#logo p.eins {
      margin-top:20px;
      float:left;
      font-size: 30px;
      font-weight: bold;
      color: #E6F1FF;
}
#logo p.zwei {
      margin-top:20px;
      float:left;
      font-size: 30px;
      font-weight: bold;
      color:#C9E1FF;
}


#logo p.drei {
      margin-top:20px;
      float:left;
      font-size: 30px;
      font-weight: bold;
      color: #99CCCC;
}
#logo p.vier {
      margin-top:20px;
      float:left;
      font-size: 30px;
      font-weight: bold;
      color: #6699FF;
}

#logo p.fuenf {
      margin-top:20px;
      float:left;
      font-size: 30px;
      font-weight: bold;
      color: #0089D0;
}

#logobild {
     border: 0px solid pink;
     float:right;
     width: 220px;
     height: 75px;
     margin-top:-70px;
     background: url('http://www.quartier-nord.de/wp-content/uploads/2009/08/logo_stempel_neu.jpg') no-repeat;
     background-position:0 -20px;
     }

/* Beginn der Navigation 
--------------------------------*/
#navigation {
      border:0px solid green;
      width:956px;
      padding:0 0 0 0;
      margin-left:-6px;
      margin-top:0px;
      overflow:hidden;
}

#navigation ul {
  float:left;
  padding: 0 0 0 0;
  list-style-type:none;
  margin: 0 auto;  
}

#navigation li {
  float:left; 
  width:233px;
 /* background-color: #4B4B4B; */
  border-left: 6px solid white;
  position:relative; 
}

#navigation li a {
   background:url(http://www.quartier-nord.de/wp-content/uploads/2009/07/navi_1_neu.gif) no-repeat;
   background-position: 0 -10px;
   height:150px;
   display:block;
   width:235px;
   color: #4B4B4B;
   font-family:arial;
   font-size:14px;
   font-weight:bold;
  /*font-variant: small-caps; */
  /* letter-spacing: 0.4em; */
   text-align:left; 
   text-decoration:none; 
   float:left; 
}

#navigation li a:hover {
 background:url(http://www.quartier-nord.de/wp-content/uploads/2009/07/navi_1_neu.gif) no-repeat;
 background-position: 0 -170px;
 height:150px;
 
}

#navigation li.current_page_item a {
 background:url(http://www.quartier-nord.de/wp-content/uploads/2009/07/navi_1_neu.gif) no-repeat;
 background-position: 0 -170px;
 height:150px;
 
}

#navigation li.page-item-13 a {
 background:url(http://www.quartier-nord.de/wp-content/uploads/2009/07/navi_2.gif) no-repeat;
 background-position: 0 -10px;
 height:150px;
}

#navigation li.page-item-13 a:hover, #navigation li.page-item-13.current_page_item a {
 background:url(http://www.quartier-nord.de/wp-content/uploads/2009/07/navi_2.gif) no-repeat;
 background-position: 0 -170px;
 height:150px;
}

#navigation li.page-item-21 a {
 background:url(http://www.quartier-nord.de/wp-content/uploads/2009/07/navi_3.gif) no-repeat;
 background-position: 0 -10px;
 height:150px;
}

#navigation li.page-item-21 a:hover, #navigation li.page-item-21.current_page_item a {
 background:url(http://www.quartier-nord.de/wp-content/uploads/2009/07/navi_3.gif) no-repeat;
 background-position: 0 -170px;
 height:150px;
}

#navigation li.page-item-2 a {
 background:url(http://www.quartier-nord.de/wp-content/uploads/2009/07/navi_4.gif) no-repeat;
 background-position: 0 -10px;
 height:150px;
}

#navigation li.page-item-2 a:hover, #navigation li.page-item-2.current_page_item a {
 background:url(http://www.quartier-nord.de/wp-content/uploads/2009/07/navi_4.gif) no-repeat;
 background-position: 0 -170px;
 height:150px;
}

#bildrahmen {
      border: 0px solid blue;
      margin: 10px 0 5px 0;
      width: 951px;
      height: 150px; 
      overflow: hidden;
}

#main {
      float:left;
      width:950px;
      margin:0 0 0 0;
      padding:0 0 0 0;
      border: 0px solid red;
}

#contentrahmen {
      float:left;
      border:0px solid #999999;
      width:710px;
      margin: 0 0 0 0;
      padding:0 0 0 0;
}     

#content {
      float:left;
      border:0px solid blue;
      width:650px;
      height:100%;
      margin: 40px 0 0 0;  
      padding: 0 0 0 0;
}  

#seitenleiste {
      border: 0px solid yellow;
      float: right;
      background-color: #fff; 
      width: 232px;
      margin: 0 0 0 0;
      padding: 0 0 0 0;
}

#sidebar {
      border:0px solid blue;
      background-color: #fff;
      position:relative;
      float:right;
      margin:40px 0 0 0;
      padding: 0 0 0 0;
      width:232px;
}

/* Footer mit Textwidgets
------------------------------------ */
#footer {
      float:left;
      background-color:#4B4B4B;
      border:0px solid red;
      padding:0px;
      margin:0px;
      width:950px;
}

#footer ul {
      padding:0px;
      margin:0 0 0 10px;
}     

#footerleft {
      float:left;
      width:400px;
      border:0px solid yellow;
      margin-right:50px;
}

#footermiddle {
      float:left;
      width:240px;
      border:0px solid green;
} 

#footerright {
      float:left;
      width:240px;
      border:0px solid green;
} 

.textwidget {
      width:232px;
      border:0px solid red;
      padding:0px;
      margin:0px; 
      float:left;
} 

.textwidget p {
      color: #fff;
      font-size: 12px;
      line-height: 18px;
      text-align: left;
      padding:0px;
      margin:0px; 
      width:300px;
      border:0px solid yellow;
}
.footpic {
      float:left;
      margin:5px 10px 5px 0px;
      width:40px;
      border:0px solid blue;
}
.textwidget p.foottext {
      width: 170px;
      color: #fff;
      font-size: 12px;
      line-height: 18px;
      text-align: left;
      margin: 5px 0px 5px 0px;
      float:left;
      border:0px solid pink;
}

#footerbottom  {
      clear:both;
      background-color:#4B4B4B;
      border:0px solid green;
      width:920px;
      margin:auto;
}

.sidebox h3 {
      color: #fff;
      font-size:14px;
      font-weight: bold;
      text-align:left; 
      margin: 10px 0 5px 0;
      padding:0 0 0 0;
}


/* Sidebars Seite
-----------------------------------------------------------*/

#sidebar h3 {
      color: #4B4B4B;
      font-size: 24px;
      font-weight: normal;
      padding: 0 0 0 0;
      margin: 0 0 10px 0;
}

#sidebar ul li {
    list-style-type:none;
    margin:0 0 0 0;
}

#sidebar ul li ul li {
    list-style-type:none;
    margin: 0 0 0 0;
}

#sidebar a:link {
      color: #0089D0;
      text-decoration:none;
}

#sidebar a:visited {
      color: #0089D0;
      text-decoration:none;
}

#sidebar a:active {
      color: #0089D0;
      text-decoration:underline;
}

#sidebar a:hover {
      color: #0089D0;
      text-decoration:underline;
}

#sidebar .current_page_item a {
      color: #0089D0;
      text-decoration:underline;
}

/* Links im Page-Bereich
-----------------------------------------------------------*/
a:link {
     color: #0089D0; 
     text-decoration:none;
}
a:visited {
     color:#0089D0; 
     text-decoration:none;
}
a:active {
     color:#0089D0; 
     text-decoration:underline;
}
a:hover {
     color:#0089D0; 
     text-decoration:underline;
}

/* Links im Content-Bereich
-----------------------------------------------------------*/
#content a {
     color: #0089D0; 
     text-decoration:none;
}
#content a:visited {
     color:#0089D0; 
     text-decoration:none;
}
#content a:active {
     color:#0089D0; 
     text-decoration:underline;
}
#content a:hover {
     color:#0089D0; 
     text-decoration:underline;
}

.thedate {
      font-size: 12px;
      text-align: right;
      margin: 5px 0 20px 0;
}
.datum {
     clear: both;
     color: #4B4B4B;
     margin: 20px 0 0 0;
}

.story img {
     border: 0px;
     padding: 0 0 0 0;
     margin: 0 20px 0 0;
}


/* Link-Überschriften im Content-Bereich  
-----------------------------------------------------------*/
#content h2 {
     font-size:24px;
     color: #4B4B4B;
     font-weight:normal;
     margin-top:0px;
     padding-top:0px;
}

#content h2 a:link {
     color: #4B4B4B;
     text-decoration:none;
}
#content h2 a:visited {
     color: #4B4B4B;
     text-decoration:none;
}
#content h2 a:active {
     color: #4B4B4B;
     text-decoration:underline;
}
#content h2 a:hover {
     color: #4B4B4B;
     text-decoration:underline;
}



/* Schriftgrößen und styles
-----------------------------------------------------------*/
p {
    font-size: 17px;
    font-weight: normal;
    color: #000;
    letter-spacing: 0em;
    line-height: 26px;
}
h1 {
   font-size: 24px;
   line-hight: 30px;
   margin-bottom: 18px;
   font-family: arial;
}
h2 {
   font-size: 20px;
   line-hight: 26px;
   margin-bottom: 14px;
   font-family: arial;
}
h3 {
   font-size: 18px;
   line-hight: 24px;
   margin-bottom: 10px;
   color: #4B4B4B;
   font-family: arial;
   font-weight: normal;
}


/* Portraitbild
-----------------------------------------------------------*/
.kontakt {
   float:left;
   margin-right:10px;
}

.beispiel {
   float:left;
   margin-right:10px;
   max-width: 350px;
}

.beschreibung {
    font-size:18px;
    line-height:26px;
    textdecoration:underline;
}

.haftung {
      color: #000;
      font-size: 12px;
      line-height: 18px;
}