/* Redesign zweihochdrei.ch 2007: positioning css */

/***********************************************/
/*                                             */
/*            © by zweihochdrei gmbh           */
/*   written and composed by markus erdmann    */
/*                                             */
/***********************************************/


/******* body setup *******/

#html, body
{
width:100%;
background-color:#fdfcfd;
z-index:1;
overflow: -moz-scrollbars-vertical;
}

* html body 	/* IE hack seite zentriert */
{
text-align:center;
}

/*******page-box *******/

#container 
{
position:relative;
top:-8px;	/* firefox. container position */
width:743px;
left:auto;
margin:auto auto;
z-index:2;
}

* html #container 
{
top:-15px;	/* IE hack: container position */
}

/******* content box *******/

#content_wrapper
{
position:absolute;
left:-1px;
top:264px;
width:741px;
height:auto;
margin-left:auto;
border-left:2px solid #b5c1cf;
border-right:2px solid #b5c1cf;
background-color:white;		/* bg-color ganze breite */
z-index:3;
}

* html #content_wrapper	/* NEU 6.8.07 */
{
width:745px;
}


/******* newsblock auf index-seite *******/

#newsblock
{
position:absolute;
left:0px;
padding-left:10px;
padding-right:7px;
top:1px;
width:190px;
height:100%;
background-color:#eef2f5;
float:left;
}

* html #newsblock
{
width:210px;
height:auto;
padding-bottom:20px;
}

/******* main-content *******/

#content
{
position:relative;
left:228px;
height:auto;
width:480px;
background-color:white;
cursor:default;
z-index:6;
}

/******* header *******/

#kopf
{
position:absolute;
left:-1px;
width:741px;
height:234px;
background-color:white;
z-index:3;
border-left:2px solid #b5c1cf;
border-right:2px solid #b5c1cf;
}

/******* footer *******/

#fuss 
{
position:absolute;
top:auto;
left:-230px;	/* abh`
ngig von content border und width */
height:19px;
width:741px;
margin-top:0px;	/* footer position */
cursor:default;
border:none;
background-color:#b5c1cf;
z-index:5;
}

* html #fuss 
{
margin-top:0px;	/* IE hack: footer position */
width:745px;		/* NEU 6.8.07 */
}

#fuss p
{
position:absolute;
left:0px;
top:-9px;
width:710px;
height:15px;
margin-left:0px;
background-image:url(/de/images/zhd.gif);
background-position: top right;
background-repeat:no-repeat;
}

* html #fuss p
{
position:static;
width:745px;			/* NEU 6.8.07 */
height:19px;
margin-top:0px;
margin-bottom:-1px;
background-position: 717px 0px;	/* NEU 6.8.07 */

}

#fuss a
{
margin-left:0px;
}

#button_fuss
{
position:relative;
top:1px;
left:0px;
width:106px;
height:19px;
padding:0px;
float:right;
margin-right:40px;
background-color:transparent;
z-index:13;
}

* html #button_fuss
{
position:relative;
top:-18px;
left:40px;
height:1px;
}

#eins a,
#zwei a,
#drei a,
#vier a
{
position:relative;
top:0px;
left:0px;
width:19px;
height:19px;
padding:0px;
margin:0px;
background-image:url(/de/images/print.gif);
background-position: top left;
background-repeat:no-repeat;
z-index:20;
float:left;
}

#zwei a
{
left:10px;
background-image:url(/de/images/sitemap.gif);
}

#drei a
{
left:40px;
background-image:url(/de/images/mailto.gif);
}

* html #drei a
{
left:22px;
}

#vier a
{
left:70px;
background-image:url(/de/images/cont1.gif);
}

* html #vier a
{
left:32px;
}

* html #eins a,
#zwei a,
#drei a,
#vier a
{
margin-bottom:-30px;
}

#eins a:link,
#zwei a:link,
#drei a:link,
#vier a:link,
#eins a:visited,
#zwei a:visited,
#drei a:visited,
#vier a:visited,
#eins a:active,
#zwei a:active,
#drei a:active,
#vier a:active
{
cursor:pointer;
}

