/* Standard-CSS für www.evaplan.org */

/* Wichtige Farben
Navleiste dunkel nach hell = #663300, #945209, #805127, #b16f35, #d5a865, #e9d1ad
BG = #eae3d1
orange-hell = #F15A22
orange-dunkel = #E45F2E

hell-grau= #F3F0ED
dunkel-grau= #EBEAE2

blass-gelb= #fcf7ef
*/


/*----------------Allgemeines--------------*/
* {
margin: 0;
padding: 0;
border: none;
}

html, body, div, p, h1, h2, h3, ul, ol,
span, a, table, td, form, img, li {
   margin: 0;
   padding: 0;
   font-family: arial, verdana, helvetica, sans-serif;
   font-size: 9pt;
}

html{
height: 100.1%;
}


ul.textlist{
list-style-type: none;
}

h1{
color:#E45F2E;
font-size:14pt;
text-align: center;
padding-bottom: 3px;
font-weight: lighter;
}

h2{
color:#E45F2E;
font-size:11pt;
font-weight: bold;}

h3{
color:#E45F2E;
font-size:18pt;}

h4{
color:#E45F2E;
font-size:11pt;
font-weight: bold;
padding-bottom: 0px;
}

h5{
color:#F15A22;
font-size:13pt;}

div#hr{
width: 700px;
height: 1px;
background-color: transparent;
border-top: 1px solid #F15A22;
border-bottom: none;
}
div.hr2{
width: 700px;
height: 1px;
background-color: transparent;
border-top: 1px solid #EBEAE2;
border-bottom: none;


}

a{
text-decoration: none
}

span{
text-decoration: underline;

}



/*------STRUKTUR------------*/
html body{
background: #eae3d1;
margin: 0px ;
padding: 0px;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 12pt;
}


#container{
background: #F3F0ED;
margin: 0px auto;
width: 900px;
border:1px solid #630;
}


#head{
position: relative;
width: 900px;
height: 116px;
background: white url(grafik/head.gif) no-repeat scroll;
border:none;
}


#content{
background-color:#F3F0ED;
width: 900px;
height: 100%;
clear: both;

}

#col01{
width: 130px;
background-color: #F3F0ED;
margin: 0;
padding: 0;
height: 100%;
float: left;
}

#col02{
width: 710px;
font-size: 10pt;
background-color: #FFF;
padding: 30px;
padding-bottom: 50px;
float:left;
}

.clear{
clear:both;
}


/*-------------allgemein Link-look--------*/
a:link{
text-decoration: none;
color:#630;
}

a:visited{
text-decoration: none;
color:#630;
}

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

a:focus{
text-decoration: none;
color:#630;
}

a:active{
text-decoration: none;
color:#630;
}


/*----------------NAVIGATION-------------------------------*/
#navigation{
float: left;
list-style-type:none;
width:900px;
background:#E9D1AD;

}

#navigation ul{
padding:0;
margin:0;
list-style-type: none;
float:left;
}

#navigation li{
display:inline;
padding: 0;
margin: 0;
}


#navigation a {
border-right: 1px solid #fff;
padding: 3px 20px ;
margin: 0;
color: white;
text-decoration: none;
display: block;
float: left;
font: 0.9em Arial, Helvetica, sans-serif;
letter-spacing: 1px;
}

#filler {
background-color: #630;
float: left;
width: 130px;
height:16px;
}

a#filler{
padding:3px 0px;
}



/*---------NAVIGATION LINKS---------------------*/
#home{
background-color: #630;
}

#experten{
background-color:  #805127;
}

#projekte{
background-color:#945209;
}

#downloads{
background-color: #b16f35;
}

#partner{
background-color: #d5a865;
}

#profil{
background-color: #d7b98c;
border-right: 1px solid #fff;
}

#kontakt{
background-color: #e9d1ad;
border-right: 1px solid #fff;
}


