/*----------------------------------------------------------------------------
 styles for specific classes and ids
----------------------------------------------------------------------------*/
/*-- global container ------------------------------------------------------*/


#container {
position: relative;
padding: 0;
margin: 0 auto;
text-align: left;
width: 775px;
}



/*-- main container: contains all between header and footer ----------------*/

#main_container {

padding: 0;
margin: 0px 20px 20px 20px;
}

#banner {
padding: 0;
margin: 20px 0px 20px 0px;
text-align: center;
margin-left: auto;
margin-right: auto;
}

/*--- the main container is devided in sub containers ----------------------*/

#content_container {
clear: both;
width: 500px;
}

#sub_container2 {
margin: 5px 20px 20px 0;
float: right;
margin: 0;
padding: 0;
width: 530px;
overflow: hidden;
}

#left_column_container {
margin: 0;
padding: 0;
float: left;
width: 190px;
}

/*--- header ---------------------------------------------------------------*/

#header {
position: relative;
padding: 0;
margin: 0;
width: 775px;
top: 0;left: 0;
overflow: hidden;
}


/*--- key visual -----------------------------------------------------------*/

#key_visual {
position: relative;
top: 0px;
left: 35px;
margin: 60px 0 0 0;
width: 705px;
height: 228px;
}

#rt_visual {
position: relative;
top: 0px;
left: 35px;
margin: 60px 0 0 0;
width: 705px;
height: 228px;
}

/*--- logo -----------------------------------------------------------------*/

#logo {
width: 249px;
height: 98px;
position: absolute;
top: 75px;
left: 50px;
}


/*--- caption (as text or background image) --------------------------------*/

#slogan {
width: 705px;
text-align: center;
margin: 15px;
}



/*--- main navigation ------------------------------------------------------*/


#main_nav_container {
z-index: 1;
position: relative;
left: 35px;
top: 0px;
width: 705px;
padding: 0;
margin: 0;
overflow: hidden;
}


#main_nav_list {
position: relative;
margin: 1px 0 0 0;
padding: 0;
top: 0;left: 0;
list-style-type: none;
}



#main_nav_list li {
float: left;
margin: 0;
padding: 0;
}


/*--- main navigation items ------------------------------------------------*/


#main_nav_list a {
overflow: hidden;
background: transparent;
margin: 0;
padding: 10px 20px 0px 15px;
display: block;
float: left;
height: 37px;
line-height: 20px;
text-align: left;
}


html>body #main_nav_list a {
height: 27px;
}

a.main_nav_item:hover {
background: transparent;
}


/*--- container for the subnavigation --------------------------------------*/

.sub_nav_container {

	margin: 10px;

	padding: 0;

}


/*--- subnavigation --------------------------------------------------------*/


.sub_nav_list {
border: 0;
margin-left: 5px;
padding: 0;
list-style-type: none;
}

.sub_nav_list li {
clear: both;
margin: 3px 0 3px 0;
padding: 0;
}



/*--- subnavigation items --------------------------------------------------*/


.sub_nav_list a {
overflow: hidden;
text-align: left;
line-height: 30px;
height: 29px;
width: 172px;
padding: 0 25px 0 13px;
display: block;

}


html>body .sub_nav_list a {
width: 136px;

}



/*--- footer ---------------------------------------------------------------*/


#footer {
margin: 0;
padding: 0;
width: 775px;
height: 65px;
clear: both;

}



#footer_text {
padding: 10px 0 0 0;
margin: 0 30px 0 30px;
text-align: center;

}



#extra_div2 {
margin: 0;
padding: 0;
width: 775px;
height: 65px;
clear: both;

}



/*----------------------------------------------------------------------------
  default-styles for html-elements
----------------------------------------------------------------------------*/

/*--- body -----------------------------------------------------------------*/

body#main_body {
margin: 0;
padding: 0;
text-align: center;
font-size: x-small;

 /* IE5 Win */
font-size: small;
}

/*--- paragraph ------------------------------------------------------------*/

.content, .content p {
margin: 5px 0 20px 0;
padding: 0;
line-height: 1.4;
}

/*--- headings -------------------------------------------------------------*/

.content h1 {
margin-top: 18px;
margin-bottom: 8px;
}

.content h2 {
margin-bottom: 4px;
}

.content h3 {
margin-bottom: -1px;
}

/*--- tables ---------------------------------------------------------------*/

.content table {
border-style: solid;
border-width: 1px;
border-spacing: 0;
margin-bottom: 10px;
}

.content th {
padding: 3px 2px 3px 10px;

text-align: left;
}

.content tr.odd {

font-size: 86%;
padding: 3px 2px 3px 2px;
}

.content tr.even {

font-size: 86%;
padding: 3px 2px 3px 2px;
}

.content td {

	padding-left: 10px;
}


/*--- forms ----------------------------------------------------------------*/


.content fieldset {

padding: 15px;
border-style: solid;

border-width: 1px;
}

.content input {
border-style: solid;
border-width: 1px;
}

.content textarea {
border-style: solid;
border-width: 1px;
}

/*--- lists ----------------------------------------------------------------*/

.content ul { 
margin: 0 0 20px 0;
padding: 5px 10px 5px 28px;
border: 1px solid;
}


.content ul li { 
padding: 2px 0;
}


.content ol { 
margin: 0 0 20px 0;
padding: 5px 10px 5px 28px;
border: 1px solid;
}

.content ol li { 
padding: 3px 0;
}