@charset "UTF-8";

.printonly {
    display: none;
}



.stripeMe table {
    border-collapse: collapse;
    width: 630px;
    margin: 24px;
}



.stripeMe td {
    padding: 6px 11px;
    vertical-align: top;
    background:#80848c;
}

.stripeMe td * {
    padding: 6px 11px;
}

.stripeMe tr.alt td {
    background: #626875;
}

.stripeMe tr.over td {
/*  background: #5A5F69;*/
}

.stripeMe thead td {
    background: #1F2A62;
    color: #fff;
    font-weight: bold;
    text-align: left;
    padding: 6px 11px;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
}


.stripeMe td a{
    color: #fff;
    text-decoration: none;
}
.stripeMe td a:hover{
    color: #fff;
    text-decoration: underline;
}


body  {
        font: 14px Arial, Helvetica, sans-serif;
        background: url(../images/bg.jpg) left top repeat-x #4a505c;
        margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auff�llung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
        padding: 0;
        text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
        color: #FFFFFF;
        line-height:18px;
    }
#skindream{
background: url(../images/bg_sd.jpg) left top repeat-x #4a505c;
}   
td, p {
        font: 14px Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        line-height:18px;
}
    .twoColFixRtHdr #container { 
        width: 980px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, k�nnen Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
        margin: 0 auto; /* Durch automatische R�nder (in Verbindung mit einer Breite) wird die Seite zentriert. */
        text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element �berschrieben. */
    } 
    .twoColFixRtHdr #header { 
        /*      padding: 0 10px 0 20px;  /* Diese Auff�llung entspricht der linksb�ndigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auff�llung entfernen. */
    } 

    .twoColFixRtHdr #sidebar1 {
        float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
        width: 300px; /* Die tats�chliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer au�er der Breite auch die Auff�llung und den Rahmen. */
        padding: 0px 0px;
    }
    .twoColFixRtHdr #mainContent { 
        margin: 0 350px 0 0; /* Durch den rechten Rand dieses div-Elements entsteht die Spalte am rechten Seitenrand. Der Spaltenbereich bleibt unabh�ngig von der Inhaltsmenge des sidebar1-div immer gleich. Sie k�nnen diesen Rand entfernen, falls der Text des #mainContent-div den Bereich von #sidebar1 f�llen soll, wenn der Inhalt in #sidebar1 endet. */
        padding: 0 10px 0 20px; /* padding (Auff�llung) bezeichnet den Innenabstand und margin (Rand) den Au�enabstand der div -Box. */
    } 
    .twoColFixRtHdr #footer { 
        padding: 0; /* Diese Auff�llung entspricht der linksb�ndigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
        margin-top: 15px;
        background: url(../images/bg_footer.jpg) left top no-repeat;
    } 
    .twoColFixRtHdr #footer p {
        margin: 0; /* Wenn Sie die R�nder des ersten Elements in der Fu�zeile auf 0 einstellen, k�nnen Sie unerwartete Abst�nde zwischen divs vermeiden. */
        padding: 0; /* Durch die Verwendung der Auff�llung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
    }
    .fltrt { /* Mit dieser Klasse k�nnen Sie ein Element auf der Seite nach rechts flie�en lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
        float: right;
        margin-left: 8px;
    }
    .fltlft { /* Mit dieser Klasse k�nnen Sie ein Element auf der Seite nach links flie�en lassen. */
        float: left;
        margin-right: 8px;
    }
    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schlie�en eines Containers sein, der wiederum einen vollst�ndigen Float enthalten sollte. */
        clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
    
    img{
    border:none;
    
    }
    
    .downloadtable{
    width: 630px;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    }
        .downloadtable td{
        border-bottom: 1px solid #cccccc;
        border-left: 1px solid #cccccc;
    }
    
    .downloadtable #head{
   text-align: left;
   vertical-align: top;
   line-height: 200%;
   background-color: rgb(31, 42, 98);
   margin-top: 5px;
   margin-bottom: 5px;
   padding-left: 5px;
    }
    
	
