/* basis.css */

/*
Blau 100%: #110D38 (Hintergrund)
Hellblau : #9999CC
Blau 80% : #7E7DAE (Rahmen)
Blau 30% : #3A3765 (Überschrift)
Rot      : #AE1B24 (Klönschnackfahnenfarbe)
Türkis   : #99CC99 (Dr. Klönschnack)
*/

html {
height: 100%;
}

body {
font-family: Arial;
background: #110D38 url(../img/bg_main.gif) repeat-x 0px 80px;
margin:0;
padding:0;
color: #ffffff;
font-size: 12px;
height: 100%;
}

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

a:hover {
text-decoration:none;
}

.breaker {
clear: both;
overflow: hidden;
}

/* Ads */

#headerAds {
width: 100%;
height: 60px;
margin: 10px 0 10px 0;
padding: 0;
background-color: #110D38;
text-align: center;
overflow: hidden;
}



#contentAds {
position:absolute;
top:0;
right: -160px;
width: 160px;
height: 600px;
background-color: #cccccc;
}

/* main (für vertikale hintergrundlinien der contentbox) */

#main {
/*background: url(../img/bg_body.gif) repeat-y right;*/
margin: 0 auto;
padding: 0px;
height: 100%;
width: 900px;
}

/* header */

#header {
background: url(../img/bg_main.gif) repeat-x top;
position:relative;
height: 186px;
width: 880px;
padding: 0 10px 0 10px;
}

#headerNav {
position: absolute;
top: 7px;
right: 180px;
height: 15px;
line-height: 15px;
color: #ffffff;
font-size: 10px;
}

#headerNavLogos {
position: absolute;
top: 4px;
right: 0;
}

#headerNavLogos img {
margin: 0 10px 0 0;
}

#headerMenu {
position: absolute;
top: 95px;
left: 10px;
height: 25px;
line-height: 25px;
}

#headerImp {
position: absolute;
top: 95px;
right: 10px;
height: 25px;
line-height: 25px;
}

#headerMenu ul, #headerImp ul {
list-style-type: none;
padding:0;
margin:0;
font-size: 12px;
}

#headerMenu ul li, #headerImp ul li {
float: left;
padding: 0 8px 0 8px;
margin:0;
}

#headerMenu ul li a, #headerImp ul li a {
color: #110D38;
text-decoration: none;
}

#headerMenu ul li a:hover, #headerImp ul li a:hover {
color: #110D38;
text-decoration: underline;
}

#headerLogo {
position: absolute;
top: 72px;
left: 515px;
}


/* content */

#content {
position:relative;
width: 880px;
padding: 0 10px 0 10px;
margin: 0 auto;
text-align: left;
/*background: url(../img/bg_body.gif) repeat-y right;*/
}


/* ---------------------------------------------- contentLeft */

#contentLeft {
width: 300px;
height: 467px;
float: left;
font-size: 11px;
}

#contentLeft #navBox {
border: #7E7DAE 1px solid;
margin: 0 0 10px 0;
padding: 0;
height: 415px;
}

/* Template 1 */
.navBoxContainer {
padding: 35px 0 5px 0;
margin: 0;
overflow: hidden;
height: 135px;
}

.navBoxImg {
float: left;
width: 108px;
height: 135px;
overflow: hidden;
margin: 0;
padding: 0 10px 5px 15px;
position: relative;
top: 5px;
z-index: 99;
}

.navBoxMenu {
float: left;
margin: 0;
padding: 0;
width: 150px;
overflow: hidden;
position: relative;
top: 5px;
z-index: 99;
}

div.navBoxMenu h1 {
font-size: 24px;
font-weight: bold;
color: #ffffff;
margin:0;
text-transform: uppercase;
}

div.navBoxMenu h1 a{
text-decoration: none;
}

.navBoxMenu ul {
list-style-type: none;
margin: 0;
padding: 0;
line-height: 12px;
}

.navBoxMenu ul li {
margin:0;
padding:0 0 0 10px;
background: url(../img/leftnavdot.gif) no-repeat left;
}

.navBoxMenu ul li a {
color: #ffffff;
text-decoration: none;
}

.navBoxMenu ul li a:hover {
color: #ffffff;
text-decoration: underline;
}

.link {
clear: both;
text-align: right;
margin: 0;
padding: 0;
width: 298px;
height: 17px;
background-color: #AE1B24;
position: relative;
top: -17px;
}

