/* ============ reset browser CSS  ============ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
margin : 0;
padding : 0;
border : 0;
font-weight : inherit;
font-style : inherit;
font-size : 100%;
font-family : inherit;
vertical-align : baseline;
}

body
{
line-height : 1.5;
}

table
{
border-collapse : separate;
border-spacing : 0;
}

caption, th, td
{
text-align : left;
font-weight : normal;
}

table, td, th
{
vertical-align : middle;
}

blockquote:before, blockquote:after, q:before, q:after
{
content : "";
}

blockquote, q
{
quotes : "" "";
}

a img
{
border : none;
text-decoration:none;
}


a:active { outline: none; }
a:focus { -moz-outline-style: none; }


img, div 
{ 
behavior: url(../images/iepngfix.htc); 
}


body
{
font-family: arial;
font-size: 11px;
}


#arch_start
{
left:20px;
position:absolute;
top:274px;
}

#mal_start
{
left:21px;
position:absolute;
top:334px;
}

.pbox_bild {
height:213px;
overflow:hidden;
width:311px;
}


#bg_box
{
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: -1;
  overflow: hidden;		
}


#bg_box img
{
  width: 100%;
  min-width: 1100px;
  position: fixed;
  height: auto;
  z-index: -1;
}

* html  #bg_box img
{
  min-width: 1100px;
  position: fixed;
   /* IE Dynamic Expression to set the width */
  width: expression(document.body.clientWidth < 1100 ? "1100px" :  "100%" );
}

* html #bg_box 
{ 
 position:  absolute; 
 top:  expression(0+((e=document.documentElement.scrollTop)?e: document.body.scrollTop)+'px'); 
 left:  expression(0+((e=document.documentElement.scrollLeft)?e: document.body.scrollLeft)+'px');} 
}


#wrap 
{
  z-index:  2;
  padding-top: 25px;
  padding-left: 15px;
}


#header
{
position: absolute;
top: 32px;
left: 20px;
}

#sub_nav 
{
left:343px;
padding-bottom:18px;
padding-top:10px;
position:absolute;
top:63px;
width:310px;
}

#sub_nav li
{
list-style: none;
font-size: 10px;
}

#sub_nav li a
{
text-decoration: none;
color: #000;
}

#sub_nav2 
{
left:346px;
padding-bottom:18px;
padding-top:10px;
position:absolute;
top:63px;
width:310px;
}

#sub_nav2 li
{
list-style: none;
font-size: 10px;
}

#sub_nav2 li a
{
text-decoration: none;
color: #000;
}


#text_column
{
border-top:1px solid #000000;
left:343px;
padding-bottom:50px;
padding-top:30px;
position:absolute;
top:173px;
width:310px;
}

#text_column a
{
color: #000;
text-decoration: underline;
}

h2
{
font-size:22px;
line-height:0;
margin:0;
padding:0;
}

h3
{
font-size:14px;
line-height:0;
padding-top:0;
}


h4
{
font-size:12px;
line-height:0;
padding-top:0;
}

#column_wrap
{
border:0 solid red;
float:none;
left:0;
padding-left:20px;
position:absolute;
top:173px;
width:850px;
}


#right_column
{
border-bottom:1px solid #000000;
border-top:1px solid #000000;
left:673px;
min-height:402px;
padding-top:27px;
position:absolute;
top:2px;
width:310px;
}


#right_column_control
{
border:0 solid red;
left:4px;
padding-right:0;
padding-top:5px;
position:relative;
text-align:right;
width:635px;
}



.blck
{
background:white none repeat scroll 0 0;
border:1px solid #fff;
float:right;
left:-4px;
position:relative;
top:-16px;
}


.blck_pt{
background:white none repeat scroll 0 0;
border:1px solid white;
float:right;
height:14px;
left:-4px;
position:relative;
top:-16px;
width:5px;
}

#right_column_control a
{
background:transparent url(images/divider.gif) repeat scroll 0 0;
color:#000000;
padding-right:2px;
text-decoration:none;
}