#bild1{

padding-top:10px;
}
#bild2{

padding-top:10px;
}	
    /*################ MENU ################*/
    
    
    #vpnavigation, #vpnavigation ul { /* alle Listen */
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
    float: right;
    margin-right: -5px;
}

#vpnavigation a {
    display: block;
    /*width: 10em;*/
    font: 16px Arial, Helvetica, sans-serif;
    text-decoration:none;
    color: #666666;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 6px;
    /*height:30px;*/
    
}

#vpnavigation li { /* alle Listenelemente */
    float: left;
    /*width: 10em;*/
    background: url(../images/menu_trenner.gif) center right no-repeat;
    /*height:30px;*/
    
}

#vpnavigation li ul { /* Listen 2. Ebene */
    position: absolute;
    background: url(../images/bg_submenu_2.png) left top repeat-x;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 260px;
    left: -999em; /* durch "left" außerhalb des sichtbaren Bereichs wird das gleiche erreicht wie durch "display: none", kann aber auch von Textbrowser angezeigt werden */
}

#vpnavigation li li { /* Listenelemente mit Unterpunkten */
    float:none;
    text-align:left;
    background:none;
    border-bottom: 1px solid #eeeeee;
    
}

#vpnavigation li li a.daddy { /* Listenelemente mit Unterpunkten */
    background: url(../images/rightarrow.gif) center right no-repeat;
}

#vpnavigation li ul ul { /* Listen 3. Ebene und weiter */
    margin: -1em 0 0 10em;
    width: 250px;
}

#vpnavigation li:hover ul ul, #vpnavigation li.sfhover ul ul {
    left: -999em;
}

#vpnavigation li:hover ul, #vpnavigation li li:hover ul, #vpnavigation li.sfhover ul, #vpnavigation li li.sfhover ul { /* Listen, die unterhalb von "gehoverten" Menüpunkte liegen */
    left: auto;
}

#vpnavigation li.activepath { /* Listenelemente, die im aktiven Pfad liegen */
    font-style: italic!important;
}

#vpnavigation li#active { /* Listen zur aktuellen Kategorie */
    font-style: italic!important;
}


#vpnavigation li.last ul{
    margin: 0 0 0 -100px;
    width:200px;
    /*margin: 0 0 0 -10em;*/
    
}
#vpnavigation li.last ul li{ /* Listen 3. Ebene und weiter */
    
    /*margin: 0 0 0 -10em;*/
    text-align:right;
}

#vpnavigation li.last ul ul { /* Listen 3. Ebene und weiter */
    margin: -1em 0 0 -190px;
    width: 250px;
    display:none;
}   

    
    /*############## MENU ENDE #############*/
    
    
ul#metaNavigation {
    margin:10px 0 0px 0;
    padding:0;
}
ul#metaNavigation li {
    margin:0;
    padding:0 1px 0 8px;
    display:inline;
    border-left:1px solid #D7D7D6;
}

ul#metaNavigation li.erster {
    border-left:0px solid #D7D7D6;
    }   
    
