/* ----------------------------------------------

ANPASSUNGEN TAGS 

------------------------------------------------ */

html, body 
{ 

}


body {
font-size: 100.01%;
color: #000;
background-color: #f0ebd7;
background-image: url(../bilder/verlauf.jpg);
background-repeat: repeat-x;
text-align: center;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 18px;
margin-top: 50px;
margin-bottom: 20px;
}


p{
margin: 0px;
padding: 0px
}

a{
color: #990019;
text-decoration: none;
}

a:hover{
color: #990019;
text-decoration: underline;
}

fieldset, img {
border: 0 solid;
}

h1,h2,h3,h4,h5{
font-family: Verdana, Arial;
color: #555555;
}


h1{
font-size: 13px;
line-height: 18px;
margin-bottom: -4px;
text-transform: uppercase;
}


h2,h3,h4,h5{
font-size: 12px;
line-height: 15px;
margin-bottom: -8px;
}

table{
text-align: left;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
line-height: 18px;
width: 350px;
}

li{
margin-left: -22px;
}

ul{
}




/* ----------------------------------------------

ANPASSUNGEN IDs

------------------------------------------------ */


#pagemain{
height: 100%;
width: 943px;
background-color: #ECE5B9;
border: 8px #ffffff solid;
background-image: url(../bilder/hintergrund_main.gif);
background-repeat: repeat-y;
margin: 0 auto;
}


* html #pagemain{
background-image: url(../bilder/hintergrund_main.gif);
background-repeat: repeat-y;
background-position: -16px;
}

 
#contentlinks{
position: relative;
width: 670px;
min-height: 620px;
height: 100%;
background-color: #ECE5B9;
border-right: 8px #ffffff solid;
float: left;
}


* html #contentlinks{
width: 654px;
}


#contentrechts{
position: relative;
width: 265px;
float: left;
height: 100%;
background-color: #D1C070;
}


#breadcrumb{
text-align: left;
margin-top: 36px;
margin-bottom: 36px;
margin-left: 40px;
color: #555555;
font-size: 10px;
}


#contentmain{
text-align: left;
margin-top: 36px;
margin-left: 40px;
margin-bottom: 36px;
margin-right: 36px;
min-height: 412px;
}


* html #contentmain{
height: 477px;
width: 578px;

}

#headmain{
position: relative;
width: 670px;
height: 130px;
border-bottom: 8px #ffffff solid;
background-color: #D1C070;
text-align: left;
}


* html #headmain{
width: 654px;
float: left;
}


#useability{
position: relative;
width: 300px;
text-align: left;
float: left;
margin-left: 36px;
margin-top: 22px;
color: #ffffff;
}

* html #useability{
margin-left: 18px;
}


#navigation{
position: relative;
width: 615px;
text-align: left;
margin-left: 36px;
margin-top: 30px;
float: left;
}

* html #navigation{
margin-left: 18px;
}

#useability a{
color: #ffffff;
text-decoration: none;
}


#useability a:hover{
color: #000000;
text-decoration: underline;
}


#logo{
width: 265px;
height: 187px;
text-align: center;
background-color: #ECE5B9;
border-bottom: 8px #ffffff solid;
padding-top: 35px;
}


* html #logo{
height: 222px;
}


#bild{
width: 265px;
height: 391px;
border-bottom: 8px #ffffff solid;
}



/* ----------------------------------------------

ANPASSUNGEN KLASSEN

------------------------------------------------ */


.clearing{
clear: both;
}


.bodytext {
margin: 0px;
padding: 0px;
}



/* ----------------------------------------------

ANPASSUNGEN FORMULARE 

------------------------------------------------ */

.csc-mailform { 
color : #ffffff;
font-size : 11px;
font-family : Verdana, Arial;
line-height : 13px;
text-align : left;
margin-top : 15px;
margin-left: -5px;
} 


* html .csc-mailform { 
margin-left: 0px;
}

.csc-caption { 
text-align : left;
font-family : Verdana, Arial;
font-size : 11px;
color : #ffffff;
line-height : 13px;
width: 200px;
} 