a.nav:hover#experten, a.nav:hover#projekte, a.nav:hover#partner, a.nav:hover#profil, a.nav:hover#kontakt, a.nav:hover#downloads, a.nav:hover#home {
background-color: #eae3d1;
color: #630;
}



/*-------------------CONTENT Col01/links--------------*/
#box li{
border-bottom: 1px dotted #630;
background-color: #F3F0ED;
padding: 7px 10px;
margin:0;
list-style-type:none;
}

#box a{
font: 0.9em Arial, Helvetica, sans-serif;
}

#leerbox{
background-color: #F3F0ED;
width:130px;
height:100px;
}



/*-------------------CONTENT Col02------------------------*/
div#steckbrief{
width:700px;
height: 100%
background-color: #fcf7ef;
border: 1px solid #EBEAE2;
}

div#streifen{
position: relative;
top: 15px;
width: 700px;
background-color: #EBEAE2;
line-height: 1.4em;
text-align: right;
}

.personentext{
padding-top:22px;
height:113px;
}

#steckbrief p{
text-align: right;
padding-right: 125px;
}

#steckbrief span{
color:#E45F2E;
}

#foto{
position: relative;
border: 0px solid #cb3f01;
width: 80px;
height: 120px;
top: -12px;
right:13px;
float: right;
}


#bildumflossen{
display: block;
float: left;
margin-right: 10px;
width: 100px;
height:140px;
}


/*-------------------CONTENT schmaler Steckbrief------------------------*/
div#steckbriefs{
width:340px;
height: 100%
background-color: #fcf7ef;
border: 1px solid #EBEAE2;
}

div#streifens{
position: relative;
top: 15px;
width: 340px;
background-color: #EBEAE2;
line-height: 1.4em;
text-align: right;
border-style:solid;
border-width:1px;
border-color:yellow;
}

.personentexts{
padding-top:22px;
width:150px;
height:250px;
border-style:solid;
border-width:1px;
border-color:green;
}
div#perstexts{
padding-top:22px;
width:190px;
height:250px;
border-style:solid;
border-width:1px;
border-color:green;
}

#steckbriefs p{
text-align: right;
padding-right: 125px;
}

#steckbriefs span{
color:#E45F2E;
}

#fotos{
position: relative;
border: 0px solid #cb3f01;
width: 80px;
height: 120px;
top: -12px;
left:0px;
float: right;
border-style:solid;
border-width:1px;
}


#bildumflossens{
display: block;
float: left;
margin-right: 10px;
width: 100px;
height:140px;
}




/*-------------Tabellen-------*/
table{
border: 1px solid #EBEAE2;
border-collapse:collapse;
}

table span{
text-decoration: underline;
}

td{
padding: 6px 6px;
border-bottom:1px solid #EBEAE2;
vertical-align: top;
}

.zelle1{
background: #fcf7ef;
}
.zelle2 {
background: #FFF;
}

.tabellenkopf{
background: #EBEAE2;
}

.kopfzelle{
border-right: 1px solid #FFF;
}

.b-right{
border-right: 1px solid #EBEAE2;}


.tabellenende{
border-bottom: 0px;
}

.noborder{
border: 0px;
}


/*-------------------FOOTER------------------*/

div.footerleft{
text-align: left;
width:130px;
border-top: 1px solid #E45F2E;
border-width: 1px;
background-color:#EBEAE2;
margin:0;
height: 20px;
float:left;
}


div.footerright{	
width:770px;
border-top:1px solid #E45F2E;
background-color:#FFF;
margin:0;
padding: 0;
float:left;
height:20px;
line-height:1.1em;
}


.footerright ul{
float:left;
}

.footerright li{
display: inline;
font-size: 10px;
list-style-type:none;
}

#rechts{
padding-left:200px;
}

#rechtsgb{
padding-left:560px;
}

div.footerright a{
font-size: 1.1em;
padding: 12px;
}

div.footerright a:hover{
font-size: 1.1em;
}