#left_column
{
left:20px;
text-align:right;
width:635px;
padding-top:2px;
}

#inner_left
{
}

p
{
margin-bottom: 13px;
}




/* Projekt overview page */

#projekte_wrap
{
border:0 solid red;
left:20px;
padding-bottom:0;
position:absolute;
top:173px;
width:1000px;
}


.pbox {
float:left;
height:283px;
margin-bottom:53px;
padding-right:15px;
position:relative;
width:313px;
}

.p-box {
float:left;
height:283px;
left:18px;
margin-bottom:53px;
padding-right:15px;
position:absolute;
top:173px;
width:313px;
}




.pbox_controls
{
text-align: right;
border-bottom:1px solid black;
}

.pbox_text
{
border-bottom:1px solid black;
border-top:1px solid #000000;
height:92px;
padding-top:4px;
}

.ptxt
{
border-top:1px solid black;
padding-top:2px;
position:absolute;
top:236px;
width:311px;
}

.pbox_title
{
font-size: 16px;
}

p.w_infos
{
margin-bottom: 4px;
}

.w_infos {
border-bottom:1px solid;
padding-bottom:5px;
position:absolute;
top:285px;
width:312px;
}

.w_infos a
{
color:black;
}

/*  eo Projekt overview page */

/*  Bilder Serie page */

#bs_wrap
{
border:0 solid red;
left:232px;
position:absolute;
top:173px;
}

#bs_controls
{
float:left;
position:absolute;
text-align:right;
top:363px;
vertical-align:sub;
width:100px;
}

#bs_bild
{
float:left;
height:460px;
left:100px;
padding-left:15px;
padding-right:40px;
position:absolute;
}

#bs_bild_info
{
clear:both;
padding-bottom:30px;
padding-left:115px;
position:absolute;
top:470px;
}

.bs_title
{
font-size:16px;
}

/*  eo Bilder Serie page */

.paginationstyle a:hover, .paginationstyle a.selected,
.paginationstyle_pt a:hover, .paginationstyle_pt a.selected{
color: #000;
background-color: #FEE496;
}

.paginationstyle a.imglinks, .paginationstyle_pt a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img, .paginationstyle_pt a.imglinks img{
vertical-align: bottom;
border: 0;
padding-right:20px;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected, .paginationstyle_atelier .flatview a:hover, .paginationstyle_atelier .flatview a.selected,
.paginationstyle_pt .flatview a:hover, .paginationstyle_pt .flatview a.selected{ /*Pagination div "flatview" links style*/
background-color:white;
color:#000000;
font-weight:bold;
}


#SLIDESTEXT
{
position:absolute;
top:-25px;
width:300px;
}


.total
{
left:-63px;
position:absolute;
top:-80px;
}

#bs_controls a
{
color: #000;
}



.projs
{
border:1px solid red;
text-align:right;
overflow:hidden;
}


.paginationstyle,.paginationstyle_pt, .hidepiece
{
text-align:right;
}

.paginationstyle {
border:0px solid pink;
float:right;
left:11px;
padding-bottom:0;
padding-top:4px;
width:313px;
position:relative;
}


.paginationstyle_atelier {
border:0 solid pink;
float:right;
left:661px;
padding-bottom:0;
padding-top:4px;
position:absolute;
width:313px;
}


.paginationstyle_pt {
border:0 solid pink;
float:right;
left:11px;
padding-bottom:0;
padding-top:4px;
position:relative;
width:313px;
}

.paginationstyle a, .paginationstyle_pt a
{
color:#000000;
padding-right:2px;
text-decoration:none;
}


.pic_nav {
height:10px;
border:0px solid purple;
}



html
{
margin-bottom:100px;
}


.active
{
font-weight: bold;
}

.image_text
{
left:673px;
position:absolute;
text-align:left;
top:30px;
width:300px;
}



/* startseite images */

#bg_box2
{
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: -1;
  overflow: hidden;	
  visibility: hidden;
}


#bg_box2 img
{
  width: 100%;
  min-width: 1100px;
  position: fixed;
  height: auto;
  z-index: -1;
}

* html  #bg_box2 img
{
  min-width: 1100px;
  position: fixed;
   /* IE Dynamic Expression to set the width */
  width: expression(document.body.clientWidth < 1100 ? "1100px" :  "100%" );
}

* html #bg_box2 
{ 
 position:  absolute; 
 top:  expression(0+((e=document.documentElement.scrollTop)?e: document.body.scrollTop)+'px'); 
 left:  expression(0+((e=document.documentElement.scrollLeft)?e: document.body.scrollLeft)+'px'); 
}



#bg_box1
{
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: -1;
  overflow: hidden;		
  visibility: hidden;
}


#bg_box1 img
{
  width: 100%;
  min-width: 1100px;
  position: fixed;
  height: auto;
  z-index: -1;
}

* html  #bg_box1 img
{
  min-width: 1100px;
  position: fixed;
   /* IE Dynamic Expression to set the width */
  width: expression(document.body.clientWidth < 1100 ? "1100px" :  "100%" );
}

* html #bg_box1 
{ 
 position:  absolute; 
 top:  expression(0+((e=document.documentElement.scrollTop)?e: document.body.scrollTop)+'px'); 
 left:  expression(0+((e=document.documentElement.scrollLeft)?e: document.body.scrollLeft)+'px');} 
}