.fett{font-weight: bold;}
.kursiv {font-style:italic}
.hinweis{font-style:italic; font-size: 10px;}
    
    a  {
        font: 14px Arial, Helvetica, sans-serif;
        color: #c5e1fe;
        text-decoration:underline;
        outline: none;
    }
    a:hover  {
        font: 14px Arial, Helvetica, sans-serif;
        color: #78a3d0;
        text-decoration:none;
        outline: none;  
    }
    
    .datum{
        font: 10px Arial, Helvetica, sans-serif;
        color: #c5e1fe;

    }
    .datum a{
        font: 10px Arial, Helvetica, sans-serif;
        color: #c5e1fe;
        text-decoration:underline;

    }
    .datum a:hover{
        font: 10px Arial, Helvetica, sans-serif;
        color: #c5e1fe;
        text-decoration:none;
    }
    h1{
    font: 20px Arial, Helvetica, sans-serif;
    margin: 0;
    margin-bottom:11px;
    padding: 0;
    }
    h2{
    font: 16px Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin: 0;
    margin-bottom:11px;
    padding: 0;
    }
    
    h3{
    font: 15px Arial, Helvetica, sans-serif bold;
    font-weight: bold;
    margin: 0;
    margin-top:12px;
    padding: 0;
    } 
    h4{
    font: 14px Arial, Helvetica, sans-serif bold;
    margin: 0;
    padding: 0;
    } 
    h5{
    font: 14px Arial, Helvetica, sans-serif bold;
    margin: 0;
    padding: 0;
    }      
    .greysmall
    {
    font: 11px Arial, Helvetica, sans-serif;
    color:#b8b8b8;
    }
    a.greysmall
    {
    font: 11px Arial, Helvetica, sans-serif;
    color:#b8b8b8;
    text-decoration:none;
    }
    a.greysmall:hover
    {
    font: 11px Arial, Helvetica, sans-serif;
    color:#666666;
    }
    
    a.greybig
    {
    font: 16px Arial, Helvetica, sans-serif;
    color:#666666;
    text-decoration:none;
    }
    
    .whitesmall
    {
    font: 11px Arial, Helvetica, sans-serif;
    color:#FFF;
    }
    a.whitesmall
    {
    font: 11px Arial, Helvetica, sans-serif;
    color:#FFF;
    text-decoration:none;
    }
    a.whitesmall:hover
    {
    font: 11px Arial, Helvetica, sans-serif;
    color:#FFF;
    }
    
    .buttons{
    padding-left: 20px;
    }
    
    #footnotes{
        font: 10px Arial, Helvetica, sans-serif;
        color: #c5e1fe;
        padding-bottom:10px;
        text-align:center;
    }
    
    
    #mainContent ul{
    margin:0 0 0 20px;
    padding:0;
    }
    
    #mainContent li{
    margin:0 0 0 0;
    padding:0;
    }

.terminheader{
   width: 630px;
   text-align: left;
   vertical-align: top;
   line-height: 200%;
   background-color: #3055A5;
   margin-top: 5px;
   margin-bottom: 5px;
   padding-left: 5px;
    }


.back{
text-align:right;
padding-right: 10px;
}

.back a{
color: #fff;
text-decoration:none;
font-weight:bold;
width:80px;
}

    
.applemenu{
margin:  0;
padding: 0;
width: 300px; /*width of menu*/
border: 0px solid #626875;
}

.applemenu div.silverheader a{
background: #5a5f69 url(../images/arrow_up.gif) no-repeat 5px center;
font: normal 16px Arial, Helvetica, sans-serif;
color: #c5e1fe;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 15px;
text-decoration: none;
border-top: 2px solid #626875;
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: #c5e1fe;
border-top: 2px solid #626875;
}


.applemenu div.selected a, .applemenu div.silverheader a:hover{
background: #5a5f69 url(../images/arrow_down.gif) no-repeat 5px center;
color: white;
padding: 5px 0;
padding-left: 15px;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: #626875;
padding: 5px;
height: 320px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}


.applemenu div.silverheader a.active{
background: #5a5f69 url(../images/arrow_down.gif) no-repeat 5px center;
color: #FFF;
}


.applemenu div.silverheader a.inactive{
background: #5a5f69 url(../images/arrow_up.gif) no-repeat 5px center;
color: #FFF;
}




.img {

/* This adds the border */
padding:3px;
border:solid;
border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
border-width: 1px 2px 2px 1px;
background-color:#626875;
margin:5px;
}


#googlemaps{

color:#666666
}
/**********************************

Name: Sitemap

***********************************/

.sitemap, .sitemap ul {
        margin-left:0;
        padding-left: 0;
}

