*{ margin:0; padding:0; }

html { height:100%;/*n�tig, um ein DIV auf 100% H�he zu bringen */ }

body
{
height:100%;
font-family:Arial,sans-serif;
font-size:1em;
line-height: 1.3em;
}

#background{position:absolute; z-index:1; width:100%; height:100%;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2; }
/*#content {height:100%; }  */
/* ------------ Rahmen f�r 2 Spalten bis zum Browserrand -------------- */

#Rahmen {
position:relative;
width:1200px;
height:100%;
background: url(content_back2.png) repeat-y;
margin-left:10%;
}


*+html #Rahmen {
width:1200px;
height:100%;
background: url(content_back.png) repeat-y;
margin-left:10%;
}

html>body #Rahmen
{
height:auto;         /*falls Inhalt �ber 100% hinaus geht*/
min-height:100%;
}





#Huellelinks{
position:relative;
display:block;
width:256px;
height:100%;
float:left;
/*background: url(back.png) repeat-y;   */
z-index:4;
}

html>body #Huellelinks{
height:auto;
min-height:100%;
}

#Huellerechts{
position:relative;
display:block;
width:662px;
height:100%;
margin-left:10px;
float:left;
/*background: url(content_bg2.png) repeat-y;    */
z-index:3;
padding-bottom:30px;
}

html>body #Huellerechts{
height:auto;
min-height:100%;
}


/* ---------- NAVI ---------------------------------------------------------------------------------------*/



#Navi-Huelle .header {background: url(logo_ife3.png) no-repeat;  width: 256px; height:212px;  float:left; }
*+html #Navi-Huelle .header {background: url(logo_ife4.png) no-repeat;  width: 256px; height:212px;  float:left; }

#Navi-Huelle .center { width:256px; background: url(menu_bg1.png) no-repeat;float:left; }
*+html #Navi-Huelle .center { width:256px; background: url(menu_bg2.png) no-repeat;float:left; }

/**** MENU ****/


#menu {width:224px; margin: 10px 0 0 44px; }
#menu ul{line-height: 38px; list-style: none; margin:0; padding:0;}