.csc-mailform { 
color : #000000;
font-size : 11px;
font-family : Verdana, Arial;
line-height : 13px;
text-align : left;
margin-top : 15px;
} 

.csc-caption { 
text-align : left;
font-family : Verdana, Arial;
font-size : 11px;
color : #ffffff;
line-height : 13px;
width: 200px;
} 

.csc-mailform-field label { 
width : 150px;
float: left;
}

.csc-mailform-submit{
margin-top: 10px;
margin-left: 150px;
height: 20px;
line-height: 12px;
}


select { 
width : 302px;
height : 18px;
border : 1px solid #000000;
font-family : Verdana, Arial;
font-size : 11px;
color : #000000;
margin-bottom: 4px;
}

*+html select{
width : 306px;
height : 22px;

}

input { 
width : 300px;
height : 16px;
border : 1px solid #000000;
font-family : Verdana, Arial;
font-size : 11px;
color : #000000;
margin-bottom: 4px;
} 

textarea { 
width : 300px;
height : 250px;
border : 1px solid #000000;
font-family : Verdana, Arial;
font-size : 11px;
color : #000000;
}


/* ----------------------------------------------

ANPASSUNGEN KLASSEN FUER RTE 

------------------------------------------------ */


.links{
width: 100px;
float: left;
}

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

.italic{ 
font-style: italic;
}

.bold{
font-weight: bold;
color: #555555;
}


.datum{
color: #333333;
font-size: 10px;
}

.linie
{
text-align: left;
width: 550px;
height: 1px;
border-top: 1px #000000 solid;
line-height:1px;
display: block;
}


/* ----------------------------------------------

DIVERSE ANPASSUNGEN TYPO3 

------------------------------------------------ */

.csc-header .csc-header-n1{
margin: 0px;
padding: 0px;
background-color: #ffffff;
}


div.csc-textpic-text p.bodytext{
margin-left: 0px;
}


div.csc-textpic-text h1{
margin-left: 20px;
}

div.csc-textpic div.csc-textpic-imagecolumn
{
float: left;
display: inline;
margin-bottom: 0px;
}


div.csc-textpic-imagewrap
{
padding-top: 0pt;
padding-right: 0pt;
margin-bottom: -5pt;
padding-left: 0pt;
}

div.csc-textpic-left div.csc-textpic-imagewrap
{
float: left;
}





* html div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
}

.csc-textpic-caption
{
color: #111111;
font-size: 9px;
padding-left: 4px;

}


/* ----------------------------------------------

MENU Snippets by http://typo3.intervation.de/index.php?id=1

------------------------------------------------ */


ul.menuHGM2, ul.menuHGM2 ul {
    list-style-type: none;
    margin-left: -40px;
}

* html ul.menuHGM2{
margin-left: 0px;

}


ul.menuHGM2 a {
    display: block;
    padding: 4px 0;
    text-decoration: none;
    color: #ffffff;
    font-family: Arial;
    font-size: 10px;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: bold;
}

ul.menuHGM2 a:hover {
color: #611220;
}


ul.menuHGM2 ul a {
    padding: 0 10px;
}

ul.menuHGM2 li {
    padding:0;
    margin:0;
    background-image: none;
    background-color: #D1C070;
    float:left;
}

ul.menuHGM2 ul {
    margin-left:0;
    padding: 10px 0 8px 0;
    position: absolute;
    background-color: #D1C070;
    border:1px solid #ffffff;
    display:none;
    min-width:160px;
    z-index: 100;
}

/* IE-Hack fuer die Breite */
* html ul.menuHGM2 ul {
    width:200px;
}

/* Dies sind die Klassenstile fuerr das Untermenue; wenn sich die Maus */
/* ueber der Liste  befindet (.hover siehe JavaScript oben) */
ul.menuHGM2 ul.hover, ul.menuHGM2 li.hover ul, ul.menuHGM2 li:hover ul  {
    display:block;
    background-color: #D1C070;
}

ul.menuHGM2 ul li {
    float:none;
    background-color: transparent;
}