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

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

	(c) Schlund + Partner AG


	----------------------------------------------------------------------
	Modified and extended by Barti Bartman for the Sports-Template

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

	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;
 padding: 0;
 margin-top: 50px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 text-align: left;
 width: 70%;
}

#container2 
{
 padding: 0;
 margin-right: auto;
 margin-left: auto;
 text-align: left;
 margin-bottom: 0px;
 margin-left: 0px;
 width: 100%;
}

/*-- main container: contains all between header and footer ----------------*/
#main_container 
{
 position: relative;
 padding: 0;
 margin: 0;
 margin-left: auto;
 width: 100%;
}

#box1 
{
   
 clear: left;
 font-family: verdana, arial, helvetica, sans-serif;
 float: left;
 width: 19%;
 margin: 0;
 padding: 0.5em;
 height: 30%;
}



#box2
{

 width: 46%;
 float: left;
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 8pt;
 color: #000000;
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
 color: #333333;
}




#boxviolet
{
 float: right;
 width: 26%;
 margin: 0;
 padding: 0.5em;
 background-image: url(../images/violet.jpg);
 background-repeat: no-repeat;
}


#boxorange
{
 float: right;
 width: 26%;
 margin: 0;
 padding: 0.5em;
 background-image: url(../images/orange.jpg);
 background-repeat: no-repeat;
}


#boxlavender2
{
 float: right;
 width: 26%;
 margin: 0;
 padding: 0.5em;
 background-image: url(../images/lavender2.jpg);
 background-repeat: no-repeat;
}


#boxpink
{
 float: right;
 width: 26%;
 margin: 0;
 padding: 0.5em;
 background-image: url(../images/pink.jpg);
 background-repeat: no-repeat;
}

#boxthawtelock
{
 float: right;
 width: 26%;
 margin: 0;
 padding: 0.5em;
 background-image: url(../images/thawte_lock_3cm.jpg);
 background-repeat: no-repeat;
}

#boxthawteitsatrustthing
{
 float: right;
 width: 26%;
 margin: 0;
 padding: 0.5em;
 background-image: url(../images/thawte_itsatrustthing_3cm.jpg);
 background-repeat: no-repeat;
}

#boxthawte100secure
{
 float: right;
 width: 26%;
 margin: 0;
 padding: 0.5em;
 background-image: url(../images/thawte_100secure_3cm.jpg);
 background-repeat: no-repeat;
}

#boxthawteauthenticsite
{
 float: right;
 width: 26%;
 margin: 0;
 padding: 0.5em;
 background-image: url(../images/thawte_authenticsite_3cm.jpg);
 background-repeat: no-repeat;
}


/*--- the main container is divided in sub containers ----------------------*/
#content_container 
{
 margin: 0;
 padding: 0;
 width: 100%;
}

/*--- logo -----------------------------------------------------------------*/
#logo 
{
 width: 100%;
 height: 100%;
 position: absolute;
 top: 94px;
 left: 510px;
}

/*--- caption (as text or background image) --------------------------------*/
#slogan 
{
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-style: italic;
 font-size: 16px;
 padding-top: 5px;
 padding-right: 0px;
 padding-bottom: 5px;
 padding-left: 35%;
 text-decoration: none;
}

/*--- main navigation ------------------------------------------------------*/
#main_nav_container 
{
 z-index: 1;
 position: relative;
 width: 100%;
 padding: 0;
 padding-top: 5px;
 padding-bottom: 10px;
 margin: 0;
 align: center;
}

#main_nav_list 
{
 margin: 0;
 padding: 0;
 list-style-type: none;
 width: 100%;
 align: center;
}

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

/*--- main navigation items ------------------------------------------------*/
#main_nav_list a 
{
 margin: 0;
 padding-top: 0px;
 padding-right: 10px;
 padding-bottom: 0px;
 padding-left: 10px;
}

a.main_nav_item 
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 8pt;
 font-style: normal;
 font-weight: bold;
 text-decoration: none;
}

