/* Roche Re&Act: positioning css */

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


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

#body, html
{
left:auto;
height:100%;
background-image:url(images/background2.gif);
background-position:0px 0px;
background-repeat:repeat;
z-index:1;
overflow: -moz-scrollbars-vertical;
}

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

#container 
{
position:relative;
top:10px;	/* firefox. container position */
left:auto;
width:800px;
margin:auto;
padding:0px;
border:none;
z-index:2;
}

#fuss 
{
position:relative;
top:1px;	/* firefox. container position */
left:auto;
width:800px;
margin:auto;
padding:0px;
border:none;
z-index:2;
}

/******* H O M E *******/

/*******background-color box *******/

#hintergrund_home
{
position:absolute;
top:150px;
width:800px;
height:auto;
margin-left:auto;
padding:0px;
border:none;
background-color:white;
z-index:8;
}

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

#content_home
{
position:relative;
top:0px;
left:271px;
height:auto;
width:450px;
padding-left:0px;
border:none;
background-color:white;
cursor:default;
z-index:10;
}


/******* content spalten *******/

#container_spalten
{
position:relative;
left:0px;
top:auto;
width:610px;
height:auto;
background-color:white;
cursor:default;
}

.spalte_links
{
position:relative;
top:auto;
left:0px;
width:280px;
height:auto;
border:none;
background-color:white;
cursor:default;
}

.spalte_rechts
{
position:absolute;
top:-9px;
left:300px;
width:280px;
height:auto;
border:none;
background-color:white;
cursor:default;
}

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

#kopf
{
position:absolute;
top:0px;
left:0px;
width:800px;
height:150px;
}

#kopf a
{
position:absolute;
left:0px;
top:0px;
display:block;
height:85px;
width:800px;
padding:0px;
margin:0px;
border:none;
cursor:default;
}

#kopf a:link,
#kopf a:visited,
#kopf a:active
{
cursor:default;
}

#kopf a:hover
{
cursor:pointer;
}

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

#footer_home 
{
position:absolute;
top:auto;
left:-271px;
height:50px;
width:800px;
padding:0px;
margin-top:0px;	/* footer position */
border:none;
cursor:default;
}

/******* spacer *******/

#spacer25
{
position:relative;
left:0px;
top:0px;
width:0.01px;
height:25px;
background-color:white;
}

#spacer50
{
position:relative;
left:0px;
top:0px;
width:0.01px;
height:50px;
background-color:white;
}

#bild
{
position:absolute;
top:136px;
left:46px;
width:114px;
height:90px;
cursor:default;
z-index:30;
}

#logo
{
position:absolute;
top:35px;
left:0px;
width:249px;
height:55px;
background-image:url(images/logo1.gif);
background-position: 0 0;
background-repeat:no-repeat;
cursor:default;
z-index:30;
}

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

.topnav1
{
position:absolute;
top:100px;
left:250px;
width:auto;
margin:0px;
background-color:none;
z-index:11;
}

/* ------------------------------ */

.topnav2
{
position:absolute;
top:100px;
left:365px;
width:auto;
margin:0px;
background-color:none;
z-index:11;
}

/* ----------------------------- */

.topnav3
{
position:absolute;
top:100px;
left:480px;
width:auto;
margin:0px;
background-color:none;
z-index:11;
}

/* ----------------------------- */

.topnav4
{
position:absolute;
top:100px;
left:580px;
width:auto;
margin:0px;
background-color:none;
z-index:11;
}

/* ------------------------------- */

.topnav5
{
position:absolute;
top:100px;
left:697px;
width:auto;
margin:0px;
background-color:none;
z-index:11;
}

/* ------------------------------- */

.topnav_home
{
position:absolute;
top:100px;
left:171px;
width:auto;
margin:0px;
background-color:none;
z-index:11;
}

/* ------------------------------- */

