/********** styles before 20050608 follow - newer style see bottom ***********/

body{
	margin:0px;
	background-color:#282828;
}

#contentmain{  /*upper frame*/
   position:absolute;
   left:0px;
   top:0px;
   z-index:1;
   width:100%;
   height:89%;
   padding:0px;
   padding-bottom:4px;
   background-color:#bf8600;
   /*testbackground:#eef8f0;*/
   overflow:hidden;
}
/*test#contentmain h3 a{color:#afb80b;}*/
#contentsidebarshade	{  /*upper frame subnavigation e.g. kontext*/
   position:absolute;
   left:6px;
   top:1px;
   z-index:2;
   width:130px;
   height:535px;
   padding:0px;
}	/*sidebar for content*/

#contentsidebar   {  /*upper frame subnavigation e.g. kontext*/
   position:absolute;
   left:5px;
   top:0px;
   z-index:3;
   width:130px;
   height:535px;
   padding:0px;
}	/*sidebar for content*/

#contentkontext		{   /*upper frame content*/
   position:absolute;
   left:0px;
   top:80px;
   z-index:1;
   width:100%;
   height:489px;
   padding:0px;
}

/*#contentinfo		{
   position:absolute;
   left:0px;
   top:0px;
   z-index:2;
   width:100%;
   height:535px;
   color:#FFFFFF;
}	
*/

#contenttitle		{  /*upper frame title e.g. index of archive*/
   position:absolute;
   left:10px;
   top:23px;
   width:790px;
   height:80px;
}
/*
#contenttext		{
   position:absolute;
   left:10px;
   top:0px;
   width:790px;
   height:472;
   overflow:scroll;
}
*/
/*special divs only used once*/
#contentrandomshade	{
   position:absolute;
   left:16px;
   top:5px;
   z-index:10;
}

#contenttextareashade	{
   position:absolute;
   left:1px;
   top:1px;
   /*background:0 0 transparent url(preload/de/textarea.png);
   filter:Alpha(opacity=50, finishopacity=50, style=0);*/
   z-index:10;
}

#contentrandom		{
   position:absolute;
   left:15px;
   top:4px;
   z-index:11;
}

#contenttextarea		{
   position:absolute;
   left:0px;
   top:0;
   z-index:11;
   width:20%;
   height:400px;
}
.contentrandomtext		{
   position:relative;
   left:1px;
   top:0px;
}	/*height has weird results on miex macos9! leave it alone.*/

#contenttextareashade .contentrandomtext,#contenttextarea .contentrandomtext{
   position:absolute;
   left:0;top:0;
   z-index:10;
   width:200px;
   height:533px;
   padding-left:10px;
   padding-top:10px;
   
}

