/* Page Layout */ 
html, body{ 
font:12px Arial,serif;
color:#858585;
line-height:15px;
letter-spacing:0.2px;
 margin:0; 
 padding:0; 
 } 
 
h1,h2,h3,h4,h5,h6 {
font:bold 12px Arial,serif;
color:#858585;
line-height:15px;
letter-spacing:0.2px;
margin:0; 
 padding:0; 
clear:none;
float:left;
}

#pagewidth{ 
 width:760px;  
} 
 
#header1{
 position:relative; 
 height:52px; 
  background-color:#FFFFFF; 
 width:100%;
} 

#header2{
margin-left:22px;
 position:relative; 
 height:27px; 
  background-color:#FFFFFF; 
 width:100%;
} 
 
#wrapper {
margin-left:24px;
}

#leftcol{
 width:144px; 
 float:left; 
 position:relative; 
 margin-top:2px;
  }
 
#twocols{
 width:592px; 
 float:right; 
 position:relative; 

  }
 
#rightcol{
 width:290px; 
 float:right; 
 position:relative;
 margin-top:2px;
 }
 
#maincol{background-color: #FFFFFF;  
 float: left; 
 display:inline; 
 position: relative; 
 width:292px; 
margin-right:10px;
margin-top:2px;
 }
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the header columns when printing*/ 
#header1{display:none;} 
#header2{display:none;} 

}

/*Additional Styles*/
img {
border:0px;
}

p.member {
margin:0px;
height:135px;
max-height:135px;
/*min-height:100px;*/
}

a.low {
outline:#ffffff;
color:#858585;
text-decoration:none;
}

a,a.high,a:active,a:hover,a:focus {
color:#F30F0E;
text-decoration:none;
outline:#ffffff;
}

/* button definitions */
a.button1 {
display:block;
float:left;
background-image:url(images/castiello_projekte.gif);
background-repeat:no-repeat;
background-position:0px 0px;
height:27px;
width:99px;
outline:none;
text-decoration:none;
border:0px;
}

a.button1:focus,a.button1:active,a.button1:hover,a.pbutton1 {
display:block;
float:left;
background-image:url(images/castiello_projekte-active.gif);
height:27px;
width:99px;
outline:none;
text-decoration:none;
border:0px;
}

a.button2 {
display:block;
float:left;
background-image:url(images/castiello_team.gif);
background-repeat:no-repeat;
background-position:0px 0px;
height:27px;
width:64px;
outline:none;
text-decoration:none;
border:0px;
}

a.button2:focus,a.button2:active,a.button2:hover,a.pbutton2 {
display:block;
float:left;
background-image:url(images/castiello_team-active.gif);
height:27px;
width:64px;
outline:none;
text-decoration:none;
border:0px;
}

a.button3 {
display:block;
float:left;
background-image:url(images/castiello_credo.gif);
background-repeat:no-repeat;
background-position:0px 0px;
height:27px;
width:68px;
outline:none;
text-decoration:none;
border:0px;
}

a.button3:focus,a.button3:active,a.button3:hover,a.pbutton3 {
display:block;
float:left;
background-image:url(images/castiello_credo-active.gif);
height:27px;
width:68px;
outline:none;
text-decoration:none;
border:0px;
}

a.button4 {
display:block;
float:left;
background-image:url(images/castiello_kontakt.gif);
background-repeat:no-repeat;
background-position:0px 0px;
height:27px;
width:91px;
outline:none;
text-decoration:none;
border:0px;
}

a.button4:focus,a.button4:active,a.button4:hover,a.pbutton4 {
display:block;
float:left;
background-image:url(images/castiello_kontakt-active.gif);
height:27px;
width:91px;
outline:none;
text-decoration:none;
border:0px;
}

a.button5 {
display:block;
float:left;
background-image:url(images/castiello_links.gif);
background-repeat:no-repeat;
background-position:0px 0px;
height:27px;
width:54px;
outline:none;
text-decoration:none;
border:0px;
}

a.button5:focus,a.button5:active,a.button5:hover,a.pbutton5 {
display:block;
float:left;
background-image:url(images/castiello_links-active.gif);
height:27px;
width:54px;
outline:none;
text-decoration:none;
border:0px;
}

/*a.hid {color:#000; text-decoration:none; outline-style:none;}
a.hid em {display:none;}
a.hid:hover {text-decoration:none;}
a.hid:active, a.hid:focus {background:#ffffff;}
a.hid:active span, a.hid:focus span {display:none;}
a.hid:active em, a.hid:focus em {display:block; width:100%; font-style:normal; cursor:default;z-index:5;}
*/
a.hid {color:#858585; text-decoration:underline; outline-style:none; position:relative; z-index:500;}
a.hid em {display:none;}
a.hid:hover {text-decoration:none;}
a.hid:active, a.hid:focus {background:#fff;}
a.hid:active span, a.hid:focus span {display:none;}
a.hid:active em, a.hid:focus em {display:block; background:#fff; width:290px; font-style:normal; cursor:default; padding:5px 5px 20px 5px; position:absolute; left:-5px; top:-10px; border:0px /*solid #ddd*/; border-width:1px;}