/************/
/*  GLOBAL  */
/************/

/* NON-header-*/
*{
	padding:0;
	margin:0;
}


body
{
	font-size: 62.5%;
	background: transparent url(../img/bg_verlauf_x.jpg) repeat-x scroll left top;
	font-family: verdana,arial,sans-serif;
}


/*Font-size: 1.0em = 10px when browser default size is 16px*/

.page-container
{
width:900px;
margin:0px auto;
margin-top:10px;
margin-bottom:10px;
border:solid 1px rgb(150,150,150);
font-size:1.0em;
}

.main
{
clear: both;
width: 900px;
padding: 30px 0px 0px 0px;
background: #ffffff;
}

.main-navigation
{
display:inline /*Fix IE floating margin bug*/;
float:left;
width:200px;
overflow:visible !important /*Firefox*/;
overflow:hidden /*IE6*/;
}

.main-content
{
display: inline;
/*Fix IE floating margin bug*/;
float: left;
width: 640px;
margin: 0 0 0 15px;
overflow:visible !important /*Firefox*/;
overflow:hidden /*IE6*/;
min-height: 350px;
height: auto !important;
height: 350px;
}

.main-subcontent
{
display: inline /*Fix IE floating margin bug*/;
float: left;
width: 185px;
margin: 0px 15px;
overflow: visible !important /*Firefox*/;
overflow: hidden /*IE6*/;
}

.footer
{
clear:both;
width:100%;
padding:1.0em 0 1.0em 0;
background:rgb(225,225,225) url(../img/bg_foot.jpg) no-repeat;
font-size:1.0em;
overflow:visible !important /*Firefox*/;
overflow:hidden /*IE6*/;
}



/* --- START COPY here --- */

/* header-*/
.header
{
 width:900px;
 font-family:"trebuchet ms",arial,sans-serif;
}


.header-middle
{
 width: 900px;
 height: 220px;
 background: transparent url(../img/header2.jpg);
 overflow:visible !important /*Firefox*/;
 overflow:hidden /*IE6*/;
}


.header-bottom
{
 width: 900px;
 height: 40px;
 background: rgb(255,255,255) url(../img/bg_head_bottom_nav.jpg) repeat-y;
 /* ../img/bg_head_breadcrumbs.jpg */
 padding: 2px 0px 0px 0px;
}



/*************/
/*  2. HEAD  */
/*************/
.sitelogo
{
width:60px;
 height:40px;
 position:absolute;
 z-index:1;
 margin: 22px 0pt 0pt 220px;
 background:url();
 }
.sitename
{
	background: none repeat scroll 0 0 gray;
    height: 45px;
    margin: 20px 0 0 105px;
    overflow: visible !important;
    padding: 3px;
    position: absolute;
    width: 234px;
    z-index: 1;
}


.sitename h1
{
	color: #EAEFF7;
	font-size: 240%;
}

.sitename h1 a:hover
{
	color: #EAEFF7;
}


.sitename h2
{
	color: wheat;
    font-size: 120%;
    margin: -4px 0 0;
    padding: 3px;
}


.sitename a
{
text-decoration:none;
 color:rgb(234,239,247);

}


.sitename a:hover
{
text-decoration:none;
 color:rgb(50,50,50);

}



.nav0
{
	background: none repeat scroll 0 0 white;
    margin-bottom: 0;
    margin-left: 770px !important;
    margin-right: 0;
    margin-top: 188px;
    padding: 9px 5px 5px;
    position: absolute;
    width: 120px;
    z-index: 2;
}


.nav0 ul
{
float:right;
 padding:0 20px 0 0;

}


.nav0 li
{
display:inline;
 list-style:none;

}


.nav0 li a
{
padding:0 0 0 3px;

}


.nav0 a:hover
{
text-decoration:none;

}


.nav0 a img
{
height:14px;
 border:none;

}



.nav1
{
	background: none repeat scroll 0 0 blue;
    margin: 10px 0 0 657px;
    position: absolute;
    width: 244px;
    z-index: 3;
}


.nav1 ul
{
float:right;
 padding:0 15px 0 0;
 font-weight:bold;

}


.nav1 li
{
display:inline;
 list-style:none;

}


.nav1 li a
{
 display:block;
 float:left;
 padding:2px 5px 2px 5px;
 color:rgb(234,239,247);
 text-decoration:none;
 font-size:120%;

}


.nav1 a:hover
{
text-decoration:none;
 color:rgb(50,50,50);

}