a.main_nav_item:hover 
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 8pt;
 font-style: normal;
 font-weight: bold;
 text-decoration: none;
}

a.main_nav_active_item 
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 8pt;
 font-style: normal;
 font-weight: bold;
 text-decoration: none;
}

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

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

.sub_nav_list li 
{
 margin: 0;
 padding: 0;
 width: 120px;
}

/*--- subnavigation items --------------------------------------------------*/
.sub_nav_list a 
{
 display: block;
 width: 70%;
 text-align: left;
 padding: 1px;
 margin-left: 0px;
 margin-top: 2px;
 margin-right: 2px;
 margin-bottom: 2px;
 overflow: hidden;
}

a.sub_nav_item 
{
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 8pt;
 font-style: normal;
 text-decoration: none;
}

a.sub_nav_item:hover 
{
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 8pt;
 font-style: normal;
 text-decoration: none;
}

a.sub_nav_active_item 
{
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 8pt;
 font-style: normal;
 text-decoration: none;
}

/*--- footer ---------------------------------------------------------------*/
#footer 
{
 margin: 0;
 padding: 0;
 width: 100%;    
 clear:both;
}

#footer_text 
{
 padding-top: 10px;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 0;
 margin-top: 0;
 margin-right: 30px;
 margin-bottom: 0;
 margin-left: 30px;
 text-align: center;
 font-size: 8pt;
 font-family: Arial, Helvetica, sans-serif;
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
}

/*----------------------------------------------------------------------------
  default-styles for html-elements
----------------------------------------------------------------------------*/
/*--- body -----------------------------------------------------------------*/
body#main_body 
{
 margin: 0;
 padding: 0;
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
 text-align: center;
 margin-bottom: 50px;
}

/*--- paragraph ------------------------------------------------------------*/
.content p 
{
 margin-top: 5px;
 margin-right: 0;
 margin-bottom: 20px;
 margin-left: 0;
 padding: 0;
 line-height: 15px;
}

/*--- tables ---------------------------------------------------------------*/
.content table 
{
 border-style: dotted;
 border-width: 1px;
 border-spacing: 0;
}

/*--- 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 
{
 list-style-type: square;
 font-family: Arial, Helvetica, sans-serif;
 font-size: x-small;
}

.content li 
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: x-small;
}

/*--------------------------------------------------------------------------*/
#main_nav_list a.main_nav_active_item 
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 8pt;
 font-style: normal;
 font-weight: bold;
 text-decoration: none;
}

#main_nav_list a.main_nav_item 
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 8pt;
 font-style: normal;
 font-weight: bold;
 text-decoration: none;
}

#main_nav_list a.main_nav_item:hover 
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 8pt;
 font-style: normal;
 font-weight: bold;
 text-decoration: none;
}

.sub_nav_list a.sub_nav_active_item 
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 8pt;
 font-style: normal;
 font-weight: bold;
 text-decoration: none;
}

.sub_nav_list a.sub_nav_item 
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 8pt;
 font-style: normal;
 font-weight: bold;
 text-decoration: none;
}

.sub_nav_list a.sub_nav_item:hover 
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 8pt;
 font-style: normal;
 font-weight: bold;
 text-decoration: none;
}

#content_container a:active 
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 100%;
 font-style: normal;
 font-weight: normal;
 text-decoration: underline;
}

#content_container a:hover 
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 100%;
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
}

#content_container a:visited 
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 100%;
 font-style: normal;
 font-weight: normal;
 text-decoration: underline;
}

#content_container a:link 
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 100%;
 font-style: normal;
 font-weight: normal;
 text-decoration: underline;
}

#content_container h1 
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 font-style: normal;
 font-weight: bold;
 text-decoration: none;
}

#content_container h2 
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-style: normal;
 font-weight: bold;
 text-decoration: none;
}

#content_container h3 
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 8pt;
 font-style: normal;
 font-weight: bold;
 text-decoration: none;
}

#content_container p 
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 8pt;
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
}