.flatview a
{
padding-right: 3px;
}




/* image title positions */


.title_left h2, .title_right h2, .title_center h2
{
font-size:17px;
margin-top:15px;
}

.title_left
{
left:0;
padding-bottom:30px;
position:absolute;
top:40px;
width:200px;
}

.title_center
{
left:387px;
padding-bottom:30px;
position:absolute;
top:40px;
width:200px;
}

.title_center2
{
left:400px;
padding-bottom:30px;
position:absolute;
top:40px;
width:200px;
}

.title_center3
{
left:392px;
padding-bottom:30px;
position:absolute;
top:40px;
width:200px;
}


.title_center4
{
left:427px;
padding-bottom:30px;
position:absolute;
top:40px;
width:200px;
}

.title_center5
{
left:396px;
padding-bottom:30px;
position:absolute;
top:40px;
width:200px;
}

.title_center6
{
left:418px;
padding-bottom:30px;
position:absolute;
top:40px;
width:200px;
}


.title_center7
{
left:425px;
padding-bottom:30px;
position:absolute;
top:40px;
width:200px;
}


.title_center8
{
left:305px;
padding-bottom:30px;
position:absolute;
top:40px;
width:200px;
}

.title_center9
{
left:393px;
padding-bottom:30px;
position:absolute;
top:40px;
width:200px;
}

.title_center10
{
left:303px;
padding-bottom:30px;
position:absolute;
top:40px;
width:200px;
}

.title_center11
{
left:294px;
padding-bottom:30px;
position:absolute;
top:40px;
width:200px;
}

.title_right
{
left:597px;
position:absolute;
top:40px;
width:200px;
}


.title_right2
{
left:797px;
position:absolute;
top:40px;
width:200px;
}

.title_right3
{
left:605px;
position:absolute;
top:40px;
width:200px;
}

.title_right4
{
left:596px;
position:absolute;
top:40px;
width:200px;
}

/* eo image title positions*/

* html #right_column
{
border-bottom:0px solid #000000;
padding-top:0px;
}


.image_text
{
left:673px;
position: absolute;
text-align:left;
top:30px;
width:300px;
}

/* IE 6 FIxes */

*html .image_text
{
padding-top:30px;
border-bottom:0px;
}

*html .virtualpage
{
border:0px solid green;

}

*html #column_wrap
{
border:0px solid red;
float:none;
left:0;
padding-left:20px;
position:absolute;
top:173px;
width:850px;
}

* html #right_column
{
border-bottom:0px solid #000000;
border-top:1px solid #000000;
left:673px;
min-height:502px;
padding-top:37px;
position:absolute;
top:2px;
width:310px;
}