/*Drop-down menu*/
.nav2
{
 float: right;
 /*width: 900px;*/
 border: none;
 background: transparent;
 color: rgb(75,75,75);
 font-size: 1.2em;
}

 /*Color navigation bar normal mode*/
.nav2 ul
{
 float: left !important;
 list-style-type:none;
 display: block;
}


.nav2 ul li
{
 float:left;
 position:relative;
 z-index:auto !important /*Non-IE6*/;
 z-index:1000 /*IE6*/;
 border-right:solid 1px rgb(175,175,175);

}


.nav2 ul li a
{
 float: none !important /*Non-IE6*/;
 float: left /*IE-6*/;
 display: block;
 height: 3.1em;
 line-height: 3.1em;
 padding: 1px 16px;
 text-decoration: none;
 font-weight: bold;
 color: rgb(100,100,100);

}


.nav2 ul li ul
{
 display:none;
 border:none;
}



/*Non-IE6 hovering*/
.nav2 ul li:hover a
{
background-color:rgb(210,210,210);
 text-decoration:none;

}

 /*Color main cells hovering mode*/
.nav2 ul li:hover ul
{
display:block;
 width:10.0em;
 position:absolute;
 z-index:999;
 top:3.0em;
 margin-top:0.1em;
 left:0;

}


.nav2 ul li:hover ul li a
{
display:block;
 width:10.0em;
 height:auto;
 line-height:1.3em;
 margin-left:-1px;
 padding:4px 16px 4px 16px;
 border-left:solid 1px rgb(175,175,175);
 border-bottom: solid 1px rgb(175,175,175);
 background-color:rgb(237,237,237);
 font-weight:normal;
 color:rgb(50,50,50);

}

 /*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover
{
background-color:rgb(210,210,210);
 text-decoration:none;

}

 /*Color subcells hovering mode*/

/*IE6 hovering*/
.nav2 table
{
position:absolute;
 top:0;
 left:0;
 border-collapse:collapse;

}


.nav2 ul li a:hover
{
background-color:rgb(210,210,210);
 text-decoration:none;

}

 /*Color main cells hovering mode*/
.nav2 ul li a:hover ul
{
display:block;
 width:10.0em;
 position:absolute;
 z-index:999;
 top:3.1em;
 t\op:3.0em;
 left:0;
 marg\in-top:0.1em;

}


.nav2 ul li a:hover ul li a
{
display:block;
 w\idth:10.0em;
 height:1px;
 line-height:1.3em;
 padding:4px 16px 4px 16px;
 border-left:solid 1px rgb(175,175,175);
 border-bottom: solid 1px rgb(175,175,175);
 background-color:rgb(237,237,237);
 font-weight:normal;
 color:rgb(50,50,50);

}

 /*Color subcells normal mode*/
.nav2 ul li a:hover ul li a:hover
{
background-color:rgb(210,210,210);
 text-decoration:none;

}

 /*Color subcells hovering mode*/

.header-breadcrumbs ul
{
float:left;
 width:560px;
 list-style:none;
 padding:0 0 0 15px;
 font-family:verdana,arial,sans-serif;

}


.header-breadcrumbs ul li
{
display:inline;
 padding:0 0 0 10px;
 background:transparent url(../img/bg_bullet_arrow.gif) no-repeat 0 50%;
 font-weight:bold;
 color:rgb(125,125,125);
 font-size:100%;

}


.header-breadcrumbs ul a
{
color:rgb(70,122,167);
 text-decoration:none;

}


.header-breadcrumbs ul a:hover
{
color:rgb(42,90,138);
 text-decoration:underline;

}



.header-breadcrumbs .searchform
{
float:right;
 width:285px;
 padding:0 17px 0px 0px !important /*Non-IE6*/;
 padding:0 12px 0px 0px /*IE6*/;

}


.header-breadcrumbs .searchform form fieldset
{
float:right;
 border:none;

}


.header-breadcrumbs .searchform input.field
{
width:10.0em;
 padding:0.2em 0 0.2em 0;
 border:1px solid rgb(200,200,200);
 font-family:verdana,arial,sans-serif;
 font-size:120%;
 }
.header-breadcrumbs .searchform input.button
{
width:3.0em;
 padding:1px !important /*Non-IE6*/;
 padding:0 /*IE6*/;
 background:rgb(230,230,230);
 border:solid 1px rgb(150,150,150);
 text-align:center;
 font-family:verdana,arial,sans-serif;
 color:rgb(150,150,150);
 font-size:120%;

}


.header-breadcrumbs .searchform input.button:hover
{
cursor:pointer;
 border:solid 1px rgb(80,80,80);
 background:rgb(220,220,220);
 color:rgb(80,80,80);

}



