body {background:#829eac url(images/background.png) repeat-x; text-align:center; margin:0; padding:0; font-size:76%; font-family:verdana, sans-serif;}
img {display:block; border:0;margin-right:15px;}

#wrapper {width:1050px; margin:0 auto; text-align:left; padding-bottom:100px;}

/* Navigation */
.shadow {width:145px; height:192px; background:url(images/shadow_test.png); float:left; margin-right:-2px; position:relative;}
.shadow img {position:absolute; left:0; top:0; z-index:0;}

/* Navi Balken */
.shadow .bar {display:block; width:137px; height:16px; background:#444; color:#fff; line-height:16px; text-indent:10px; text-decoration:none; position:relative; z-index:10; font-size:7.5pt; font-weight:bold; margin-top:50px;}
.shadow .bar:hover {color:#f00;}

/* Navi Block */
.shadow ul {width:137px; height:98px; background:#444; position:relative; z-index:10; padding:10px 0 0 0; margin:10px 0 0 0; list-style:none;}
.shadow ul li a {display:block; width:137px; color:#fff; line-height:12pt; text-indent:10px; text-decoration:none; font-size:7.5pt; font-weight:bold;}
.shadow ul li a:hover {color:#f00;}

.shadow2 {width:250px; height:34px; background:url(images/shadow2.png) no-repeat; float:left; margin-right:-2px; margin-top:50px; position:relative;}
.shadow2 img {position:absolute; left:0; top:16px; z-index:0;}
.shadow2 .bar {display:block; width:137px; height:16px; background:#444; color:#fff; line-height:16px; text-indent:10px; text-decoration:none; position:relative; z-index:10; font-size:7.5pt; font-weight:bold;}
.shadow2 .bar:hover {color:#f00;}
.shadow2 ul {width:250px; height:98px; position:relative; z-index:10; padding:10px 0 0 0; margin:10px 0 0 0; list-style:none;}
.shadow2 ul li {display:block; width:250px; color:#444; line-height:12pt; text-indent:10px; text-decoration:none; font-size:7.5pt; font-weight:bold;}

.slogan {clear:both; color:#306a87; font-size:14pt; padding:20px 0; margin:0; margin-left:11px;}

/* Index News */
.left2 {width:288px; background:url(images/top-left2.png) no-repeat; float:left; margin-right:-2px;}
/* Balken */
.left2 h3 {background:#829eac; font-size:7.5pt; height:16px; line-height:16px; color:#fff; text-indent:10px; width:280px; margin:0; padding:0;}
/* Flaeche News Hintergrundbild */
.left2 ul {padding:10px 0 200px 0; margin:0; width:288px; list-style:none; background: url(images/mid-left2.png);}
/* Newstext */
.left2 ul li {padding:10px 20px 0 10px; font-size:7.5pt; color:#fff; line-height:12pt; font-weight:bold;}
.left2 ul li a {color:#f3c288; text-decoration:none;}
.left2 ul li a:hover {text-decoration:underline;}
.left2 .spacer {height:16px; background:url(images/bottom-left2.png);}

ul li {font-size:7.5pt;}

.left2 .imageShadow {background: url(images/left2.png) left bottom; padding-bottom:8px;}

#blog {width:145px; height:40px; background:url(images/pad.png); float:left;}
#blog a {display:block; width:120px; color:#fff; line-height:12pt; padding-left:10px; text-decoration:none; font-size:7.5pt; font-weight:bold;}
#blog a span {float:right;}
#blog a:hover {color:#444;}

/* Subnavigation */
.left1 {width:145px; float:left;}
#square {width:137px; height:137px; background:#444; margin-bottom:8px;}
#square .title {display:block; width:137px; color:#fff; line-height:12pt; text-indent:10px; text-decoration:none; font-size:7.5pt; font-weight:bold;}
#square .title:hover {color:#0d0;}
#square ul {padding:0; margin:0; list-style:none;}
#square ul li {float:left;}
#square ul li a {display:block; width:137px; color:#fff; line-height:12pt; text-indent:10px; text-decoration:none; font-size:7.5pt; font-weight:bold;}
#square ul li a:hover {color:#0d0;}
#square ul li a.current {color:#0d0;}

/* Fliesstextbox */
.left3 {float:left; width:391px; background:#fff; margin-right:6px; padding:0 20px 50px 10px;}
.left3 img {float:left; padding:10px 0 10px 0px;}


/* Brotkruemelpfad */
.breadcrumb {font-size:7.5pt; color:#444; font-weight:normal;}
.breadcrumb a {text-decoration:none; color:#444;}
.breadcrumb a:hover {text-decoration:underline;}

/* Fliesstext */
.left3 h4 {font-size:11pt; color:#306a87; margin:0; padding:0 0 10px 0; background:url(images/dot.gif) repeat-x left bottom;}
.left3 p {font-size:7.5pt; line-height:18px; padding:0; margin:10px 0;}
.left3 p.blue {color:#306a87;}
.left3 p.lightblue {color:#306a87;}

.left3 a {text-decoration:none; color:#444;}
.left3 a:hover {text-decoration:underline;}

.clear {clear:both;}

/**
* Ab hier kommen die Styles fuer den Blog. Der erste Teil ist fuer die Navigation links zustaendig.
*/
#square_blog {width:137px; background:#444; margin-bottom:8px;}
#square_blog .title {display:block; width:137px; color:#fff; line-height:12pt; text-indent:10px; text-decoration:none; font-size:7.5pt; font-weight:bold;}
#square_blog .title:hover {color:#0d0;}
#square_blog ul {padding:0; margin:0; list-style:none;}
#square_blog ul li {float:left;}
#square_blog ul li a {display:block; width:137px; color:#fff; line-height:12pt; text-indent:10px; text-decoration:none; font-size:7.5pt; font-weight:bold;}
#square_blog ul li a:hover {color:#0d0;}
#square_blog ul li a.current {color:#0d0;}

#searchform { margin-top: 100px; }
.blog_navi { padding:5px; width: 127px; background-color: #444; }
.blog_subtitle { font-size:10px; color:white; padding-top:10px; }
ul.archive li a {font-size:11px; font-family:verdana, sans-serif; color:#444; text-decoration:none;}
ul.archive li a:hover {font-size:11px; font-family:verdana, sans-serif; color:#444; text-decoration:underline;}

/* Der Inhalt des Blogs */
h3.storytitle a {color: #306a87}
div.meta {font-size:76%; font-family:verdana, sans-serif;}
div.storycontent {font-size:76%; font-family:verdana, sans-serif;}
div.feedback {font-size:76%; font-family:verdana, sans-serif;}

/*
li.cat-item a {font-size:11px; font-family:verdana, sans-serif; color:#444; text-decoration:none;}
li.cat-item a:hover {font-size:11px; font-family:verdana, sans-serif; color:#444; text-decoration:underline;}
*/
#comments { color:#306a87; line-height:12pt; text-indent:0px; font-size:7.5pt; font-weight:bold; }
#postcomment { color:#306a87; line-height:12pt; text-indent:0px; font-size:7.5pt; font-weight:bold; }
#commentlist li { padding-bottom: 15px; }