.sitemap li {
    border-bottom: 1px solid #8b8c8f;
    list-style-type: none;
}

.sitemap .level1 {
        background-color: #5A5F69;
        padding: 3px 3px 3px 10px;
}

.sitemap .level2 {
        background-color: #626875;
        padding: 3px 3px 3px 30px;
}

.sitemap .level3 {
        background-color: #70757f;
        padding: 3px 3px 3px 50px;
}

.sitemap a{

text-decoration:none
}

/* Only for IE */
*+html .sitemap .list2, * html .sitemap .list2 {
        margin-top: -14px;
}


/**********************************

Name: Sitemap2

***********************************/

.sitemap2, .sitemap2 ul {
        margin-left:0;
        padding-left: 0;
}

.sitemap2 li {
    
    list-style-type: none;
}

.sitemap2 .level1 {
        background-color: #5A5F69;
        padding: 3px 3px 3px 10px;
    
    
}

.sitemap2 .level2 {
        padding: 3px 3px 3px 20px;
        background: url(../images/arrow_mini.gif) no-repeat left center;
    
}

.sitemap2 .level3 {

        padding: 3px 3px 3px 30px;
        background: url(../images/arrow_up.gif) no-repeat left center;
}

.sitemap2 a{
        margin-left:10px;
text-decoration:none

}

/* Only for IE */
*+html .sitemap2 .list2, * html .sitemap2 .list2 {
        margin-top: -14px;
}
*+html #flash {

margin-top: -5px;
}





/**********************************

Name: SHOP

***********************************/



.cart_right{
background: #626875;
padding: 5px;
}
.cart_right_header{
background: #626875;
border-bottom: 1px solid #cfd1d2;
padding: 5px;
color: #c5e1fe;
}
.cart_right_footer{
background: #626875;
border-top: 1px solid #cfd1d2;
padding: 5px;
font-weight:bold;
color: #c5e1fe;
}
.cart_right_item{
border-bottom: 1px dotted #cfd1d2;
}

.cart_remove{
background: #9d1919;
height:18px;
width:18px;
color: #cfd1d2;
border: 1px solid #cfd1d2;
}

.cart_right_footer a{
 font-weight:bold;
}



.cart_middle{
background: #626875;
padding: 3px;
padding: 2px;
width: 630px;
}
.cart_middle td{
border-bottom: 1px dotted #cfd1d2;
}
.cart_middle th{
font: 14px Arial, Helvetica, sans-serif bold;
border-bottom: 1px solid #cfd1d2;
}
.cart_middle .dark{
background: #575d68;
}

.cart_middle .footer{
 font-weight:bold;
}

#productstable{

padding-top:20px;
margin:5px;

}


#productstable tr{
border-bottom:1px solid #fff;
}



.versandbox{
background-color:#626875;
}


.versandbox td{
text-align:center;
}
.versandbox th{
text-align:center;
font: 14px Arial, Helvetica, sans-serif bold;
font-weight:bold;
}


.stripeMe input {

width:350px;
height:20px;
margin: 0;
padding:0;
}
.stripeMe select {

width:150px;
height:20px;
margin: 0;
padding:0;
}

.summe {

color: #c5e1fe;
}


.bc_form {

background-color:#f7f7f7;
width:300px;
margin-bottom: 5px;
}

.bc_cart td{
font-size:10px;
background-color:#6c778c;
border:none;
}


#Message{
width: 620px;
height: 150px;
}

/**********************************

Name: cmxform Styles

***********************************/


form.cmxform legend {
    padding-left: 0;
}

form.cmxform legend, form.cmxform label {
    color: #333;
}

form.cmxform fieldset {
    border: none;
    border-top: 1px solid #C9DCA6;
    background: url(../images/cmxform-fieldset.gif) left bottom repeat-x;
    background-color: #F8FDEF;
}

form.cmxform fieldset fieldset {
    background: none;
}