.link a {
position: relative;
top: 1px;
left: -10px;
text-decoration: none;
text-transform: uppercase;
}

.link a:hover {
text-decoration: underline;
text-transform: uppercase;
}

/* Template 2 */

.navBoxContainer2 {
padding: 0;
margin: 0;
}

.navBoxMenu2 {
margin: 0;
}

.navBoxMenu2 h1 {
padding: 30px 20px 20px 20px;
font-size: 24px;
font-weight: bold;
color: #ffffff;
margin: 0;
text-transform: uppercase;
}

div.navBoxMenu2 h1 a {
text-decoration: none;
}

.navBoxMenu2 ul {
list-style-type: none;
margin: 0 0 10px 0;
padding: 0 20px 0 20px;
height: 100px;
}

.navBoxMenu2 li {
margin:0;
padding:0 0 0 10px;
background: url(../img/leftnavdot.gif) no-repeat left 4px;
}

.navBoxMenu2 li a {
color: #ffffff;
text-decoration: none;
}

.navBoxMenu2 li a:hover {
color: #ffffff;
text-decoration: underline;
}

.navBoxMenu2 ul li ul {
list-style-type: none;
margin: 0;
padding: 0;
height: auto;
}

.navBoxInfo2 {
margin: 0;
padding: 0;
}

.navBoxInfo2 h1, .news-amenu-container h2{
padding: 2px 20px 2px 20px;
font-size: 11px;
font-weight: bold;
color: #ffffff;
background-color: #AE1B24;
margin:0;
}

.navBoxInfo2 p {
font-size: 11px;
margin: 0px 20px 10px 20px;
padding: 0;
line-height: 100%;
}


.navBoxInfo2 .contenttable {
margin: 10px 20px 10px 20px;
padding: 0;
}

.contenttable tr td p.bodytext {
margin: 0px;
padding: 0px;
}


/* Infobox */

#contentLeft #infoBox {
border: #7E7DAE 1px solid;
margin: 0 0 10px 0;
padding: 8px 3px 8px 3px ;
font-size: 11px;
}

#contentLeft #infoBox .wegweiser {
width: 115px;
float: left;
width: 135px;
}

#contentLeft #infoBox .suche {
text-align: left;
width: 280px;
}

#contentLeft #infoBox .suche input {
width: 180px;
height: 12px;
}

#contentLeft #infoBox .suche input.submit {
width: 22px;
height: 22px;
padding: 0;
margin: 0;
position: relative;
top: 7px;
}

#contentLeft #infoBox span.kloenschnacksuche {
}

#contentLeft #infoBox div.vertriebsinfo {
margin-top: 8px;
text-align: left;
}

#contentLeft #infoBox span.keinkloenschnack {
color: #AE1B24;
font-size: 14px;
line-height: 100%;
}

#contentLeft #infoBox span.vertrieb {
font-size: 12px;
line-height: 100%;
}

/* contentRIGHT */

#contentRight {
width: 510px;
border: #7E7DAE 1px solid;
float: right;
padding: 30px;
margin-bottom: 10px;
}

#contentRight h1 {
margin:0;
color: #3A3765;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
}

#contentRight h2 {
margin: 0 0 30px 0;
font-size: 18px;
font-weight: normal;
text-transform: uppercase;
}

#contentRight h3 {
font-size: 14px;
font-weight: bold;
}

.contentHeader1 {
margin: 0 10px 0 0;
color: #3A3765;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
height: 28px;
float: left;
}

.contentHeader1_2 {
margin: 0 10px 0 0;
color: #99CC99;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
height: 28px;
float: left;
}

.contentHeader1_3 {
margin: 0 10px 0 0;
color: #679A33;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
height: 28px;
float: left;
}


.contentHeader2 {
margin: 0 0 20px 0;
font-size: 18px;
font-weight: normal;
text-transform: uppercase;
height: 18px;
position: relative;
top: 6px;
}

#contentRight p {
line-height: 150%;
}

/* ---- footer ------*/

#footer { font-size: 11px; width: 570px; float: right; text-align: right; margin-bottom: 10px; }
#footer a { color: #fff;  text-decoration: none; }
#footer a:hover { color: #fff; text-decoration: underline; }

/* ------------- News -------------------------------------------------------------------------- */

/* ---- latest ------*/

.news-latest-container {
padding: 0 10px 0 10px;
}

.news-latest-container ul {
margin:0;
list-style-type:none;
padding:0;
}

