/*  =======================
	fonts
=======================  */
@font-face {
  font-family: 'Droid Sans';
  src: url("/shop/skin/frontend/default/ods/fonts/DroidSans-webfont.eot");
  src: url("/shop/skin/frontend/default/odsfonts/DroidSans-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/DroidSans-webfont.woff") format("woff"), url("/shop/skin/frontend/default/ods/fonts/DroidSans-webfont.ttf") format("truetype"), url("/shop/skin/frontend/default/ods/fonts/DroidSans-webfont.svg#DroidSansRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Droid Sans';
  src: url("/shop/skin/frontend/default/ods/fonts/DroidSans-Bold-webfont.eot");
  src: url("/shop/skin/frontend/default/ods/fonts/DroidSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("/shop/skin/frontend/default/ods/fonts/DroidSans-Bold-webfont.woff") format("woff"), url("/shop/skin/frontend/default/ods/fonts/DroidSans-Bold-webfont.ttf") format("truetype"), url("/shop/skin/frontend/default/ods/fonts/DroidSans-Bold-webfont.svg#DroidSansBold") format("svg");
  font-weight: bold;
  font-style: normal;
}

html {
background:#f8f8f8 url(../images/page-bg.png) repeat-x top;
}

body {
font-size:13px;

text-align:center;
margin:0;
background: url(../images/top-balken.png) repeat-x center top;
color:#212121;
line-height:1.5;
/*font-family:"Trebuchet MS";*/
font-family:"Droid Sans";
}

p {
margin-top:0;
margin-bottom:9px;
}

h1, h2 ,h3 , h4 {
margin-top:0;
margin-bottom:9px;
font-family: Georgia, serif;
font-style: italic;
}

h1 {
font-size:24px;
}

h2 {
font-size:18px;
}

h3 {
font-size:14px;
}

img {
border:none;
}

a {
color:#212121;
text-decoration:underline;
}

a:hover {
color:#4B4B4B;
}

hr {
	border:none;
	border-bottom:1px solid #c0c0c0;
}

.small {
font-size:10px;
}

.align-left {
text-align:left;
}

.align-right {
text-align:right;
}

.align-center {
text-align:center;
}

#page {
width:902px;
text-align:left;
margin:0 auto 20px;

}

#header {
position:relative;
height:111px;
margin-bottom:19px;
}

#logo {
position:absolute;
left:18px;
top:9px;
}

#sidebar {
width:252px;
float:left;
}

#contentarea {
float:left;
width:632px;
margin-left:18px;
padding-bottom:6px;
background:url(../images/content-bg2.png) left bottom no-repeat;
}

#content-image  {
height:301px;
overflow:hidden;
}

#contentbar {
height: 10px;
background:url(../images/contentbar.png) repeat-y;
font-size:1px;
overflow:hidden;

}

#content {
background:url(../images/content-bg.png) repeat-y;
padding:10px 20px 20px;
min-height:200px;
}

#content ul {
list-style-type:square;
margin:0;
padding-left:14px;
}

#startimage {
margin-bottom:33px;
}

.clear {
clear:both;
}

/* =============================
    Footer
   ============================= */
   
#footer {
font-size:10px;
color:#bbbbbb;
margin-top:14px;
text-align:right;
}

#footer a {
color:#bbbbbb;
text-decoration:none;
}

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

/* =============================
    Hauptnavigation 
   ============================= */

#topnav {
margin-left:270px;
font-size:24px;
padding-top:55px;
font-weight:bold;
}

#topnav ul {
list-style:none;
margin:0;
padding:0;
}

#topnav li {
float:left;
margin-right:34px;
font-family: Georgia,serif;
font-style: italic;
font-size: 20px;
}

#topnav li.last {
margin-right:0;
}

#topnav a {
color:#FFFFFF;
text-decoration:none;
height:44px;
display:block;
}

#topnav a:hover,
#topnav a.act {
background:url(../images/pfeil.png) no-repeat center bottom;
} 

/* =============================
    Linke Navigation 
   ============================= */

#leftnav {
margin-bottom:20px;
}

#leftnav-title {
background:url(../images/leftnav-top.png) no-repeat;
height:50px;
}   

#leftnav-title h2 {
color:#FFFFFF;
margin:0;
padding-top:21px;
padding-left:20px;
font-size:18px;
}
   
#leftnav-bottom {
background:url(../images/leftnav-bottom.png) no-repeat;
height:6px;
}

#leftnav ul {
margin:0;
padding:0;
list-style:none;
background:url(../images/leftnav-center.png) repeat-y;
padding:0 20px;
}

#leftnav ul.level2 {
background:none;
padding:0;
padding-left:14px;
}

#leftnav li {
font-size:16px;
border-bottom:1px solid #e7e7e7;
padding:10px 0;
}

#leftnav li.last {
border-bottom:none;
}


#leftnav ul.level2 li {
font-size:14px;
padding:0px 0 0;
padding-left:12px;
background:url(../images/navi-pfeil.png) no-repeat 0 7px;
border-bottom:none;
}

#leftnav a {
color:#4b4b4b;
text-decoration:none;
}

#leftnav a:hover,
#leftnav a.act {
	color:#e95d0f;
}

