/* www.flamemedia.com */

body {
background-image: url(bkground.gif);
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}
a {}
a:visited {}
a:hover {}
a:active {}

h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #E0A3B7;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:0px;
margin:0px }

h2 {
font-size:20px;
text-align: left;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

.titel {padding: 200px 10px;}
.titel2 {padding: 80px 10px;}

h3 {
font-size:18px;
text-align: left;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

h4 {
font-size: 9px;
color: #000;
}

img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
width: 775px;
height:100%;
padding:0px;
margin: 15px auto;
border: solid 2px #7ca5d3;
background-color: #fff;

} 

/* ---------- header -------------- */

header {
margin: 0px;
padding: 5px;
background-color: #fff;
height: 100%;
}

#headero {
text-align: center;
background:url(headero.jpg) no-repeat;
padding: 0px;
margin: 3px 3px 0 3px ; 
height: 75px;
}

#headeru {
text-align: right;
background:url(headeru.jpg) no-repeat;
padding: 0px;
margin: 0 3px 3px 3px; 
height: 25px;
}

#headeru ul {
margin: 0;
padding:6px;
list-style-type:none;}

#headeru ul li {
margin: 0;
display:inline;
padding-left:.5em;
padding-right:.2em;
/*border:2px solid #003300;*/
}

#headeru ul li strong {
color:#aa3;
/*border:1px solid #aa3;*/
padding:0;
margin: 0;}

#headeru a {
padding:0em .5em;
margin:0px;
font-weight:normal;
color:#000;
border:1px solid #000;
text-decoration: none;
}

#headeru a:hover {
text-decoration:none;
border:1px solid #fff;
color: #fff;

}


 

/* ----------outer und inner----------------- */
#outer{ 
border-left: solid 160px #fff;  /* linke Menue Spalten Farbe  */ 
background-color: #fff; /* Farbe fuer Inhalt Spalten  */
padding: 0px;  
} 
#outer li {
list-style-type: none;
}

#inner{ margin:0px;
padding: 0px;
} /* die IE PC schlaufe */ 

/* --------------left navigavtion------------- */
#left {
 width:130px; 
 float:left; 
 position:relative; 
 margin-left:-155px; 
 margin-right:1px;
padding: 5px;
border:3px solid #fff; /* --------------boxfarbe------------- */
text-align: center;
height: 100%;
 }

/* -----------------Inhalt--------------------- */
#content{ 
position: relative; 
margin: 3px;
padding: 5px; 
background-color: #fff;
border: 3px solid #73acf0; /* ------------- boxfarbe------------ */
height: 1%;
}

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

.projekt img{
padding: 0px 10px;
margin:0px; 
height: 1%;
}

.pre{
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size: 12px;
padding: 5px 10px;
margin:0px;}

.boxlinks{
width:120px;
margin:0px;
padding: 0px;
float: left;
height: 1%;
}

.boxrechts{
margin-left:110px;
padding: 0px:
height: 1%;
}

.proboxlinks{
width:405px;
float: left;
padding: 0px;
margin:0px;
height: 1%;
}

.proboxrechts{
margin-left:410px;
padding: 0px;
height: 1%;
}

.inhalt{
font-weight:normal;
font-size: 12px;
text-align:left;
line-height:20px;
margin:0;
padding: 0px;
height: 1%;
}

.inhaltkl{
font-weight:normal;
font-size: 9px;
text-align:center;
line-height:20px;
margin:0;
padding: 0px;
height: 1%;
}

.inhaltkl img{
text-align:center;
}

.termpic{
float: left;
margin: 0 20px 0  0;
}

.boxmitte p img{
text-align:center;
}

.center {
text-align: center;
font-weight:normal;
font-size: 12px;
}

.site ul li a{
font-weight:normal;
font-size: 12px;
text-align:left;
line-height:20px;
color: #000;
margin:0;
}

.site ul li a:visited {
color: #DB7093;
}

.site ul li a:hover {
color: #DB7093;
}

.site ul li a:active {
color: #DB7093;
}

.middle {
text-align: left;
clear: both;
}

.center {
text-align: center;
}

.projektdbild {
width:405px;
float: left;
border: solid 1px #333;
padding-left: 0px;
text-align: center;
}

.projektlinks {
width:195px;
float: left;
/*border: solid 1px #333;*/
padding-left: 0px;
text-align: center;
}

.projektrechts {
width:195px;
float: left;
/*border: solid 1px #333;*/
text-align: center;
}


/*  ----------------footer---------------------- */ 
#footer {
background:url(headeru.jpg) no-repeat;
clear:both;
padding:0px;
margin:0px;
height: 25px;
text-align: right; 
color: #000;
} 

#footer p{
padding-right: 10px;
magrin: 0;
}

#footer a {
padding-right: 10px;
magrin: 0;
color: #000;
text-decoration: none;
}

#footer a:hover {
padding-right: 10px;
magrin: 0;
color: #fff;
text-decoration: none;
}

/*  ----------------spezial---------------------- */ 

.textversteck {
position:absolute;
left:-2000px;
top:-2000px;
width:0;
height:0;
overflow:hidden;
display:inline;}