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

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

	(c) Offrisk.de


	----------------------------------------------------------------------
	Modified and extended by Offrisk.de

	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
----------------------------------------------------------------------------*/

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

/*-- main container: contains all between header and footer ----------------*/
#main_container
{
	margin					:	0px 34px 0px 30px;
	padding					:	0;
}

/*--- the main container is devided in sub containers ----------------------*/
#sub_container1 {
	margin					:	0;
	padding					:	0;
}

#sub_container2 {
	width                     :  525px;
	position                 :	relative;
	top						:	0px;
	left					    :	10px;	
	float					    :	left;
	padding					:	0;
	margin					:	0 0 10px 0;
}
#content_container {
  overflow                  : hidden;
	line-height				:	1.2;
	float  					:	left;
	width	    				:	525px;
	margin                  :   0;
	padding					:	0 0 15px 0;	
}

#left_column_container {
	position				    :	relative;
	top					    :	-10px;
	float					    :	right;
	width                     :	157px;
	height                    :  300px;
	margin				    :	0px;
	padding				    :	0px;
}

/*--- header ---------------------------------------------------------------*/
#header {
	position				    :	relative;
	top						:	0px;
	left					    :	0px;
	height					:	305px;
	width					    :	775px;
	margin					:	0px;
	padding					:	0px;
}

/*--- key visual -----------------------------------------------------------*/
#key_visual {
	position				    :	absolute;
	top					    :	88px;
	left					    :	28px;
	height				    :	155px;
	width					    :	713px;
}

/*--- logo -----------------------------------------------------------------*/
#logo {
	position				    :	absolute;
	top					    :	0px;
	left					    :	28px;
	height				    :	77px;
	width					    :	713px;
}

/*--- caption (as text or background image) --------------------------------*/
#text_caption {
	position				    :	relative;
	top					    :	105px;
	left					    :	40px;
	z-index				    :	1;
	height				    :	50px;
	width					    :	260px;
	padding				    :	50px 0px 0px 15px;
	line-height			    :	20px;
	letter-spacing		    :   1pt;
}

#image_caption {
}

/*--- main navigation ------------------------------------------------------*/
#main_nav_container {
	float					    :	left;
	overflow				:	hidden;
	z-index					:	1;
	position				    :	relative;
	top						:	-62px;
	left					    :	28px;
	width					    :	713px;
	padding					:	0px 0px 0px 0px;
	margin					:	0px;
}

#main_nav_list {
	position				    :	relative;
	top						:	0px;
	left					    :	0px;
	height					:	auto;
	margin					:	0px;
	padding					:	0px;
	list-style-type			:	none;
}
#main_nav_list li {
	float					    :	left;
	margin					:	0px;
	padding					:	0px;
	height					:	28px;
	border					:	1px solid;
	border-top				:	0px;
	border-bottom		:	0px;
}

/*--- main navigation items ------------------------------------------------*/
#main_nav_list a {
	float                      :   left;
    display                  :   block;
	height                   :   28px;
	margin                  :   0px;
    padding                 :   2px 10px 0px 17px;
	line-height             :   22px;
	text-align              :    center;
	text-decoration      :   none;
	background           :   transparent;
	voice-family          :   "\"}\"";
	voice-family          :   inherit;
	height                   :   26px;
}

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

#main_nav_list a:hover {
	text-decoration		:	none;
	background			:	transparent;
}
span.main_nav_item_text {
	margin				    :	0px 0px 0px 3px;
}

span.main_nav_active_item_text {
	margin				    :	0px 0px 0px 3px;
}

/*--- container for the subnavigation --------------------------------------*/
.sub_nav_container {
	margin				    :	0px 0px 0px 0px;
	padding				    :	0px;
}

/*--- subnavigation --------------------------------------------------------*/
.sub_nav_list {
	margin				    :	0px;
	padding		    	    :	0px;
	border				    :	0px;
	list-style-type		    :	none;
}

.sub_nav_list li {
	font-size			    :	9px;
	margin				    :	0px 0px 2px 0px;
	padding				    :	0px;
}

/*--- subnavigation items --------------------------------------------------*/
.sub_nav_list a {
	display				    :	block;
	height				    :	25px;
	width				        :	153px;
	padding				    :	0px 0px 0px 20px;
	line-height			    :	24px;
	text-decoration		:	none;
	text-align			    :	left;
	voice-family		    :	"\"}\"";
	voice-family		    :	inherit;
	width				        :	133px;
}

html>body #sub_nav_list a {
	width					    :	133px;
}

.sub_nav_list a:hover {
	text-decoration		:	none;
}

/*--- footer ---------------------------------------------------------------*/
#footer {
	clear					    :	both;
	height					:	89px;
	width					    :	775px;
	margin					:	0px;
	padding					:	0px;
}

#footer_text {
	margin					:	0px 30px 0px 30px;
	padding					:	25px 0px 0px 0px;
	text-align				:	center;
	font-size				:	10px;
}

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

/*--- body -----------------------------------------------------------------*/
body#main_body {
	margin					:	0px;
	padding					:	0px;
	text-align				:	center;
}

/*--- paragraph ------------------------------------------------------------*/
#content_container p {
	line-height				:	1.2;
}

/*--- headings -------------------------------------------------------------*/
#content_container h1 {
	overflow				:	hidden;
	padding					:	10px 0px 5px 10px;
}

#content_container h2 {
	padding					:	8px 0px 3px 10px;
}

#content_container h3 {
	padding					:	8px 0px 2px 10px;
}

/*--- links ----------------------------------------------------------------*/
#content_container a:link {
	font-weight 			:	normal;
	text-decoration		:	underline;
}

#content_container a:visited {
	font-weight 			:	normal;
	text-decoration		:	underline;
}

#content_container a:hover {
	text-decoration 		:	none;
}

#content_container a:active {
	text-decoration 		:	underline;
}

/*--- tables ---------------------------------------------------------------*/
#content_container table {
	border-width			:	1px;
	border-spacing			:	0px;
	border-style			:	solid;
}

#content_container td {
	border-collapse			:	collapse;
}

/*--- forms ----------------------------------------------------------------*/
#content_container fieldset
{
	padding					:	15px;
	border-width			:	1px;
	border-style			:	solid;
}

#content_container input {
	border-width			:	1px;
	border-style			:	solid;
}

#content_container textarea {
	border-width			:	1px;
	border-style			:	solid;
}

#content_container button {
	color							:	#FFF;
	background				:	transparent url("images/static/inputbutton.gif") top left;
}

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