/* --- END COPY here --- */









/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN NAVIGATION */
.main-navigation .round-border-topright
{
width:10px;
height:10px;
position:absolute;
z-index:100;
margin:0 0 0 190px;
background:url(../img/bg_corner_topright.gif) no-repeat;
}



/* MAIN CONTENT */
.column1-unit
{
width:640px;
margin-bottom:10px !important /*Non-IE6*/;
margin-bottom:5px /*IE6*/;
}

/* MAIN SUBCONTENT */
.subcontent-unit-border
{
width:183px;
margin:0 0 2.0em 0;
padding:0 0 5px 0;
border:solid 1px rgb(190,190,190);
background:rgb(235,235,235);
}


.subcontent-unit-border-blue
{
width:183px;
margin:0 0 2.5em 0;
padding:0 0 10px 0;
border:solid 1px rgb(137,170,214);
background-color:rgb(213,225,240);
}

.subcontent-unit-noborder
{
width:185px;
margin:0 0 2.5em 0;
padding:0 0 10px 0;
background:rgb(235,235,235);
}

.subcontent-unit-noborder-blue
{
width:185px;
margin:0 0 2.5em 0;
padding:0 0 10px 0;
background-color:rgb(213,225,240);
}

.round-border-topleft
{
width:10px;
height:10px;
position:absolute;
z-index:100;
background:url(../img/bg_corner_topleft.gif) no-repeat;
margin-top:-1px;
margin-left:-1px;
}


.round-border-topright
{
width:10px;
height:10px;
position:absolute;
z-index:100;
background:url(../img/bg_corner_topright.gif) no-repeat;
margin-top:-1px;
margin-left:174px;
}


.round-noborder-topleft
{
width:10px;
height:10px;
position:absolute;
z-index:100;
background:url(../img/bg_corner_topleft.gif) no-repeat;
margin-top:0px;
margin-left:0px;
}


.round-noborder-topright
{
width:10px;
height:10px;
position:absolute;
z-index:100;
background:url(../img/bg_corner_topright.gif) no-repeat;
margin-top:0px;
margin-left:175px;
}



/********************/
/*  FOOTER SECTION  */
/********************/
.footer p
{
	padding: 0px 20px 0px 0px;
	line-height: 1.3em;
	text-align: right;
	color: rgb(125,125,125);
	font-weight: bold;
	font-size: 90%;
}


.footer p.credits
{
font-weight:normal;
}


.footer a
{
text-decoration:underline;
color:rgb(125,125,125);
}


.footer a:hover
{
text-decoration:none;
color:rgb(0,0,0);
}


.footer a:visited
{
color:rgb(0,0,0);
}



/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after, .main-content div:after, .main-subcontent:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}


.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}


.subcontent-unit-border:after, .subcontent-unit-noborder:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}


.subcontent-unit-border-blue:after, .subcontent-unit-border-green:after, .subcontent-unit-border-orange:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}


.subcontent-unit-noborder-blue:after, .subcontent-unit-noborder-green:after, .subcontent-unit-noborder-orange:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}


.footer:after, p:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}


.clear-contentunit
{
clear:both;
width:440px;
height:0.1em;
border:none;
background:rgb(210,210,210);
color:rgb(210,210,210);
}

.p_margin
{	margin:0 0 1em;
}

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print
{
.header-top
{
width:900px;
height:80px;
background:rgb(240,240,240);
overflow:visible !important /*Firefox*/;
overflow:hidden /*IE6*/;
}}


@media print
{
.header-breadcrumbs
{
width:900px;
background:transparent;
}}


@media print
{
.nav2
{
float:left;
width:900px;
border:none;
background:rgb(240,240,240);
color:rgb(75,75,75);
font-size:1.0em;
font-size:130%;
}} /*Color navigation bar normal mode*/
@media print
{
.main
{
clear:both;
width:900px;
padding-bottom:30px;
background:transparent;
}}


@media print
{
.main-navigation
{
display:inline /*Fix IE floating margin bug*/;
float:left;
width:199px;
border-right:solid 1px rgb(200,200,200);
border-bottom:solid 1px rgb(200,200,200);
background-color:rgb(240,240,240);
overflow:visible !important /*Firefox*/;
overflow:hidden /*IE*/;
}}


@media print
{
.footer
{
clear:both;
width:900px;
height:3.7em;
padding:1.1em 0 0;
background:rgb(240,240,240);
font-size:1.0em;
overflow:visible !important /*Firefox*/;
overflow:hidden /*IE6*/;
}}