#contenttextareashade .contentrandomtext{
   padding-left:10px;
   padding-top:10px;
   background:0 0 transparent url(preload/de/textarea.png);
   filter:Alpha(opacity=50, finishopacity=50, style=0);
   height:523px;
   /*height:89%;*/
   border-right:1px solid rgb(127,127,127);
   /*border-left:1px solid rgb(127,127,127);*/
   overflow:hidden;
}
.info{	color:#FFFFFF;}	/*for testing*/

/*font style defaults*/
h2,h3,h4,p{font-family:Arial,Helvetica,Verdana,sans-serif;font-weight:normal;color:#000000;text-align:left}
/*h1{font-size:60px;font-family:monospace,sans-serif;color: #D1B111; line-height: 60px;}*/
h1{font-size:60px;font-family:'courier new',courier,monospace,serif;color:#D1B111;line-height:60px;margin-left:10px;}
h2{font-size:20px;line-height:18px;font-weight:bold;margin-left:83px;color:#999999;}
/*h3{font-size:14px;font-size: 14px;line-height: 20px;color:#b09000;font-weight:bold;text-align: justify;margin-left: 83px;margin-right: 20px;text-transform:uppercase;}*/
h3{font-size:14px;line-height: 20px;color:#db2;font-weight:bold;text-align:justify;margin-left:83px;margin-right:20px;text-transform:uppercase;}
/*h4{font-size:12px;line-height:10px;font-weight: bold;text-transform:uppercase;color: #343434;margin-left: 83px;}*/
h4{font-size:10px;line-height:14px;font-weight: bold;text-transform:uppercase;color: #343434;margin-left: 83px;}
p{font-size:11px;text-align:justify;font-weight:300;line-height:16px;margin-left:83px;margin-right:20px;}

/*font style specials*/
/*.table{margin-left: 0px;margin-right: 20px;}*/
.table{margin-left: 5px;margin-right: 5px;}  /*when the font needs to be rendered in table*/
.timespan{color: #D1B111;
	margin-left:0px;
	margin-right:0px;
	font-size:16px;
	font-weight:bold;
	line-height:18px;
	}							/*when the text needs to be adjusted to the span_arrows*/
.kontextevent{color: #D1B111;margin-left:0px;}
.kontexttitle{font-weight:bold;color:#000000;margin-left:0px;}
.ournews{color: #666633;}				/*when the news item is related to raspe-architekten.de*/
.theirnews{color: #CCFF33;}				/*when the news item is not related to raspe-architekten.de*/
.textaboveimagelight{font-family:Arial,Helvetica,Verdana,sans-serif;color:#ffffff;font-weight:bold;line-height:14px;text-align:top;text-transform:none;margin-left:0px;}
.textaboveimagedark{font-family:Arial,Helvetica,Verdana,sans-serif;color:#000000;font-weight:bold;line-height:14px;text-align:top;text-transform:none;margin-left:0px;}
.underconstruction{color:#999999;text-align:center;margin-left:0px;}

/*useful span styles for quick and dirty layouts*/
.standardmargins{margin-left:83px;margin-right:20px;}
.bold{font-weight:bold;}
.narrow{font-weight:normal;}
.boldandwhite{font-weight:bold;color:#ffffff;}
.white{color:#ffffff;}
.dark{color:#FFF384;}
.grey{color:#999999;}
.black{color:#000000;}
.uppercase{text-transform:uppercase;}
.lowercase{text-transform:lowercase;}
.out {color: #CCFF33;} /*links 669999 33CCCC 339999 009999  33CCFF 66FF33 3399FF 3333FF 6695c4 52B2F5 oder sachen die nicht direkt mit dem büro assoziert sind*/
.h4{font-size:10px;line-height:10px;font-weight: bold;text-transform:uppercase;color: #343434;margin-left: 83px;}	/*same style as h4*/
.p2h2{font-size:16px;font-weight:bold;color:#ffffff;line-height:16px;}	/*don't remember what this is for. probably make p appear as h2*/

/*link defaults*/
a:link { text-decoration:none;color: #ffffff;font-weight: bold;text-transform:uppercase;}
a:visited { text-decoration:none;color: #ffffff;font-weight: bold;}
a:active { text-decoration:none;color: #ffffff;font-weight: bold;}
a:an { text-decoration:none;color: #ffffff;font-weight: bold;}

/********** new styles after 20050608 follow**********/

#navmain ul{
   list-style-type:none;
   margin:0;
   margin-left:4px;
   margin-top:3px;
   padding:0;
   float:left;
   width:95%;
}
#navmain ul li{
   float:left;
}
#navmain ul #lang{
   float:right;
}

#navigation #navmain #navlang{
   height:20px;
   float:left;
   width:20%;
   position:relative;
   background:#ccc;
}
/*new styling for news*/
#contentmain dl{
   
   margin:0;
   padding:0;
   margin-left:83px;
   text-transform:uppercase;
   font-weight:bold;
   color: #343434;
   padding-bottom:1em;
   padding-top:1em;
}
#contentmain dt,#contentmain dd{
   margin:0;
   padding:0;
   padding-bottom:0;
   padding-top:0.5em;
}
#contentmain dt{
   float:left;
   margin-right:1em;
}
#contentmain dd{
   margin-right:1em;
   
   margin-bottom:0.2em;
}
#contentmain dd img{
   float:right;
   border:1px solid #fff;
   margin-left:1em;
   margin-right:1em;
}
#contentmain dt.title,#contentmain dt a{
   color:#db2;
   font-size:14px;
   padding:0;
   margin:0;
   margin-top:0.8em;
   float:none;
}
#contentmain h2{
   margin:0;
   padding:0;
   font-size:14px;
}
#contentmain a{
   color:#fff;
   text-decoration:none;
}
#contentmain dt a{
   color:#fff;
   text-decoration:none;
   float:none;
}
#contentmain div.hr{
   font-size:60px;
   font-family:'courier new',courier,monospace,serif;
   font-weight:bold;
   height:1.2em;
   color:#D1B111;
   margin-left:10px;
   margin:0;
   padding:0;
}

#contentmain div.hr img{
   margin-top:0.5em;
   margin-left:83px;
}

/*portfolio archiv links to projects*/
#contentkontext p span.bold a{
   text-transform:uppercase;
}

/***new css for navigation (container layer) ***/
#navigation{
   position:absolute;
   /*position:fixed;*//*does not work for msie win32*/
   z-index:3;
   bottom:0;
   left:0;
   height:71px;
   width:100%;
   margin:0;
   padding:0;
   overflow:hidden;
   background:#252525;
}

#deco0,#deco1,#deco2,#deco3,#deco4{
   display:none;
}
#navigation #navsub{
   position:relative;
   top:0;
   left:0;
   width:100%;
   height:28px;
   overflow:hidden;
   height:46px;
   padding-top:4px;
   background:#343434 url(preload/de/line_top.gif) 0 0 repeat-x;
   /*background:#343434;*/
   
   
}	/*subnavigation		*/

#navigation #navmain{
   position:relative;
   top:0;
   left:0;
   height:20px;
   width:100%;
   padding-top:2px;
   background:#252525 url(preload/de/line_bot.gif) 0 0 repeat-x;
   overflow:hidden;
}

/* navlang see top */