/* =============================
    Sidebox 
   ============================= */
   
#sidebox {
font-size:12px;
color:#4b4b4b;
position:relative;
margin-bottom:20px;
}

.sidebox-image {
position:absolute;
top:-10px;
left:2px;
}

.sidebox-top {
height:6px;
background:url(../images/sidebox-top.png) no-repeat;
}

.sidebox-center {
background:url(../images/sidebox-center.png) repeat-y;
}

.inner-sidebox {
margin:0 2px;
min-height:140px;
background:url(../images/sidebox-inner.png) repeat-x;
}

.sidebox-bottom {
height:6px;
background:url(../images/sidebox-bottom.png) no-repeat;
}

.sb-left {
float:left;
background-color:#FFFFFF;
border-right:1px solid #f1f1f1;
width:147px;
min-height:80px;
padding:50px 10px 10px 20px
}

.sb-right {
float:left;
background:url(../images/sidebox-image.png) left top no-repeat;
height:140px;
width:70px;
}

/* =============================
    Zwei Spalten 
   ============================= */
   
.leftcol {
width:47%;
float:left;
margin-right:6%;
}

.rightcol {
width:47%;
float:left;
}

/* =============================
    Drei Spalten (Startseite)
   ============================= */

.threecols {
margin-bottom:8px;
}

.threecols div.col1,
.threecols div.col2,
.threecols div.col3 {
width:292px;
margin-right:13px;
float:left;
}

.threecols div.col3 {
margin-right:0;
}

/* =============================
    Formular 
   ============================= */

.tx-advmailform-pi1 h3 {
display:none;
}

.amf_item {
margin-bottom:10px;
}
   
.amf_label {
float:left;
width:150px;
min-height:1px;
}

.amf_input {
float:left;
width:400px;
}

.powermail_text,
.powermail_textarea {
border:1px solid #C8C8C8;
width:350px;
}

input.powermail_captcha {
border:1px solid #C8C8C8;
width:216px;
}

.powermail_captcha_captcha {
margin-bottom:-5px;
}

.powermail_submit {
border: 1px solid #212121;
background-color:#212121;
color:#FFFFFF;
}
.powermail_submit:hover {
border: 1px solid #212121;
background-color:#C8C8C8;
}

/* =============================
	News
============================= */

.news-date {
	margin-top:-10px;
}

.news-item img {
float:left;
margin:6px 15px 15px 0;
}

.news-backlink a {
	text-decoration:none;
}

.news-clearer {
	clear:both;
	margin-top:15px;
}

.news-latest-container h2,
.news-latest-container .news-date {
display:none;
}

.news-single-img div {
float:left;
margin-right:10px;
margin-bottom:10px;
}

.news-single-img div.clear {
float:none;
clear:both;
}


/* =============================
    Gästebuch
   ============================= */

.tx-veguestbook-pi1 h2.tx-guestbook-header {
background-color:#E95D0F;
padding:5px 10px;
width:auto;
margin:0;
border-bottom:1px solid white;
}

.tx-veguestbook-pi1 .tx-guestbook-left {
width:200px;
padding:10px;
}

.tx-veguestbook-pi1 .tx-guestbook-right {
width:350px;
padding:10px 0;
margin-left:20px;
}

.tx-veguestbook-pi1 .tx-guestbook-field label {
width:150px;
}

.tx-guestbook-form-inputfield-med,
.tx-guestbook-form-inputfield-big,
.tx-guestbook-form-textarea {
border:1px solid #C8C8C8;
}

.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-med,
.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-big {
width:200px;
}

.tx-guestbook-submit {
border: 1px solid #212121;
background-color:#212121;
color:#FFFFFF;
margin-left:150px;
}

.tx-guestbook-submit:hover {
border: 1px solid #212121;
background-color:#C8C8C8;
}

/* =============================
    Startboxes
   ============================= */

.startbox {
width:292px;
}

.startbox div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img,
.startbox .news-latest-container img {
margin-top:6px;
}

.startbox .news-morelink,
.startbox .news-clearer,
.startbox .news-gotoarchive {
display:none;
}

.startbox .news-latest-container img {
float:right;
margin-left:10px;
}

.startbox-top-orange {
background:url(../images/startbox-head-orange.png) no-repeat;
color:#FFFFFF;
padding:6px 12px;
height:28px;
}

.startbox-top-grey {
background:url(../images/startbox-head-grey.png) no-repeat;
color:#FFFFFF;
padding:6px 12px;
height:28px;
}

.startbox-top-orange h2,
.startbox-top-grey h2{
margin:0;
font-family: Georgia, serif;
font-weight: bold;
font-style: italic;
}

.startbox-top-orange a,
.startbox-top-grey a {
color:#FFFFFF;
text-decoration:none;
}


.startbox-center {
background:url(../images/startbox-center.png) repeat-y;
font-size:12px;
padding:4px 12px 5px;
height:106px;
overflow:hidden;
line-height:1.7;
}

.startbox-center h3 {
font-size:14px;
margin:0;
}

.startbox-bottom {
background:url(../images/startbox-bottom.png) no-repeat;
height:6px;
}

.startbox .news-item img {
	margin-right:0;
}