﻿/*----------------------------------------------------------------------------
	main.css

	this css-file contains all definitions, that are independend from the
	colorschemes.

/*----------------------------------------------------------------------------
	main.css

	this css-file contains all definitions, that are independend from the
	colorschemes.

	(c) Schlund + Partner AG

	This CSS-File uses the original "Tanteks Box Modell Hack"
	http://www.tantek.com/CSS/Examples/boxmodelhack.html

	NOTE:
	Older W3C CSS validators return errors when the voice-family property
	is used in a 'screen' style sheet. This is an error in the W3C CSS
	validator itself. The validator should report a warning, not an error,
	when properties which are unsupported by a particular medium are used,
	and this has been reported to the W3C:

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


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



body#main_body {
 ; 
 margin : 0px auto;
 padding : 0px auto;
   
}

/*-- global container ------------------------------------------------------*/


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


#header {
    padding: 0px;
    margin: 0px auto;
    width: 932px;
    height: 159px;
  
}


#main_container {
    padding: 0;
    margin: 0px 0px 0px 0px; }


#layout_table {
    border-collapse: collapse;
    width: 100%;
}


#sub_nav_column {
    vertical-align: top;
    height: 500px;
    width: 172px;
  }


#content_column {
    vertical-align: top;
left:170px; }


#left_column_container {
    margin: 0px;
    padding: 0;
     /* width: 172px;*/

    /*border: 1px solid red;*/

}


#sub_container1 {
    margin: 10px 10px;
    padding: 0px 0px;
 
}

#sub_container11 {
    margin: 0px 180px;
    padding: 0px 0px;
 
}

#sub_container12 {
    margin: 0px 180px;
    padding: 0px 0px;
}

#sub_container13 {
    margin: 0px 10px;
    padding: 0px 0px;
}





#sub_container2 {
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 12px 22px;
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    width: 704px;
    overflow: hidden;
}



#content_container {
    overflow: hidden;
    margin: 0px 0px 0px 0;
    padding: 0;
    width: 704px;

}
#content_container1 {
    overflow: hidden;
    margin: 0px auto;
    padding: 0;
    width: 704px;

}


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



#key_visual {
    clear: both;
    width: 932px;
    height: 130px;
}



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


#slogan {
    margin: 1px;
    margin-left:207px;
    padding: 1px 20px 1px 5px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 700px;
    text-align: left;
}





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


#logo {
    width: 133px;
    height: 80px;
    position: relative;
    top: 20px;
    left: 30px;
}



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


#main_nav_container {
    margin: 0px;
    padding: 0;
}
#main_nav_list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}


#main_nav_list li {
    /*margin: 0px 0 2px 0;*/

    padding: 0;
}



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


#main_nav_list a {
    overflow: hidden;
    display: block;
    text-align: left;
    width: 131px;
    voice-family: "\"}\"";
    voice-family: inherit;
}


html >body #main_nav_list a {
    width: 131px;
}

a.main_nav_item {
    padding: 0 25px 0 15px;
    line-height: 24px;
    height: 25px;
    margin: 0px 0 2px 0;
}

a.main_nav_item:hover {
    background: transparent;
    padding: 0 25px 0 15px;
    line-height: 24px;
    height: 25px;
    margin: 0px 0 2px 0;
}

a.main_nav_active_item {
    padding: 0 25px 0 15px;
    line-height: 24px;
    height: 25px;
    margin: 0px 0 2px 0;
}



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


.sub_nav_container {
    margin: 0px 0px 2px 0px;
    padding: 0;
}



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


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

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



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


.sub_nav_list a {
    overflow: hidden;
    text-align: left;
    display: block;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 132px;
}



html>body .sub_nav_list a {
    width: 132px;
}


a.sub_nav_item {
    padding: 0 15px 0 25px;
    line-height: 20px;
    height: 20px;
}


a.sub_nav_item:hover {
    padding: 0 15px 0 25px;
    line-height: 20px;
    height: 20px;
}


a.sub_nav_active_item {
    padding: 0 15px 0 25px;
    line-height: 20px;
    height: 20px;
}



/*--- footer ---------------------------------------------------------------*/
#footer {
    margin: 0;
    padding: 0;
    width: 932px;
    height: 28px;
    clear: both;
    border-bottom: 1px solid;
}
#footer_text {
    padding: 2px 20px 0 190px;
    margin: 0px 0px 0px 0px;
    text-align: left;
}

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


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



.content {
    font-family: Arial,Tahoma,Verdana, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    margin: 5px 0 20px 0;
    padding: 0;
    line-height: 1.3;
}

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

.content table {
    font-family: Arial,Tahoma,Verdana, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    margin-left: 1px;
    margin-bottom: 15px;
    /* width: 99.8%;*/

    border-left: 1px solid;
    border-top: 1px solid;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 11px;
}

.content select {
    font-family: Arial,Tahoma,Verdana, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

.content input {
    font-family: Arial,Tahoma,Verdana, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    border-style: solid;
    border-width: 1px;
}

.content textarea {
    font-family: Arial,Tahoma,Verdana, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    border-style: solid;
    border-width: 1px;
}



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


/*--- links ----------------------------------------------------------------*/


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


.content th {
    padding: 3px 5px 3px 5px;
    text-align: left;
    font-weight: bold;
    font-family: Arial,Tahoma, Verdana;
}

.content td {
    border-right: 1px solid;
    border-bottom: 1px solid;
    padding: 3px 5px 3px 5px;
}

.content tr.odd {
    padding: 3px 2px 3px 2px;
}

.content tr.even {
    padding: 3px 2px 3px 2px;
}



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


.content fieldset {
    padding: 15px;
    border-style: solid;
    border-width: 1px;
}
/*--- lists ----------------------------------------------------------------*/


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