.subnav1
{
position:absolute;
top:270px;
left:5px;
width:165px;
margin:0px;
background-color:none;
z-index:11;
}

/* ----------------------------- */

.subnav2
{
position:absolute;
top:300px;
left:5px;
width:165px;
margin:0px;
background-color:none;
z-index:11;
}

/* ------------------------------- */

.subnav3
{
position:absolute;
top:330px;
left:5px;
width:165px;
margin:0px;
background-color:none;
z-index:11;
}

/* -------------------------------------- */

.subnav4
{
position:absolute;
top:360px;
left:15px;
width:150px;
margin:0px;
background-color:none;
z-index:11;
}

/* -------------------------------------- */

.topnav1 a
{
height:25px; 		/* -- IE listenhšhe --*/
display: block;
border:none;
background-color:none;
cursor:default;
}

.topnav2 a
{
height:25px; 		/* -- IE listenhšhe --*/
display: block;
border:none;
background-color:none;
cursor:default;
}

.topnav3 a
{
height:25px; 		/* -- IE listenhšhe --*/
display: block;
border:none;
background-color:none;
cursor:default;
}

.topnav4 a
{
height:25px; 		/* -- IE listenhšhe --*/
display: block;
border:none;
background-color:none;
cursor:default;
}

.topnav5 a
{
height:25px; 		/* -- IE listenhšhe --*/
display: block;
border:none;
background-color:none;
cursor:default;
}

.topnav_home a
{
height:25px; 		/* -- IE listenhšhe --*/
display: block;
border:none;
background-color:none;
cursor:default;
}

.subnav1 a
{
height:25px; 		/* -- IE listenhšhe --*/
display: block;
border:none;
background-color:none;
cursor:default;
}

.subnav2 a
{
height:25px; 		/* -- IE listenhšhe --*/
display: block;
border:none;
background-color:none;
cursor:default;
}

.subnav3 a
{
height:25px; 		/* -- IE listenhšhe --*/
display: block;
border:none;
background-color:none;
cursor:default;
}

.subnav4 a
{
height:25px; 		/* -- IE listenhšhe --*/
display: block;
border:none;
background-color:none;
cursor:default;
}

/* ---------------------------- */

.topnav1 a:link, 
.topnav1 a:visited, 
.topnav1 a:active
{
height:25px; 		/* -- IE listenhšhe --*/
display: block;
border:none;
background-color:none;
background-position:10px 0px;
background-repeat:no-repeat;
cursor: pointer;
}

.topnav1 a:hover
{
background-color:none;
background-position:-175px 0px;
background-repeat:no-repeat;
}

/* --------------- */

.topnav2 a:link, 
.topnav2 a:visited, 
.topnav2 a:active
{
height:25px; 		/* -- IE listenhšhe --*/
display: block;
border:none;
background-color:none;
background-position:10px 0px;
background-repeat:no-repeat;
cursor: pointer;
}

.topnav2 a:hover
{
background-color:none;
background-position:-175px 0px;
background-repeat:no-repeat;
}

/* --------------- */

.topnav3 a:link, 
.topnav3 a:visited, 
.topnav3 a:active
{
height:25px; 		/* -- IE listenhšhe --*/
display: block;
border:none;
background-color:none;
background-position:10px 0px;
background-repeat:no-repeat;
cursor: pointer;
}

.topnav3 a:hover
{
background-color:none;
background-position:-175px 0px;
background-repeat:no-repeat;
}

/* --------------- */


.topnav4 a:link, 
.topnav4 a:visited, 
.topnav4 a:active
{
height:25px; 		/* -- IE listenhšhe --*/
display: block;
border:none;
background-color:none;
background-position:10px 0px;
background-repeat:no-repeat;
cursor: pointer;
}

.topnav4 a:hover
{
background-color:none;
background-position:-175px 0px;
background-repeat:no-repeat;
}

/* --------------- */

