body
{
    background-color: #FFFFFF;
    height: 100%;
    padding: 0;
    margin: 0;
    color: #333333;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.3em;
    voice-family: female;
    richness: 45;
    pitch: medium;
    speech-rate: medium;
    background-image: url('images/bkg_hinten.gif');
    background-repeat:repeat-y;
}

td
{
    color: #333333;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.3em;
}




a:link                           { color:#339; text-decoration:none; }
a:visited                        { color:#339; text-decoration:none; }
a:focus                          { color:#339; text-decoration:none; }
a:hover                          { color:#339; text-decoration:underline; }
a:active                         { color:#339; text-decoration:underline; }


a.headline:link                  { color:#339; text-decoration:none; font-size: 1.2em; font-weight: bold; margin: 5px 5px 10px 5px;}
a.headline:visited               { color:#339; text-decoration:none; font-size: 1.2em; font-weight: bold;}
a.headline:focus                 { color:#339; text-decoration:none; font-size: 1.2em; font-weight: bold;}
a.headline:hover                 { color:#339; text-decoration:underline; font-size: 1.2em; font-weight: bold;}
a.headline:active                { color:#339; text-decoration:underline; font-size: 1.2em; font-weight: bold;}


a.breadcrumbs:link               { color:#333; text-decoration:none; }
a.breadcrumbs:visited            { color:#333; text-decoration:none; }
a.breadcrumbs:focus              { color:#333; text-decoration:none; }
a.breadcrumbs:hover              { color:#339; text-decoration:underline; }
a.breadcrumbs:active             { color:#339; text-decoration:underline; }


h1                               { font-size: 1.3em;
                                   font-weight: bold;
                                   color: #339;
                                   margin: 0 0 10px 10px;
                                   padding: 0px; }

h2                               { font-size: 1.2em;
                                   font-weight: bold;
                                   color: #339;
                                   margin: 0 0 10px 10px;
                                   padding: 0px; }

h3                               { font-size: 1.1em;
                                   font-weight: bold;
                                   color: #339;
                                   margin: 0 0 10px 10px;
                                   padding: 0px; }

h4,h5,h6                         { font-size: 1.0em;
                                   font-weight: bold;
                                   color: #339;
                                   margin: 0 0 10px 10px;
                                   padding: 0px; }


.schriftBlau                     { font-size: 1.3em;
                                   font-weight: bold;
                                   color: #339; }
                                   
                                   
                                   
.pad5                            { padding: 5px; }         

.pad10                           { padding: 10px; } 

.pad10 input.text, textarea      { width: 40em; }                                   
        
hr                               { border-top: 1px solid #339;
                                   border-right: 0;
                                   border-bottom: 0;
                                   border-left: 0;
                                   margin: 0px 10px 10px 10px;
                                   padding: 0; }

form                             { padding: 0;
                                   margin: 5px 0 5px 0; }
                                   



#links
{
    position: absolute;
    top: 0;
    left: 0;
    width: 250px;
    height: 100%;
    text-align: left;
    background-image: url('images/bkg.gif');
}

#logo 
{
		position:absolute; 
		top:0; 
		left:0;
		width:360px;
		height:87px;
}

#suchen

{
    width: 230px;
    padding: 10px;
    border-bottom: 1px solid #FDF1B0;
}

/* Navigation links */


.navi1                           { width: 250px;
                                   border-top: 1px solid #FFFFCD;
                                   border-bottom: 1px solid #FDF1B0;
                                   font-weight: bold;
                                   cursor: pointer;
                                   background-color: #FFFFFF; }

.navi2                           { width: 250px;
                                   background-color: #FDEE9F;
                                   border-top: 1px solid #FFFFCD;
                                   border-bottom: 1px solid #FDF1B0;
                                   font-weight: bold;
                                   cursor: pointer; }

a.navilink1                      { color: #333399; }

a.navilink2                      { color: #333399; }

.navipad1                        { padding: 10px 5px 10px 10px; }

.navipad2                        { padding: 5px 5px 5px 30px; }

.navipad3                        { padding: 5px 5px 5px 40px; }

.navipad4                        { padding: 5px 5px 5px 45px; }


.lexikon
{
		padding: 5px;
		margin: 5px;
		border: 1px solid #FFCC00;
		float: left;
		cursor: pointer;
}

.lexikonselected
{
		padding: 5px;
		margin: 5px;
		border: 1px solid #FFCC00;
		background-color: #FDEE9F;
		float: left;
		cursor: pointer;
}

.content ul li
{
		margin-left: 100px;
		list-style-type: square;
}

#mitteBkg 
{
    clear: both;
    width: 100%;
}

#mitte
{
    padding-left: 260px;
    padding-right: 260px;
    padding-top: 2em;
}


#kopf                            
{ 
    height: 79px;
    width: 100%;
    background-image: url('images/bkg.gif'); 
}                                   

#navObenBkg                      
{ 
    clear: both;
    width: 100%;
    height: 3em;
    border-top: 1px solid #FAD40F;
    background-color: #FDEE9F;
}

#navOben
{ 
    padding-left: 250px;
    font-weight: bold;
    font-size: 1em;
    font-weight: bold;
}

.naviObenPad
{
    padding: 1em 2em 0em 2em;
    float: left;
}

#breadcrumbsBkg 
{ 
    clear: both;
    width: 100%;
    height: 1.5em;
    background-color: #FEFBE7;
}

#breadcrumbsBlock
{
    padding-left: 250px;
    font-size: 0.9em;
}

.breadcrumbsPad
{
    padding: 0.2em 2em 0 2em;
    float: left;
}




#rechts
{
    position: absolute;
    top: 134px;
    right: 0;
    width: 250px;
    text-align: left;
}


#wechselbild
{
    padding-top: 5px;
    padding-bottom: 5px;
    width: 250px;
    height: 130px;
}                                   

.blockDunkel                     { width: 250px;
                                   background-color: #FFF2BF; }

.blockHell                       { width: 250px;
                                   background-color: #FFF9DF; }
                                   
.teaserbild

{
		float: left;
		width: 100px;
		height: 100px;
		padding: 0 10px 10px 0;
}

.bild

{
		float: left;
		padding: 0 10px 10px 0;
}



/* sonstiges */


#blau
{ 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #333399;
    z-index: 100;
}                                   

#navTop
{
    position: absolute;
    top: 3px;
    right: 10px;
    text-align: right;
    z-index: 100;
}

.naviTopPad
{
    padding: 5px 3px 5px 3px;
    float: left;
    font-size: 0.9em;
}