.news-latest-container li {
margin: 0;
padding: 4px 0 4px 0;
}

/* ---- list ------*/

.news-list-container, .news-list-container-archive {
padding-top: 5px;
}


.news-list-item, .news-list-item-archive {
margin-bottom: 15px;
}

.news-list-item-imagebox, .news-list-item-imagebox-archive {
margin: 0px;
padding: 0px;
width: 150px;
float: left;
background-color: #3A3765;
}

.news-list-item-image, .news-list-item-image-archive {
margin: 0px;
padding: 0px;
width: 150px;
}

.news-list-item-text {
margin-left: 10px;
width: 350px;
float: right;
}

.news-list-item-text-archive {
}

.news-list-item p.bodytext, .news-list-item-archive p.bodytext {
margin:0;
}

.news-list-item-header, .news-list-item-header-archive {
margin-bottom: 10px;
font-size: 11px;
font-weight: bold;
}

.news-list-category,.news-list-category-archive {
margin-bottom: 10px;
color: #3A3765;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}

.news-list-item-header a, .news-list-item-header-archive a{
color: #ffffff;
}

.news-list-date, .news-list-date-archive {
font-size: 11px;
width: 100%;
font-weight: bold;
text-align: right;
}

	
.news-list-title a, .news-list-title-archive a {
}

.news-list-morelink {
width: 100%;
margin: 0;
font-size: 11px;
color: #ffffff;
background-color: #3A3765;
font-weight: bold;
text-transform: uppercase;
text-align: right;
}

.news-list-morelink-archive {
width: 100%;
margin: 0;
font-size: 11px;
color: #ffffff;
text-transform: uppercase;
text-align: right;
}

.news-list-morelink a, .news-list-morelink-archive a {
color: #ffffff;
text-align: right;
margin: 3px;
}

/* ---- single ------*/


.news-single-item, .news-single-item-archive {}

.news-single-category, .news-single-category-archive {
margin-bottom: 10px;
color: #3A3765;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}

.news-single-timedata, .news-single-timedata-archive {
color: #3A3765;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
}

.news-single-date, .news-single-date-archive {
font-size: 11px;
width: 100%;
font-weight: bold;
text-align: right;
}

.news-single-rootline, .news-single-rootline-archive {
color: #ffffff;
font-size: 18px;
font-weight: normal;
text-transform: uppercase;
}

.news-single-header, .news-single-header-archive {
margin: 0px;
padding: 0px;
width: 510px;
}

.news-single-img img, .news-single-img-archive img {
padding: 0 20px 5px 0;
width: 240px;
}

.news-single-title, .news-single-title-archive {
font-size: 14px;
font-weight: bold;
color: #ffffff;
}

.news-single-subheader, .news-single-subheader-archive {
color: #ffffff;
font-size: 12px;
font-weight:bold;
}

.news-single-img, .news-single-img-archive {
margin: 0 0 10px 0;
padding: 0;
float: left;
}

.news-single-imgcaption, .news-single-imgcaption-archive {
font-size: 11px;
color: #999999;
margin:0;
padding:0;
}

.news-single-backlink, .news-single-backlink-archive {
padding-top: 10px;
}

/* ---- Suche ---- */

.news-search-form {
font-size: 11px;
line-height: 150%;
margin: 10px 0 10px 0;
}

.news-search-form input {
margin: 0;
width: 115px;
}

.news-search-form p {
margin: 10px 0 0 0;
padding: 0;
}

.news-search-emptyMsg {
}

.news-search-form-submit input{
width: 22px;
height: 22px;
padding: 0;
margin: 0;
position: relative;
top: 7px;
}

.searchinfo {
float: left;
font-size: 10px;
line-height: 100%;
margin: 0 3px 0 0;
padding-top: 5px;
}

/* Archiv-Menu */

.news-amenu-container {
width: 278px;
padding: 0 10px 0 10px;
}

.news-amenu-container ul {
margin: 0;
padding: 0;
}

.news-amenu-container ul li {
list-style-type: none;
float:left;
width: 23px;
margin:0;
padding: 0;
text-align:center;
}

.news-amenu-container ul li a {
text-decoration:none;
}

.news-amenu-container ul li a:hover {
text-decoration:underline;
}

.news-amenu-container ul li.news-amenu-item-year {
width: 275px;
font-weight: bold;
padding: 3px 0 0 3px;
font-size: 11px;
color: #3A3765;
border-bottom: #3A3765 1px solid;
margin: 0;
text-align: left;
}

/* Pagebrowser */

.tx-ttnews-browsebox {
font-size: 11px;
}

.tx-ttnews-browsebox a {
text-decoration: none;
}

.tx-ttnews-browsebox a:hover {
text-decoration: underline;
}


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



input, textarea, select {
font-size: 11px;
padding: 2px;
}

#email {
margin-bottom:15px;
}

#name, #vorname, #strasse, #plz_ort,  #tel, #tel2, #fax, #bank, #blz, #kto, #email, #bemerkungen, #tel, #email, #subject, #submit, .form input {
margin-top: 3px;
}


