@charset "UTF-8";
/* CSS Document */
* {margin:0; padding:0;}

/* CSS Clearfix */
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
 
html[xmlns] .clearfix {
display: block;
}

* html .clearfix {
height: 1%;
}
/* JS PNG Hack */
img, div { behavior: url(iepngfix.htc) }

.blogicon {
position:absolute;
right:15px; top:80px;
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333;
font-size: 0.85em;
line-height:160%;
background: url(body.gif) left top repeat-x #336699;
margin-top:40px;
}
#wrapper {
background:url(wrapper.jpg) repeat-x left top #fff;
position:absolute;
width:1000px;
margin-left:-500px;
left:50%;
}
#menu {
background:url(menu.gif) repeat-x left top;
}
#menu ul {
list-style:none;
}
#menu li {
float:left;
line-height:40px;
border-right: solid 1px #333;
}
#menu li a {
text-decoration:none;
color:#fff;
display:block;
padding: 0 15px 0 15px;
}
#menu li a:hover {
background:url(active.gif) left top repeat-x;
}
#menu li.active a {
background:url(active.gif) left top repeat-x;
}
#logo {
padding: 0 15px 0 15px;
}
#outherwrapper {
background: url(colum-center.gif) right top repeat-y;
}
#content {}

#colum-left {
width:465px;
float:left;
padding: 15px 25px 15px 15px;
font-size:90%;
line-height:130%;
}
#colum-left ul {
list-style:circle;
padding:15px;
}
#colum-left .zitat {
border: solid 1px #ccc;
padding:15px;
line-height:130%;
}
#colum-left input {
width:300px;
height:17px;
margin: 3px 0 15px 0;
}
/* Links Content*/
#content a {color:#336699; text-decoration:none; background:url(bubble.gif) left center no-repeat; padding-left:15px;} 
#content a:visited {color:#336699; text-decoration:none;} 
#content a:active {color:#336699; text-decoration:none;} 
#content a:hover {color:#336699; text-decoration:none;} 
#content.inputbox {margin-bottom:15px;}

*html #colum-left {
padding: 15px 10px 0 15px; margin:0;
}
#colum-center {
float:left;
width:245px;
padding-right:15px;
}
#submenu {
line-height:140%;
height:500px;
background:url(submenu.jpg) left top no-repeat;
}
#submenu ul {
list-style:none;
}
#submenu li {
background:url(border-submenu.gif) bottom left no-repeat;
margin: 0 7px 0 7px;
}
#submenu li a {
display:block;
color:#ccc;
text-decoration:none;
padding: 5px 10px 5px 10px;
display:block;
}
#submenu li a:hover {
color:#fff;
}
#submenu li.active a {
color:#fff;
}
#colum-right {
float:left;
width:235px;
}
.teaser {
background:#fff;
margin-bottom:30px;
}
.teaser fieldset {
border: none;
}
.teaser img {
margin-bottom:15px;
}
.teaserinner{
padding:0 15px 15px 15px;
}
.teaserinner hr {
visibility:hidden;
}
.teaserinner .login {
width:200px;
height:16px;
padding-bottom:3px;
margin: 0 0 15px 0;
}
.teaserinner a {color:#336699; text-decoration:none; background:url(bubble.gif) left center no-repeat; padding-left:15px;} 
.teaserinner a:visited {color:#336699; text-decoration:none;} 
.teaserinner a:active {color:#336699; text-decoration:none;} 
.teaserinner a:hover {color:#336699; text-decoration:none;} 

.teaserinner .button {
margin: 10px 0 10px 0;
}
.teaser h3 {
padding-left:15px;
background:#4f4f4f;
line-height:25px;
font-size:100%;
color:#fff;
}
.teaser ul {
list-style:none;
padding:0 15px 15px 15px;
margin-bottom:15px;
}
.latestpost{
font-weight:bold;
text-decoration:underline;
margin:5px 0 5px 0;
}
.thema .autor {
margin:5px 0 5px 0;
}
.blog {
text-decoration:underline;
}
.teasermore {
background:url(teaserbox.gif) left top repeat-x;
color:#fff;
padding-left:15px;
border-bottom: solid 1px #ccc;
line-height:25px;
font-size:100%;
}
.teasermore a {
color:#fff;
text-decoration:underline;
}
#footer {
clear:both;
background: url(footer.jpg) center center no-repeat;
line-height:50px;
}
#footer ul {
list-style:none;
}
#footer li {
float:left;
width:470px;
padding-left:15px;
}
#footer li a {
color:#333;
text-decoration: underline;
}
#slider ul, #slider li{
margin:0;
padding:0;
list-style:none;
}
#slider, #slider li{ 
/* 
define width and height of container element and list item (slide)
list items must be the same size as the slider area
*/ 
width:480px;
height:250px;
overflow:hidden;
margin-bottom:30px;
}
#slider, #slider li img {
border:none;
} 
span#prevBtn{ position:absolute; z-index:1000; font-size:200%; left: 0px; top: 250px; height:40px; width:40px;}
span#nextBtn{ position:absolute; z-index:1000; font-size:200%; left: 480px; top: 250px; height:40px; width:40px;}
a img { border: 0; }

/* Anschrift*/
.kontakt ul {
list-style:none;
}
.kontakt li {
background: none !important;
color:#fff;
padding: 0 10px 0 10px;
}
.kontakt li.first {
padding-top:15px;
font-weight:bold;
}

/* Überschriften*/ 
h1 { color:#336699; font-size:160%; font-weight:normal; line-height:180%;}
h2 { color:#336699; font-size:120%; font-weight:normal; line-height:140%; margin-top:15px;}

/* Blog*/ 
.libary { padding:10px; border-bottom: dotted 1px #4f4f4f;}
.libary a { color:#336699; text-decoration:none;}
.libary h3{ background: url(blogicon_liste.gif) left center no-repeat #fff; padding-left: 25px;}
.kommentaresidebar {background:url(comments.gif) left center no-repeat #fff; padding-left:20px;}
.blogurl {background:url(blogurl.gif) left center  no-repeat #fff; padding-left:20px;}

#comments { width:480px;}
#comments h2 { color:#336699; font-size:130%; font-weight:normal; line-height:160%;}
.jot-row jot-row-alt jot-row-me { width:480px;}
/* Suche*/ 
.teaserinner fieldset {padding-top:10px;}
#ajaxSearch_input { width: 140px;}
#ajaxSearch_submit { width: 50px; height: 19px; background:#336699; color:#fff; text-align:center; border:none; border: solid 1px #336699;}