form.cmxform fieldset p, form.cmxform fieldset fieldset {
    padding: 5px 10px 7px;
    background: url(../images/cmxform-divider.gif) left bottom repeat-x;
}

form.cmxform label.error, label.error {
    /* remove the next line when you have trouble in IE6 with labels in list */
    color: red;
    font-style: italic
}

div.error { display: none; }
input, select, textarea {   border: 1px solid #5a5f69; background-color: #dcedfe;}
input:focus { border: 1px dotted #343840; }
input.error { border: 1px dotted red; }
form.cmxform .gray * { color: gray; }

#kontaktform td{
        font: 14px Arial, Helvetica, sans-serif;
        margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auff�llung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
        padding: 0;
        color: #FFFFFF;
}
#kontaktform input, #kontaktform select, #kontaktform textarea {
        margin-bottom:10px;
        width:350px;
}

.button{
 height:22px;
 width: 100px;
 
}



/*
--------------------------------------------- 
               sKalender                      
--------------------------------------------- 
*/

#mod_sK a { 
 font-family: sans-serif;
 font-size: 12px;
 text-decoration: none; 
 color: #444444;
}

#mod_sK a.tag { 
 font-size: 9px;
}

#mod_sK table {
 width: 160px;
 border: 1px solid #ffffff;
 margin-left: 10px;
 border-spacing: 4pt;
 font-size: 12px;
 font-family: sans-serif;
 text-decoration: none; 
 color: #000000;

}

#mod_sK td.navl {
 text-align: left; 
 width: 20%;
 font-weight: bold;
}

#mod_sK td.navr {
 text-align: right; 
 width: 20%;
 font-weight: bold;

}
#mod_sK td.navm {
 text-align: center; 
 width: 60%;
 font-weight: bold;
}

#mod_sK td.wtag {
 width:14%;
 background-color: #ffffff; 
 text-align: center; 
 color: #000000;
 font-family: sans-serif;
}

#mod_sK td.wochenende {
 background-color: #eeeeee; 
 color: #aaaaaa;    
 text-align: right; 
 border: 1px solid #aaaaaa;
 padding-right: 3px;
 }

#mod_sK td.wochentag {
 color: #999999;    
 text-align: right; 
 border: 1px solid #aaaaaa;
 padding-right: 3px;
 }

#mod_sK td.heute {
 background-color: #ff00ff;
 color: #43A0AF;    
 text-align: right; 
 border: 1px solid #aaaaaa;
 padding-right: 3px;
 }

#mod_sK td.belegt {
 background-color: #e3e3ff;
 color: #9E5357;    
 text-align: right; 
 border: 1px solid #aaaaaa;
 padding-right: 3px;
 }

#mod_sK td.belegtwe {
 background-color: #bfbfff;
 color: #9E5357;    
 text-align: right; 
 border: 1px solid #aaaaaa;
 padding-right: 3px;
 }

#mod_sK td.tangiert {
 background-color: #ffffcc;
 color: #9E5357;    
 text-align: right; 
 border: 1px solid #aaaaaa;
 padding-right: 3px;
 }

#mod_sK td.tangiertwe {
 background-color: #ffff99;
 color: #9E5357;    
 text-align: right; 
 border: 1px solid #aaaaaa;
 padding-right: 3px;
 }
/*
--------------------------------------------- 
               Termineinausgabe              
--------------------------------------------- 
*/
#mod_te h1 {
    font: 20px Arial, Helvetica, sans-serif;
    margin: 0;
    margin-bottom:11px;
    padding: 0;
}

#mod_te h2 {
    font-size: 120%;
    font-weight: bold; 
    
    margin-bottom: 5px;
}

#mod_te p {
    font-size: 100%; 
    color: #ffffff; 
}
/*
--------------------------------------------- 

--------------------------------------------- 
                 Terminliste                  
--------------------------------------------- 
*/
#mod_tlh {
   text-align: left;
}