.title {
width: 120px;
float: left;
font-weight: bold;
}

#vorname input, #name input, #strasse input, #fax input, #tel input, #tel2 input, #email input, #bank input, #blz input, #kto input, #subject input, select {
width: 170px;
}

#bemerkungen textarea {
width: 290px;
height: 150px;
}

#plz_ort .plz {
width: 35px;
}

#plz_ort .ort {
width: 122px;
margin-left: 5px;
}

.chkbox {
width: 360px;
font-size: 11px;
padding: 2px;
}

.formtext {
line-height: 120%;
font-size: 11px;
}

#submit input, input.button, input.submit {
margin-top: 10px;
margin-left: 120px;
background-color: #110D38;
border: none;
color: #AE1B24;
font-weight: bold;
}

.smallads_form_submit input {
margin-top: 10px;
background-color: #110D38;
border: none;
color: #AE1B24;
font-weight: bold;
}

.news-search-form-submit input {
background-color: #110D38;
border: none;
color: #AE1B24;
font-weight: bold;
}

.required {
color: #AE1B24;
}

.error {
color: #AE1B24;
font-size: 11px;
font-weight: bold;
border: 1px solid #AE1B24;
padding: 5px;
margin-bottom: 10px;
}

.error ul {
font-weight: normal;
margin-top: 5px;
margin-bottom: 0;
}

.tx-indexedsearch-searchbox table {
width: 100%;
}


/* --------------- Kleinanzeigen ------------ */

/* Liste */
.tx-exinitsmallads-pi1 {}

.tx_exinitsmallads_pi1_list {}

.tx_exinitsmallads_pi1_commercial {
padding-top: 24px;
background: url(../img/smallads_commercial.gif) no-repeat left top;
}

.tx_exinitsmallads_pi1_list_header {
margin: 0 0 30px 0;
font-size: 18px;
font-weight: normal;
text-transform: uppercase;
}

.tx_exinitsmallads_pi1_listitem_1 {
padding: 5px 5px 5px 35px;
border: 1px solid #7E7DAE;
background: url(../img/smallads_cat1.gif) no-repeat left;
min-height: 110px;
margin-bottom: 10px;
line-height: 100%;
}

.tx_exinitsmallads_pi1_listitem_2 {
padding: 5px 5px 5px 35px;
border: 1px solid #7E7DAE;
background: url(../img/smallads_cat2.gif) no-repeat left;
min-height: 110px;
margin-bottom: 10px;
line-height: 100%;
}

.tx_exinitsmallads_pi1_listitem_3 {
padding: 5px 5px 5px 35px;
border: 1px solid #7E7DAE;
background: url(../img/smallads_cat3.gif) no-repeat left;
min-height: 110px;
margin-bottom: 10px;
line-height: 100%;
}

.tx_exinitsmallads_pi1_listitem_textbox {
width: 350px;
float: left;
}

.tx_exinitsmallads_pi1_listitem_textbox .bodytext {
line-height: 100%;
}

.tx_exinitsmallads_pi1_listitem_header{
}

.tx_exinitsmallads_pi1_listitem_text {}

.tx_exinitsmallads_pi1_listitem_category {}

.tx_exinitsmallads_pi1_listitem_imagebox {
width: 100px;
float: right;
}

.tx_exinitsmallads_pi1_recordswitch {
margin-bottom: 10px;
font-size: 11px;
}

.tx_exinitsmallads_pi1_recordswitch_links_top{
margin-bottom: 10px;
font-size: 11px;
}

.recordswitch_current{
font-weight: bold;
}

.tx_exinitsmallads_pi1_recordswitch_links_bottom{
margin-top: 10px;
font-size: 11px;
}


/* Formular */
.tx-exinitsmallads-pi2 {}

td.smallads_form_table_title {
}