#eins a:hover
{
background-image:url(/de/images/print2.gif);
background-position: top left;
background-repeat:no-repeat;
}

#zwei a:hover
{
background-image:url(/de/images/sitemap2.gif);
background-position: top left;
background-repeat:no-repeat;
}

#drei a:hover
{
background-image:url(/de/images/mailto2.gif);
background-position: top left;
background-repeat:no-repeat;
}

#vier a:hover
{
background-image:url(/de/images/cont2.gif);
background-position: top left;
background-repeat:no-repeat;
}

/******* main-nav: chapter navigation *******/

/* ----- navigation-box: position ----- */

.topnav1
{
position:absolute;
top:234px;
left:-1px;
width:745px;
background-color:white;
z-index:15;
}

/* ----- navigation-list-item: position ----- */

.navbox1,
.navbox2,
.navbox3,
.navbox4,
.navbox5,
.navbox6,
.navbox1_activ,
.navbox2_activ,
.navbox3_activ,
.navbox4_activ,
.navbox5_activ
{
height:29px;
float:left;
margin-right:1px;	/* Abstand zwischen .topnav > .navbox-elementen */
background-color:#b5c1cf;
border-top:1px solid white;
}

.navbox6_activ
{
height:29px;
float:left;
margin-right:0px;	/* 0px weil letztes element in topnav */
background-color:#b5c1cf;
border-top:1px solid white;
}

/* ----- navigation-list-item: link position ----- */

.navbox1 a,
.navbox2 a,
.navbox3 a,
.navbox4 a,
.navbox5 a,
.navbox6 a,
.navbox1_activ a,
.navbox1_activ a:link,
.navbox1_activ a:active,
.navbox1_activ a:visited,
.navbox1_activ a:hover,
.navbox2_activ a,
.navbox2_activ a:link,
.navbox2_activ a:active,
.navbox2_activ a:visited,
.navbox2_activ a:hover,
.navbox3_activ a,
.navbox3_activ a:link,
.navbox3_activ a:active,
.navbox3_activ a:visited,
.navbox3_activ a:hover,
.navbox4_activ a,
.navbox4_activ a:link,
.navbox4_activ a:active,
.navbox4_activ a:visited,
.navbox4_activ a:hover,
.navbox5_activ a,
.navbox5_activ a:link,
.navbox5_activ a:active,
.navbox5_activ a:visited,
.navbox6_activ a:hover,
.navbox6_activ a,
.navbox6_activ a:link,
.navbox6_activ a:active,
.navbox6_activ a:visited,
.navbox6_activ a:hover
{
display:inline;
float:left;
}

/* ----- navigation-list-item style ----- */

.navbox1,
.navbox1 a,
.navbox1_activ a
{
width:110px;
}

.navbox2,
.navbox2 a,
.navbox2_activ a
{
width:118px;
}

.navbox3,
.navbox3 a,
.navbox3_activ a
{
width:122px;
}

.navbox4,
.navbox4 a,
.navbox4_activ a
{
width:122px;
}

.navbox5,
.navbox5 a,
.navbox5_activ a
{
width:128px;
}

.navbox6,
.navbox6 a,
.navbox6_activ a
{
width:140px;
margin-right:0px;	/* kein abstand an topnav-rand (rechts) */
}

/******* chapter sub-nav: page navigation *******/

.subnav
{
position:absolute;
top:291px;
left:33px;
margin:0px;
z-index:16;
}

* html .subnav
{
left:32px;
}



/* ----- navigation-list-item: link position ----- */

.subnav a
{
display:block;
}

/****** Bilder *** AUSGESCHALTET ***

#spacer10
{
position:relative;
left:0px;
top:0px;
width:700px;
height:100px;
background-color:blue;
z-index:1;
clear:both;
}

******/

/*********************************/

/* Lücken bei Wechsel von HTML 4 -> XHTML
img {display: block;}
.inline {display: inline;}
*/