#mod_tlf {
   text-align: left;
}

#mod_tl table {
   width: 650px; 
   background-color: #ffffff;
   border-collapse: collapse;
   padding-top: 20px;
}

#mod_tl th {
   width: 100%;
   text-align: left;
   vertical-align: top;
   line-height: 200%;
   background-color: rgb(31, 42, 98);
   margin-top: 5px;
   margin-bottom: 5px;
   padding-left: 5px;
}

#mod_tl td {
   text-align: left;
   vertical-align: top;
   line-height: 130%;
}

#mod_tl a .highlight {
   color: red;
}

#mod_tl .border { 
    border-top:1px solid #5a5f69; 
    border-bottom: 1px solid #5a5f69; 
}

#mod_tl .hell { background-color: #626875; }
#mod_tl .dunkel { background-color: #5A5F69; }
#mod_tl .sp0 { width: 0px; padding: 5px;}
#mod_tl .sp1 { width: 80px; border-right: 1px solid #777A7F; padding: 5px;}
#mod_tl .sp2 { width: 80px; text-align:right; border-right: 1px solid #777A7F; padding: 5px;}
#mod_tl .sp3 { width: 240px;border-right: 1px solid #777A7F; padding: 5px;}
#mod_tl .sp4 { width: 240px; padding: 5px;}
#mod_tl .einrueck { padding-left: 15px; }
/*
--------------------------------------------- 

--------------------------------------------- 
                 Terminteaser                 
--------------------------------------------- 
*/
   
#mod_ttl {

}

#mod_ttl table {
   width: 300px; 
   border-collapse: collapse;
}

#mod_ttl th {
    font: 20px Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    padding-top: 10px;
    padding-bottom:11px;
}

#mod_ttl td {
   text-align:  left;
   vertical-align: top;
   line-height: 130%;
   width: 300px; 
}

#mod_ttl td a{
background: #5a5f69 url(../images/arrow_up.gif) no-repeat 5px center;
font: normal 16px Arial, Helvetica, sans-serif;
color: #c5e1fe;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 15px;
text-decoration: none;
}


#mod_ttl .hell { background-color: #626875; }
#mod_ttl .dunkel { background-color: #5A5F69; }
#mod_ttl .sp1 { width: 110px; }
#mod_ttl .sp2 { width: 190px; }

/*
--------------------------------------------- 
              Terminliste Select              
--------------------------------------------- 
*/
#mod_ts {
   width: 650px;
   padding-bottom: 20px; 

}
/*
--------------------------------------------- 
*/
#flash {padding-top: -1px; z-index:1;margin-top: -1px;}

/* Only for IE */

*+html #flash {
margin-top: -1px;
}

/* ###################################################### */
/* ####################### CONTACT FORM ############'#### */
/* ###################################################### */
#contactForm {
    
}
#contactForm .contactRow {
    margin:4px 0;
}
#contactForm label {
    display:block;
width: 150px;
    float:left;

}
#contactForm .contactRow input, #contactForm .contactRow textarea {
    border:1px solid #ccc;
    width:326px;
}
#contactForm .contactRow select {
    border:1px solid #ccc;
    width:50px;
}
* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {
    width:343px;
}

#contactForm .contactRow input {
    height:18px;
}

#contactForm .contactRow textarea {
    height:125px;
    
}

#contactFormSubmit #contactFormSubmitLeft {
    float:left;
    margin:0 0 0 80px;
    width:174px;
}
* html #contactFormSubmit #contactFormSubmitLeft {
    margin:0 0 0 26px;
}
#contactFormSubmit #contactFormSubmitRight {
    float:right;
    width:174px;
}

