/*
Theme: db-Webservices
Theme URL: http://www.db-webservices.de/
Version: 1.0
Description: db-webservices.de - Webdesign & Webcoding. Copyright by db-webservices.de
Author: Daniel Beckmann
Author URI: http://www.db-webservices.de/
*/

/* Allgemeines */

* {
   margin:0;
   padding:0;
}

body {
   font-family: verdana, tahoma, sans-serif;
   font-size: 12px;
   color: #333;
   background-color: #f8f9fa;
   background-repeat:repeat-x;
   overflow-x:hidden;
   line-height:15px;
}


h1 {
   font-size: 15px;
   color: #21548e;
   margin-bottom: 8px;
   font-weight:bold;
}

h2 {
   font-size: 16px;
   color: #21548e;
   font-weight: bold;
   margin-bottom: 8px;
   line-height:17px;
}

h3 {
   font-size: 15px;
   color: #21548e;
   margin: 25px 0 5px 0;
   font-weight:bold;
}

h4 {
   font-size: 15px;
   color: #21548e;
   margin-bottom: 4px;
   font-weight:bold;
}

.big {
  font-size: 14px;
}

p {
  margin:20px 0;
}

img {
  border:0;
}


a {
   text-decoration:none;
   color: #333;
}

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

a:visited {
   color: #333;
}

.liste {
  margin: 5px 0 5px 30px;
}


.blaulink {
  text-decoration:underline;
  color:#3366cc;
}

.blaulink a:visited, a:active {
  text-decoration:underline;
  color:#3366cc;
}

/* Page */


#page {
  background-image:url("../images/bg.jpg");
  background-repeat:no-repeat;
}


#container {
   margin: 0 77px;
   width:707px;
}


/* ----------- Formulare -------- */


input {
   border: 1px solid #a4bbd5;
   font-family: verdana, tahoma, sans-serif;
   font-size: 12px;
   color: #333;
}

textarea {
   border: 1px solid #a4bbd5;
   font-family: verdana, tahoma, sans-serif;
   font-size: 12px;
   color: #333;
}

.button {
  background-color:#FFFFFF;
}

/*------------------------------*/

/* Head */

#header {
   height:176px;
   background-image:url("../images/header.jpg");
}


/* Navigation */

#navi {
   height:52px;
   overflow:hidden;
}

#navi li {
   list-style:none;
   display:inline;

}

#navi li a{
   height:104px;
   float:left;
}

#navi a:hover {
   margin-top:-52px;
   overflow:hidden;
   display:block;
   float:left;
}

#navi .home  {
  width:121px;
  height:52px;
  background-image:url("../images/nav_home.jpg");
}

#navi .ueber {
  width:117px;
  height:52px;
  background-image:url("../images/nav_ueber.jpg");
}

#navi .leistungen {
  width:117px;
  height:52px;
  background-image:url("../images/nav_leis.jpg");
}

#navi .referenzen {
  width:117px;
  height:52px;
  background-image:url("../images/nav_ref.jpg");
}

#navi .tutorials {
  width:117px;
  height:52px;
  background-image:url("../images/nav_tuts.jpg");
}

#navi .kontakt {
  width:118px;
  height:52px;
  background-image:url("../images/nav_kontakt.jpg");
}


/* Spacer */

#space {
   clear:left;
}


/* Content + Layer */

#content_box {
   margin-top:30px;
}

#content_head {
   height:26px;
   background-image:url("../images/content_head.jpg");
   line-height:40px;
   padding-left:20px;
}

#content {
   background-image:url("../images/content_puffer.jpg");
   min-height:350px;
   padding: 0 30px;
}

#content_foot {
   height:35px;
   background-image:url("../images/content_bottom.jpg");
   text-align:right;
}


#layer_head {
   height:18px;
   width:639px;
   background-image:url("../images/box_h.jpg");
   background-repeat:no-repeat;
}

#layer_c {
   width:639px;
   background-color:#a4bbd5;
   line-height:15px;
}

#layer_inhalt {
  margin:0 10px;
}

#layer_btm {
   height:14px;
   width:639px;
   background-image:url("../images/box_b.jpg");
   background-repeat:no-repeat;
   margin-bottom:30px;
}


/* Footer */

#footer {
   font-size:10px;
   margin-top:10px;
   text-align:center;
   height:35px;
}

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



/* --- News ---*/

.entryhead a {
   font-size: 15px;
   color: #21548e;
   font-weight:bold;
}

.entryhead a:hover {
   font-size: 15px;
   color: #21548e;
   font-weight:bold;
}

.entryhead a:visited {
   font-size: 15px;
   color: #21548e;
   font-weight:bold;
}

.entrymeta {
   margin-bottom:2px;
}

.entrybody {
  color:#333333;
}

/*--- Referenzen ---*/

.reference {
  margin-bottom:30px;
}

.aktiv {
  text-decoration:underline;
}

.aktiv:hover {
  text-decoration:underline;
}



.spacer {
  margin-bottom:10px;
  color:#CCCCCC;
}

.description {
  font-weight:bold;
}


.services {
  line-height:20px;
}

.services li {
  list-style:square;
  margin-left:30px;
}

.software  {
  line-height:20px;
  margin-top:20px;
}

.software li {
  list-style:none;
  display:inline;
  margin-left:5px;
}

.link {
  line-height:20px;
}

.status {
  line-height:20px;
}


.line {
  height:1px;
  background-color:#e4e7e7;
  border:0;
  margin-bottom:30px;
}

.shortline {
  height:1px;
  background-color:#f4f4f4;
  border:0;
  width:550px;
  margin: 0 auto 10px auto;
}

/*--- Kontakt ---*/

.kontaktbox {
  line-height:18px;
}

.kontaktform > div {
  margin:10px 0;
}