﻿/*******************************************************
### HTML-Definitionen
*******************************************************/

body 
{
    background-image: url(../layout/background.gif);
    background-repeat: repeat;
    margin: 10px 0 0 0;
    padding: 0;
    text-align: center;
    color: #DCDCDC;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
}

/*******************************************************
### Allgemeines
*******************************************************/

h1, h2, h3, h4, h5, h6 
{
    font-family: Verdana, Arial, Sans-Serif;
    color: #DCDCDC;
    font-weight: bold;
    text-decoration: none;
}

h1 
{
    background: transparent url(../layout/h1.jpg) no-repeat;
    padding: 2px 0 0 30px;
    font-size: 1.6em;
}

h2 
{
    font-size: 1.4em;
}

h3 
{
    font-size: 1.2em;
}

h4 
{
    font-size: 1em;
}

h5 
{
    font-size: 1em;
}

h6 
{
    font-size: 1em;
}

img 
{
    border: 0;
}

a:link, a:visited, a:active 
{
    color: #FF6600;
    font-weight: normal;
    text-decoration: none;
}

a:hover 
{
    color: #FFFFFF;
    font-weight: normal;
    text-decoration: underline;
}

div.left 
{
    float: left;
    text-align: left;
}

div.right 
{
    float: right;
    text-align: right;
}

div.clearer 
{
    clear: both;
    line-height: 0px;
    font-size: 1px;
}

/*******************************************************
### Layout-Definitionen (DIVs)
*******************************************************/

#vt_page 
{
    width: 900px;
    margin: auto;
    padding: 0;
    text-align: left;
    border: 1px solid #7F7F7F;
    border-bottom: 0;
}

#vt_header 
{
    /*background-image: url(../layout/header.jpg);
    background-repeat: no-repeat;*/
    width: 900px;
    height: 100px;
    margin: 0;
    padding: 0;
}

#vt_topnavi 
{
    background-image: url(../layout/menu1.jpg);
    background-repeat: no-repeat;
    width: 880px;
    height: 30px;
    margin: 0;
    padding: 0 10px 0 10px;
}

#vt_content 
{
    background-color: #1C1C1C;
    width: 880px;
    margin: 0;
    padding: 10px;
    color: #DCDCDC;
}

#vt_footer 
{
    background-image: url(../layout/footer.jpg);
    background-repeat: no-repeat;
    width: 880px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0 10px 0 10px;
    color: #DCDCDC;
}

#vt_language 
{
    width: 200px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: auto;
    padding: 0;
}

/*******************************************************
### Topnavi
*******************************************************/

/*** Erste Ebene ***/

div.level1 
{
    line-height: 30px;
    clear: both;
}

div.level1_item, div.level1_item_act 
{
    background-color: transparent;
    float: left;
    display: inline;
    clear: none;
    margin: 0;
    padding: 0 10px 0 0;
}

a.level1_link:link, a.level1_link:visited, a.level1_link:active, a.level1_link_act:link, a.level1_link_act:visited, a.level1_link_act:active
{
    color: #FF6600;
    font-weight: bold;
    text-decoration: none;
}

a.level1_link:hover, a.level1_link_act:hover
{
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline;
}

/*** Zweite Ebene ***/

div.level2
{
    background-color: #000000;
    border: 1px solid #FFFFFF;
    line-height: 20px;
    clear: both;    
    text-align: left;
    margin: 15px 0 0 0;
    padding: 0;
}

div.level2_item, div.level2_item_act, div.level2_item_ifsub
{
    float: none;
    clear: both;
    margin: 0;
    padding: 3px 10px 3px 10px;
}

a.level2_link:link, a.level2_link:visited, a.level2_link:active, a.level2_link_act:link, a.level2_link_act:visited, a.level2_link_act:active 
{
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}

a.level2_link:hover, a.level2_link_act:hover 
{
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline;
}

/*******************************************************
### Footer
*******************************************************/

a.print:link, a.print:visited, a.print:active 
{
    background-image: url(../layout/druck.gif);
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 18px;
    width: 18px;
    height: 18px;
    text-decoration: none;
}

a.print:hover 
{
    background-image: url(../layout/druck_hover.gif);
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 18px;
    width: 18px;
    height: 16px;
    text-decoration: none;
}

/*******************************************************
### TYPO3-eigenes Mailformular
*******************************************************/
#mailform 
{
    margin: 0;
    padding: 0;
}

#mailform div.row
{
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    width: 430px;
}

#mailform div.label 
{
    width: 150px;
    margin: 0;
    padding: 5px 5px 5px 0;
    font-weight: normal;
    float: left;
    clear: left;
}

#mailform input, #nc_mailform textarea
{    
    margin: 5px 0 5px 0;
    padding: 1px;
    border: 1px solid #DCDCDC;
    color: #000000;
    font-size: 11px;
    font-family: Verdana, Arial, Sans-Serif;
}

#mailform input.submit 
{
    margin: 0;
    padding: 3px 15px;
    font-weight: bold;
}