#contactFormSubmit #contactFormSubmitLeft input, 
#contactFormSubmit #contactFormSubmitRight input {
    background-color:#626875;
    border:1px solid #ccc;
    color:#fff;
    padding:0 20px 0 20px;
    background-image:url(../images/arrow_up.gif);
    background-repeat:no-repeat;
    background-position:left 4px;
    font-size:14px;
    font-weight: bold;
    width:auto;
    height:auto;
    float:right;
    margin:0;
    margin-top: 15px;
}
#contactFormSubmit #contactFormSubmitLeft input {
    background-image:none;
    padding:0;
    float:left;
}

#contactForm table {
    width:100%;border-collapse:collapse;
}
#contactForm table td {
    padding:0;
}
#contactForm table td.pt {
    padding-top:2px;
}
* html #contactForm table td.pt {
    padding-top:0;
}

/* ###################################################### */
/* ####################### UPLOAD FORM ############'#### */
/* ###################################################### */
#uploadForm td {
    padding-bottom: 10px;
	padding-right: 10px;
}

#uploadForm input, #uploadForm textarea {
    border:1px solid #ccc;
    width:450px;
}
#uploadForm select {
    border:1px solid #ccc;
    width:50px;
}
* html #uploadForm  input, * html #uploadForm textarea {
    width:450px;
}

#uploadForm input {
    height:18px;
}

#uploadForm textarea {
    height:250px;
    
}

#uploadForm .submit {
    width:50px;
	font-weight:bold;
	padding: 5px;
	margin: 5px;
	height:26px;
	background-color:#3B5D9F;
}



/****************UMFRAGE************************/
#umfragebox table{
width: 300px;
border-collapse: collapse;
background:#4e76c3 url(../images/bg_umfrage.gif) left top repeat-x;
    
}
#umfragebox td{
width: 300px;
text-align:  left;
vertical-align: top;
line-height: 130%;
padding:5px;
}
#umfragebox th {
    font: 20px Arial, Helvetica, sans-serif;
    margin: 0;
    padding:5px;
    padding-top: 10px;
    padding-bottom:11px;
    
}
#umfragebox textarea{
width: 275px;
height: 100px;
font: 12px Arial, Helvetica, sans-serif;
color: #01287a;
padding:5px;
}

#umfragebox .text{
width: 280px;
font: 12px Arial, Helvetica, sans-serif;
color: #01287a;
padding:2px;
}


.klein {
font-size: 11px;
font-style:italic;
}


#upload { 
position:relative; 
}

/****************Testimonial************************/
#testimonials table{
border-collapse: collapse;
}

#testimonials td{
padding-bottom: 5px;
}

#testimonials textarea{
width:450px;
height: 100px;
font: 12px Arial, Helvetica, sans-serif;
color: #01287a;
border:1px solid #ccc;

}

#testimonials input{
font: 12px Arial, Helvetica, sans-serif;
color: #01287a;
border:1px solid #ccc;
width:450px;
}

#testimonials select{
font: 12px Arial, Helvetica, sans-serif;
color: #01287a;
border:1px solid #ccc;
width:450px;
}

#testimonials .eingabe{
width:70px;
}

#testimonials .submit {
    width:180px;
	font-weight:bold;
	padding: 5px;
	margin: 5px;
	height:26px;
	background-color:#3B5D9F;
	
}#testimonials .einstellungen td{
padding-left: 5px;
}




#rubriken li.level2{
padding-left: 5px;
font-weight: bold;
}

#rubriken li.level3{
background: #5a5f69 url(../images/arrow_up.gif) no-repeat 20px center;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding-left: 35px;
font-weight: normal;
}
.testiausgabetd h2{
margin-bottom: 5px;
font-weight: bold;
}
.testiausgabetd{
padding:3px;
border:solid;
border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
border-width: 1px 2px 2px 1px;
background-color:#292c35;
margin:5px;
}


  
a span{
	background:url(http://www.espritdescalier.de/Lupe.png) no-repeat 50% 50%;	
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;	
}


.spamcheck {
	width: 5px;
	visibility: hidden;
	}


.artlist_headline a{
text-decoration: none;
font-weight: bold;
font-size: 16px;
}