/*
Theme Name: DingFabrik Theme
URL: http://www.dingfabrik.de
Authors: DingFabrik / Kasa Amend / habo
Editors: Stephanie / Reinhard / …
*/
* {
  padding:0;
  margin:0;
}

.post ul {
  padding-left:10px;
}
h1 {
  font-size:22px;
}
h2 {
  font-size:20px;
  margin-top: 20px;
}

html, body {
  font-family: Arial, Verdana, Sans-Serif;
  color:#4f565a;
  text-align:left;
  background-image:url(img/cutting_mat.jpg);
}

/* Galeriebilder Beschriftung */
.wp-caption .wp-caption-text, .gallery-caption {
font-size: 9px !important;
}

/* Grid */
#wrapper{
  width:998px;
  margin:0 auto auto 0;
  text-align:left;
}

#header{
  height:205px;
  background-image:url(img/bg_weis_top.png);
  background-position:top;
  background-position:left;
  background-repeat:no-repeat;
  display:block;
  
}

#header_spl{
  height:300px;
  background-image:url(img/bg_weis_top.png);
  background-position:top;
  background-position:left;
  background-repeat:no-repeat;
  display:block;
  
}

.teaser{
  height:46px;
  width:256px;
  margin-left:0px;
  float:left;  
  
}
.nav{
  height:47px;
/*  margin-left:50px; */
  margin-left:-12px;
 float:left;  
}

.xtralinks{
 float:left;
 margin-left:0px; 
}

/* Navigations Buttons ganz oben */
.btn-nav {
  display:block;
  float:left;
  border:0;
}

#btn-blog { background-image:  url(img/btn_blog.jpg);}
#btn-blog:hover{ background-image:  url(img/btn_blog2.jpg);}

#btn-mitmachen { background-image:  url(img/btn_mitmachen.jpg);}
#btn-mitmachen:hover{ background-image:  url(img/btn_mitmachen2.jpg);}

#btn-faq { background-image:  url(img/btn_faq.jpg);}
#btn-faq:hover{ background-image:  url(img/btn_faq2.jpg);}

#btn-veranstaltungen { background-image:  url(img/btn_veranstaltungen.jpg);}
#btn-veranstaltungen:hover{ background-image:  url(img/btn_veranstaltungen2.jpg);}

#btn-geraete { background-image:  url(img/btn_geraete.jpg);}
#btn-geraete:hover{ background-image:  url(img/btn_geraete2.jpg);}

#btn-ressourcen { background-image:  url(img/btn_ressourcen.jpg);}
#btn-ressourcen:hover{ background-image:  url(img/btn_ressourcen2.jpg);}

.head_img {
  margin-left: 110px;
  float:left;
}
.head_txt {
  margin:50px auto auto 10px;
  width:380px;
  float:left;
}

.head_links{
  float:left;
  width:90px;
  height:60px;
  margin-left:100px;
margin-top:28px;
}

.head_links_spl{
  float:left;
  width:90px;
  height:60px;
  margin-left:20px;
margin-top:28px;
}


#main{
  background-image:url(img/bg_weis_repeat.png);
  background-repeat:repeat-y;
  min-height:400px;
  overflow:auto;
  clear:both;
}
#footer{
  background-image:url(img/bg_weis_bot.png);
  background-position:top;
  background-position:left;
  background-repeat:no-repeat;
  display:block;
  height:104px;
}

#content {
  width:800px;
  margin:20px auto 60px 60px;
  float:left;
}

#sidebar {
  width:135px;
  margin:0px 0 0 30px;
  float:left;
  font-size:11px;
}

/* Basics */
a {
  color:#447886;
  text-decoration: none;
  border:none;
}

a img, img {
  border: none;
}

p{
  font-size:12px;
}

/* Splash */

p.splash_txt {
  margin-left:32px;
  margin-top:12px;
}

a.big {
  font-size:17px;
  font-weight:bold;
  color:#5c828d;
  text-decoration:underline;
  vertical-align:baseline;
  
}
a.small {
  font-size:12px;
  font-weight:bold;
  color:#5c828d;
  text-decoration:underline;
  vertical-align:baseline;  
}
a.tiny {
  font-size:11px;
  font-weight:normal;
  color:#a92e33;
  text-decoration:none;
  vertical-align:baseline;
  margin:0;
  
}

.tease_box{
  width:190px;
  float:left;
  margin-left:60px;
}

.tease_box p{
margin:10px auto 6px 6px;
}  


.foto_box{
  width:700px;
  float:left;
  margin-left:60px;
  margin-top:10px;
}
.flickr img{
  margin-right:12px;
}

.m0{
  margin: 0 auto 4px 0px;
}
.m1{
  margin: 0 auto 4px 4px;
}
.m2{
  margin: 0 auto 4px 8px;
}
.m3{
  margin: 0 auto 4px 14px;
}
.m4{
  margin: 0 auto 4px 20px;
}

.t0{
  margin-top: 0px;
}
.t1{
  margin-top: 8px;
}
.t2{
  margin-top: 20px;
}
.t3{
  margin-top: 24px;
}
.t4{
  margin-top: 32px;
}

.b2{
  margin-bottom: 8px;
}
  

/* Posts */

#content_blog {
  width:530px;
  float:left;
  margin: 0 auto 10px 130px;
}

