/*------------------------ CSS-Reset-----------------------
---------------------------------------------------------*/
* {
padding:0;
margin:0;
font-size:100%;
font-weight:normal;
}

ul,ol {
list-style:none;
}

b, strong {
font-weight:bold;
}

img, a img{
border: none;
}
/*  div{ border: 1px solid #FFFF00;} */ 
/*------------------------ Layout-------------------------- 
---------------------------------------------------------*/
body{
background-color:#6666cc;
margin-top: 10px;
}
#layoutContainer{
margin:auto;
width:1024px;
height:680px;
}
#mainCountainer{ 
width:1024px;
position:absolute;
}

#header{
width:942px;
height:150px;
margin-left:32px;
background:url(../upload/sitedesign/header.jpg);
}

#header_vs{
width:942px;
height:150px;
margin-left:32px;
background:url(../upload/sitedesign/header_vs.jpg);
}

#crapper{
position:absolute;
}

#navArea{
width:372px;
margin-left:0px;
float:left;
}

#navigation{
width:276px; /*old 340px*/
min-height:222px;  
margin-left:32px;
background-color: white;
padding-left: 64px;
padding-top: 0px;
}

#aktuelles{
width:352px;
height:42px; /* Box aktuelles höhe !!! Alter Wert 108px lässt aktueles wieder einblenden */
margin-left:20px;
background: url(../upload/sitedesign/aktuelles.jpg);
overflow:hidden;
}

#box_aktuelles{
/*border: 1px solid #0000FF;*/
margin-top:38px;
margin-left:54px;
width:230px;
height:100px;
overflow:hidden;
}

#bildergallerie{
width:352px;
height:228px;
margin-left:20px;
background:transparent url(../upload/sitedesign/bildergbg.jpg) repeat scroll 0 0;
/*background: url(../upload/sitedesign/bildergallerie.jpg);*/
}

#bildergallerie_title {
width:230px;
margin-left:35px;
}


#footerNav{
width:352px;
height:50px;
margin-left:20px;
background: url(../upload/sitedesign/footerNav.jpg);
}
/* ========== Main Content mit unterscheidung Startseite & folgeseiten =========*/

#contentbox{
width:602px;
height:411;
float: left;
}

#mainContent{
width:602px;
height: 418px;
background: url(../upload/sitedesign/maincontent3.jpg)  repeat-y;
overflow:hidden;
padding-left: 12px;
padding-top: 22px;
}

#mainContent_vs{
width:602px;
min-height: 411px;
background: url(../upload/sitedesign/maincontent_vs.jpg)  repeat-y;
overflow: visible;
padding-left: 12px;
padding-top: 22px;
}

#footerMain{
width: 602px;
height:89px;
background: url(../upload/sitedesign/footermain.jpg);

}

#footerMain_vs{
width: 602px;
height:89px;
background: url(../upload/sitedesign/footermain_vs.jpg);


}

/*------------------------ Tabelle Aktuelles------------------- 
---------------------------------------------------------*/
.akt_tab {
width:100%;
height:100%;
}
.akt_ueb{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
padding-left:8px;
}

/*----------------Tabelle Bildergallerie-------------------
---------------------------------------------------------*/
.tab_bilder
{
width: 352px;
}

.bilder_td{
background: url(../upload/sitedesign/aktuelles2.jpg);
}

.title_ueb{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
padding-left:8px;
}

.stern_bildergallerie{
padding-left:0px;
}

/*----------Tabelle Fahrtzeittabelle Cochem ---------------
---------------------------------------------------------*/
.tab_fcoch td{
padding: 0px;
}
/*-------Bilder Content Seitenabstand und floating---------
---------------------------------------------------------*/
.textItem img {
float:left;
margin-right: 30px;
margin-top: 0px;
margin-bottom: 0px;
}

/*------------------------ Schriftdesign------------------- 
---------------------------------------------------------*/
h1 { /* Überschrift Content*/
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#000000;
width:490px;
}
div.textItem{
margin-top:20px;
max-width:564px;
/* max-height: 255px; /*
/* overflow:auto; Automatische Scrollbar einblenden !! */
}


.textItem{ /* Content Main */
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:15px;
}

.textItem br{
line-height: 5px;
}

.textItem strong, b, u {
font-weight:bold;
}


#navigation  a:link, a:visited, a,active {
font-family:Arial, Helvetica, sans-serif;
line-height:25px;
color:#000000;
font-weight:bold;
font-size:12px;
text-decoration:none;
}

#navigation a:hover {
font-family:Arial, Helvetica, sans-serif;
line-height:25px;
color:#000000;
font-weight:bold;
font-size:13px;
text-decoration:none;
}
/*
#navigation ul, ol {
list-style-image: url(../upload/sitedesign/gelberstern.jpg);
}
*/

.e1 {
list-style-image: url(../upload/sitedesign/gelberstern.jpg);
}

.e2  {
padding-left:18px; /*Abstand zweites Menü*/
list-style-image: url(../upload/sitedesign/roterstern.jpg);
}


#box_aktuelles p {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding-left: 8px;
font-weight:bold;
}
#title_ueb
{
width:10px;
}
/*---------------Bildergallery----------------------------- 
---------------------------------------------------------*/

table.gallery {
    margin: 20px 10px 0px 0px;
    width: 410px;
}

table.gallery td.gallery-navigation {
    /*font-size: 0.6875em;*/    
}

table.gallery tr.thumbnails td {
    padding: 0;
}

table.gallery dd {
}

div.download {
    padding: 3px 0 3px 10px;
    background: url(../images/link_pfeil_klein.gif) no-repeat 0px 7px;

}

div.downloadImg {

    padding: 0;
    margin-top:10px;
    background: url(../images/navi_pfeil_rechts.gif) no-repeat 10px 7px;
}

dl.gallery-detail {
    margin: 20px 10px 0px 0px;
}

dl.gallery-detail dt {
    text-align: left;
    padding: 0;
}


td.gallery_image{
    height: 220px;
    padding:0px;
    
}
td.gallery_image div.link_image{
    padding:0;  
    background-position:top center; 
    min-height:120px; 
    height:310px; 
    margin-bottom:5px; 
    overflow:hidden;
}
td.gallery_image .bottom_links{
     height:55px; 
     margin-top:0px;
}
td.gallery_image .bottom_links{
    margin-bottom: 0px; 
    text-align:left; 
    width:180px; 
}
td.gallery_image .links{
    margin-bottom: 0px;
}
/*--------------Contact Formular---------------------------
---------------------------------------------------------*/
#contactForm{
width: 500px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:20px;
}

.eingabe{
margin-left: 5px;
background: #efefef;
border: 1px solid;
}

#Anliegen{
margin-left: 5px;
background: #efefef;
border: 1px solid;
height:51px;
width:250px;
overflow: visible;
}

#contact_pic{
width: 140px;
height: 210px;
background: url(../upload/sitedesign/contact.jpg);
margin-right:10px;
}

#contactFormSubmitLeft{
margin-right: 20px;

}