.topnav5 a:link, 
.topnav5 a:visited, 
.topnav5 a:active
{
height:25px; 		/* -- IE listenhšhe --*/
display: block;
border:none;
background-color:none;
background-position:10px 0px;
background-repeat:no-repeat;
cursor: pointer;
}

.topnav5 a:hover
{
background-color:none;
background-position:-175px 0px;
background-repeat:no-repeat;
}

/* --------------- */

.topnav_home a:link, 
.topnav_home a:visited, 
.topnav_home a:active
{
height:25px; 		/* -- IE listenhšhe --*/
display: block;
border:none;
background-color:none;
background-position:10px 0px;
background-repeat:no-repeat;
cursor: pointer;
}

.topnav_home a:hover
{
background-color:none;
background-position:-175px 0px;
background-repeat:no-repeat;
}

/* --------------- */

.subnav1 a:link, 
.subnav1 a:visited, 
.subnav1 a:active
{
height:25px; 		/* -- IE listenhšhe --*/
display: block;
border:none;
background-color:none;
background-position:10px 0px;
background-repeat:no-repeat;
cursor: pointer;
}

.subnav1 a:hover
{
background-color:none;
background-position:-175px 0px;
background-repeat:no-repeat;
}

/* --------------- */

.subnav2 a:link, 
.subnav2 a:visited, 
.subnav2 a:active
{
height:25px; 		/* -- IE listenhšhe --*/
display: block;
border:none;
background-color:none;
background-position:10px 0px;
background-repeat:no-repeat;
cursor: pointer;
}

.subnav2 a:hover
{
background-color:none;
background-position:-175px 0px;
background-repeat:no-repeat;
}

/* --------------- */

.subnav3 a:link, 
.subnav3 a:visited, 
.subnav3 a:active
{
height:25px; 		/* -- IE listenhšhe --*/
display: block;
border:none;
background-color:none;
background-position:10px 0px;
background-repeat:no-repeat;
cursor: pointer;
}

.subnav3 a:hover
{
background-color:none;
background-position:-175px 0px;
background-repeat:no-repeat;
}

/* --------------- */

.subnav4 a:link, 
.subnav4 a:visited, 
.subnav4 a:active
{
height:25px; 		/* -- IE listenhšhe --*/
display: block;
border:none;
background-color:none;
background-position:10px 0px;
background-repeat:no-repeat;
cursor: pointer;
}

.subnav4 a:hover
{
background-color:none;
background-position:-175px 0px;
background-repeat:no-repeat;
}

/* -------------Formular POSITIONING----------- */

label 
{
position:relative;
left:10px;
height:25px;
width: 120px;
display: block;
float: left;
}

/* ------------- */

input 
{ 
width: 300px;
height:20px;
display: block;
float: left;
border: 1px solid #c9c9c9;
cursor:pointer;
}

/* ------------- */

form br 
{ 
clear:left; 
}

/* ------------- */


input#submit 
{
position:absolute;
left:auto;
width:115px;
height:23px;
margin-left:120px;
margin-top:5px;
float: none;
}

/* ------------- */


input#radio
{
position:relative;
top:3px;
width:14px;
height:14px;
margin-top:2px;
float: none;
display:inline;
}

/* ------------- */


label 
{
margin-top:3px;
text-align:left;  
}

/* ------------- */


form 
{
background:white;
border:none;
margin:0;
}

/* ------------- */

textarea
{
width:300px;
height:100px;
background:white;
border: 1px solid #c9c9c9;
margin-bottom:4px;
cursor:pointer;
}

/* ------------- */

.address
{
width:300px;
height:50px;
background:white;
border: 1px solid #c9c9c9;
margin-bottom:4px;
cursor:pointer;
}

/* ------------- */

.salutation
{
position:relative;
top:5px;
margin-top:10px;
}

/* ------------- */

.hidden
{
visibility:hidden;
position:absolute;
top:0px;
left:0px;
height:1px;
width:1px;
}

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