.post {
  margin:10px 0 30px;
  width:508px;
}
.date {
  width:55px;
  height:31px;
  text-align:center;
  font-size:11px;
  font-weight:bold;
  color:#FFFFFF;
  background-color:#cbc09e;
  float:left;
  padding:2px 0 0 0;
}
.post-title{
  float:left;
  display:block;
  width:508px;
  height:41px;
  /*margin:19px 0 auto auto;*/
  background-image:url(img/t_bg.jpg) 
}
.post p{
  font-size: 12px;
  line-height:17px;
  width:410px;
  margin:12px auto 6px 0;
  color:#31373a;
  
}
.post ol, .post li{
  font-size: 12px;
  line-height:16px;
  width:410px;
  margin:12px auto 6px 8px;
  color:#31373a;
  list-style-position:inside;  
}
.post h4{
  font-size:13px;
  font-weight:bold;
  color:#447886;
  margin-top:30px;
}
.post h3, .post h3 a{
  font-family:Arial Narrow, Helvetica, sans-serif;
  font-size:18px;
  color:#447886;
  margin:8px auto auto 20px;
  font-weight:140;
}

.post-title h3 a{
  font-family:Arial Narrow, Helvetica, sans-serif;
  font-size:18px;
  color:#ffffff;
  margin:8px auto auto 20px;
  font-weight:140;
}

.post-title h3 a:hover{
  color:#e3e5e2;
}
.post-content img{
  margin:0;
  border:0;
  border-bottom:14px solid #FFFFFF;
  text-decoration:none;
}
.post-content p a{
  text-decoration:underline;
}
.post-content p a:hover, .subline a:hover, .blaettern a:hover{
  color:#FFFFFF;
  background-color:#447886;
  text-decoration:none;
}
.trenn {
  margin:12px auto 8px 0;
}
.subline{
  margin:8px auto 20px;
}
.subline, .subline p, .subline a{
  font-size:11px;
}

/* Comments */
#comments {
  font-size:11px;
  margin-top:0px;
}
#comments p{
  width:410px;
  margin:6px auto 8px 0;
}
#comments img{
margin-right:4px;
}


#comments h4{
  margin:24px auto;
}

.comment-box{
margin-bottom:36px;
}

input, submit{
  font-size:11px;
}

.blaettern a{
 font-size:12px;
 font-weight:bold;
}

/* Sidebar */
#sidebar{
  width:160px;
  margin:40px auto auto 30px;
}

#sidebar img{
  margin:0 auto 2px;
}
#sidebar strong{
  color:#879ba7;
  font-weight:normal;
}
#sidebar h3{
  font-size:12px;
  color:#50808e;
  margin:20px auto 4px 0;
  font-weight:bold;
}
#sidebar p{
  color:#7c858c;
  font-weight:normal;
}

#sidebar ul{
  margin:0 0 0 8px;
}

#sidebar li, .cat-item  {
  list-style-image:url(img/li.gif);
  list-style-position:outside;
  list-style-type:none;
  margin-left:14px;
  padding:0;
}

#current {
  font-weight:bold;
}

#sidebar p img{
  margin:0 2px 0 6px;
}

#sidebar a:hover{
  color:#FFFFFF;
  background-color:#7da6b1;
}

#sidebar_main{
  min-height:550px;
}


/* Twitter Bubble Box */
.bub-box{
  width:139px;
  margin:0;
  padding:0;
  border:0;
  overflow:auto;
}

.bub-box img{
  margin:0;
  padding:0;
  border:0;
}

.bub-top{
  height:26px;
  overflow:hidden;
}

.bub-bot{
  height:75px;
  overflow:hidden;
}
#sidebar .bub-bot a:hover{
  background:none;
}

.bub-content{
  width:139px;
  background-image:url(img/bubble_bg.png);
  background-repeat:repeat-y;
  min-height:60px;
  height:auto;
  /*padding:0px 3px 3px 8px;*/

}

.bub-cbox{
  margin:0;
  padding:0;
  overflow:hidden;
}

#sidebar .bub-cbox ul, #sidebar .bub-cbox li{
  margin:0px 3px 0px 5px;
  width:100px;
  list-style-image:none;
  font-size:11px;
  font-style:italic;
  color:#a38c68;
}

#sidebar .bub-cbox li{
  margin-bottom:8px;
}
#sidebar .bub-cbox li a{
  color:#beab8e;
}
#sidebar .bub-cbox li a:hover {
  background-color:#a38c68;
  color:#FFFFFF;
}

#sidebar p.profil {
  margin:0 0 0 3px;
}
#sidebar p.profil img{
  margin:0;
}

p.light{
  color:#b7a68b;
}

hr{
  height:2px;
  color:#447886;
  background-color:#447886;
  width:400px;
}


/* Priorisiert */


.post-content p a:hover img{
  background-color:#FFFFFF;
}

.right{
 text-align:right;
}

.flc {
  clear:both;
}

blockquote {
  margin-left:1em;
  margin-right:6em;
  border-top:1px solid #447886;
  border-bottom:1px solid #447886;
}


#sidebar .nav_menu_3 {
  color:#beab8e;
}

.gsearch {
position:absolute;
top:215px;
left:690px;
border: 1px solid black;
padding: 5px;
}
.gsearch .text{
font-size:14px;
font-weight: bold;
}
.gsearch .gpid{
width: 45px;
}
.gbox .hint {
  float:right;
}
.gbox .headline {
  padding:5px;
  font-size:15px;
  font-weight:bold;
}
.gbox .bild {
  border:0;
  max-width: 450px;
  width: expression(this.width > 450 ? 450: true);
  height:auto;
}
.gbox .text{
  margin:5px;
  font-size:12px;
}
.ghints {
  text-align:right;
  font-size:10px;
}
.ghints a{
  margin-left:10px;
}