.level1 { padding: 0px 10px 0px 0px;     }
.level1 a {width: 229px; display:block;  font-size:18px; color: #96a8bf; text-decoration:none; }
.level1 a:hover { color: #fff; }
.active1{font-size:18px; color: #fff !important; text-decoration:none;  width: 205px; display:block; background: url(menu_pointer.png) no-repeat right 2px; position:relative; z-index:5;}

.level2 {width: 80px; margin-left: 20px; padding: 0; }
.level2 a {width: 205px; display:block; font-size:14px; color: #96a8bf; text-decoration:none;}
.level2 a:hover { color: #fff;}
.active2{  font-size:14px; font-weight:bold; color: #fff !important;  text-decoration:none; }

/**** NEWS-BOX ****/


.box {float:left; border:2px solid #415B7F; margin: 20px 0 20px 14px;}
.boxback {background: url(tsr_img.jpg) no-repeat; width:218px; height:100px; padding-top:10px;}
.boxtext {width:150px; margin: 0px 0 0 10px; }
.boxhead {font-weight:bold; font-size:16px; color:#fff; padding:0px; margin:0px;}
.boxsubhead {font-weight:bold; font-size:14px; color:#99ccff;  padding:0px; margin:0px;}
.boxdetail {font-size:12px;color:#fff;}
.more {float:right; font-size:11px; color:#fff; text-decoration:none; padding:3px 10px 3px 9px; background: url(bulletpoint_kl.png) no-repeat left;}
.more:hover{ font-size:11px; color:#fff; text-decoration:underline;}

.imp a {margin:0 0 10px 56px; font-size:11px; color:#59708F;}

/* -------- MAIN ---------------------------------------------------------------------------------------*/



#Content-Huelle{
position:relative;
margin-top:0px;
margin-left:0px;
width:665px;
height:auto;
}

#Content-Huelle .main{
position:relative;
width:656px;
float:left;
height:100%;
margin-left:auto;
margin-right:auto;
}

/**** HEADER ****/


.headline{margin-top:50px;}
.p1{color:#666; font-size:24px; font-weight:bold; font-style:italic; margin: 0px 0 0px 44px;}
.p2{color:#ffaf1b; font-size:24px; font-weight:bold; font-style:italic;}
hr {color:#808080; background-color:#808080; width:612px; margin: 10px 0px 18px 22px; border:0px; height:2px;}
.headerpic {margin: 0px 22px 0px 22px; border:3px solid #fff;}

/**** TEXT ****/


#text {font-size: 12px; color:#000; margin: 30px 44px 0px 44px; }
#text .intro{font-weight: bold; color:#000;}

#text ul li{
list-style-image: url(bulletpoint_gr.png);
font-size: 12px;
color:#222;
font-weight:bold;
margin-left: 44px;
}


#text p{margin-bottom:20px;}
.zitat{color:#000; font-style:italic; font-size:14px; padding:10px 0 0 10px; margin: 0px 44px 0px 35px; background: url(quote.png) top left no-repeat;}
.autor{color:#000; font-style:italic; font-size:12px; float:right; margin:0 44px 10px 0;}

#projekt {width: 526px; border-bottom:1px solid #ccc; margin: 10px 0 10px 54px; padding: 0 0 10px 0;}
#projekt .title{font-weight:bold; color:#11325F; font-size:16px; padding:0 0 5px 0; margin:0px; float:left;}
#projekt .date{color:#3f3f3f; font-size:12px; padding:0 0 5px 0; margin:0px; float:right;}
#projekt .subtitle{font-weight:bold; color:#222; font-size:12px; padding:0 0 5px 0; margin:0px;}
/*#projekt img{float:right; border:1px solid #ccc; padding:2px; background-color:#fff;margin:0px 0 0 10px; width:150px; height:112px;}*/
#projekt .text{font-size:12px; color:#000; margin-bottom:10px; width:350px; display:block;}
#projekt .moreproject{ font-size:11px; color:#666; text-decoration:none; padding:3px 10px 3px 9px; background: url(bulletpoint_kl.png) no-repeat left;}
#projekt .moreproject:hover { text-decoration:underline;}


#projekt .hoverbox
{
        cursor: default;
        list-style: none;
        float:right;
}

#projekt .hoverbox a
{
        cursor: default;
}

#projekt .hoverbox a .preview
{
        display: none;
}

#projekt .hoverbox a:hover .preview
{
        display: block;
        position: absolute;
        top: -120px;
        left: -45px;
        z-index: 7;
}

#projekt .hoverbox img
{
        border:1px solid #ccc;
        background-color:#fff;
        color: inherit;
        padding: 2px;
        vertical-align: top;
        width: 150px;
         z-index: 6;  
}

#projekt .hoverbox li
{
         color: inherit;
        display: inline;
        float: left;
        position: relative;
}

#projekt .hoverbox .preview
{
        border:1px solid #ccc; padding:2px; background-color:#fff; width:450px;
}
/**** Kontaktformular ****/


fieldset {  margin:10px 0px 20px 44px;  width: 550px; border:0px solid #fff; padding:0px;}

#kontakt td { padding:3px; }

#kontakt .bez{
font-size: 12px;
color:#000;
vertical-align:top;
}

#textfalse {font-size: 12px; color:#C00040; margin: 30px 44px 0px 44px; }

#kontakt .captcha {border:1px solid #ccc; width:140px; height:40px;}
#kontakt .senden {border:1px solid #003080; background-color:#183268; color:#fff; font-weight:bold; float:right; padding:3px;}
#kontakt .inpt {background:url(box_bgr.png)repeat-x top #ffffff;border:1px solid #ccc;}
#kontakt .inpt:focus {border:1px solid #ffaf1b;}


#list{
list-style-image: url(bulletpoint_gr.png);
font-size: 12px;
color:#222;
font-weight:bold;
margin-left: 44px;
}


/* ----------Footer -------------------------*/

#abschluss
{
width:100%;
clear:both;  /*hebt "float" wieder auf und verhindert das �berlappen der Navi*/
height:40px;

}


#footer{
position:absolute;
width:900px;
height:25px;
bottom:0px;
/*z-index:6;   */

}


/* ----------Sonstiges -------------------- */

.clean_break {
font-size: 0px;
line-height: 0px;
clear: both;
margin:0px;
padding:0px;
height: 0px;
}