.smallads_form_text {
margin-top: 3px;
width: 150px;
}

.smallads_form_zip {
margin-top: 3px;
width: 35px;
}

.smallads_form_city {
margin-top: 3px;
width: 102px;
margin-left: 5px;
}

.smallads_form_select {
margin-top: 3px;
width: 158px;
}

.smallads_form_file {
margin-top: 3px;
width: 250px;
}

.smallads_form_textarea {
width: 498px;
height: 80px;
}

.smallads_form_submit {}

/* Catmenu */
.tx-exinitsmallads-pi3 {
margin: 0 0 10px 0;
padding: 0 20px 0 20px;
}
.tx_exinitsmallads_pi3_catmenu {
margin: 0;
padding: 0;
}


.tx_exinitsmallads_pi3_catmenu ul {
width: 100%;
height: 100px;
margin: 0;
padding: 0;
list-style-type: none;
}

.tx_exinitsmallads_pi3_catmenu ul li {
width: 85px;
float: left;
margin:0;
padding: 0;
}

.tx_exinitsmallads_pi3_catmenu ul li a {
color: #ffffff;
text-decoration: none;
}

.tx_exinitsmallads_pi3_catmenu ul li a:hover {
text-decoration: underline;
}

/* --- Suche --- */

.tx-exinitsmallads-pi4 {
}

.tx_exinitsmallads_pi4_searchform_table {
width: 100%;
}

.smallads_form_table_title {
}

.tx_exinitsmallads_pi4_searchform_text {
margin-top: 3px;
width: 170px;
}

.tx_exinitsmallads_pi4_searchform_table_title {
}

.smallads_form_select {
margin-top: 3px;
width: 178px;
}

.smallads_form_select_sortby {
margin-top: 3px;
width: 86px;
}

.smallads_form_select_sort {
margin-top: 3px;
width: 86px;
margin-left: 6px;
}

.smallads_form_submit input {

}

/* ------------- Gaestebuch ------------------- */

.tx-veguestbook-pi1 {
}

.tx-guestbook-list-item { 
margin-top: 10px;
border-top: #7E7DAE 1px solid;
}

.tx-guestbook-form-obligationfield {
color: #AE1B24;
}

.tx-guestbook-form-inputfield-med, .tx-guestbook-form-inputfield-big, .tx-guestbook-form-textarea {
border: #7E7DAE 1px solid;
width: 170px;
font-size: 11px;
padding: 2px;
}

.tx-guestbook-form-textarea {
height: 70px;
width: 170px;
font-size: 11px;
padding: 2px;
}


/* --------------- Indexed Search ------------------- */

.tx-indexedsearch-searchbox {
width: 510px;
padding: 20px 0 0px 0;
}

.tx-indexedsearch-form {
}

.tx-indexedsearch-form input {
padding: 0;
margin: 0;
}

.tx-indexedsearch-form input.submit{
padding: 0;
margin: 0;
position: relative;
top: 7px;
}

.tx-indexedsearch-result {
border-bottom: 1px solid #ffffff;
}

.tx-indexedsearch-icon {
position: relative;
top: 3px;
padding: 0;
margin: 0;
}

.tx-indexedsearch-result .tx-indexedsearch-info {
background-color: #110D38;
}

.tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
color: #AE1B24;
}


.important {color: #AE1B24; }



/* ------------ Startseiten-News ---------- */

/* Liste */

.startnews-list-container {}

.startnews-list-item {
padding: 5px;
border: 1px solid #7E7DAE;
margin-bottom: 10px;
line-height: 100%;
vertical-align: top;
}

.startnews-list-item-imgbox {
width: 150px;
text-align: right;
float: right;
margin: 0;
padding: 0;
overflow: hidden;
}

.startnews-list-item-textbox {
margin: 0;
padding: 0;
}


.startnews-list-item-text {
margin: 0;
padding: 0;
}

.startnews-list-item-textbox p.bodytext {
margin: 0;
padding: 0;
line-height: 100%;
}

.startnews-list-item-more {
margin: 0 0 0 10px;
padding: 0;
text-align: right;

}

.startnews-list-item-more a {
color: #AE1B24;
text-decoration: none;
}
.startnews-list-item-more a:hover {
text-decoration: underline;
}


.startnews-list-item-header{
margin: 0 0 3px 0;
padding: 0;
}


.startnews-list-item-category {
color: #669932;
margin: 0;
padding: 0;
text-transform: uppercase;
}