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

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

  /*--- Angepasst und verändert für seine Website von Christian Knorpp 2005-2007 ----*/
 
/*----------------------------------------------------------------------------
 styles for specific classes and ids
----------------------------------------------------------------------------*/


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

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

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

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

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

#sub_container1 {
	margin: 0;
	padding: 0;
	height: 300px;
}

#sub_container2 {
	float: right;
	margin: 0px 10px 20px 20px;
	padding: 0;
	width: 490px;
}

html>body #sub_container2 {
	width: 490px;
}

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

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

#header	{
	position: relative;
	padding: 0;
	margin: 0;
	width: 720px;
	height: 252px;
	top: 0px;
	left: 0px;
}

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

#key_visual {
	position: absolute;
	top: 60px;
	left: 0px;
	width: 720px;
	height: 160px;
}

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

#logo {
	background: no-repeat top right;
	width: 360px;
	height: 60px;
	position: absolute;
	top: 0px;
	left: 0px;
}

/*--- caption (as text or background image) --------------------------------*/
/* verändert, Abstände zu den Rändern vergrößert, mehr mittig */

#text_caption {
	position: absolute;
	top: 16px;
	left: 346px;
	width: 350px;
	text-align: right;
}

/* Original:
#text_caption {
	position: absolute;
	top: 0px;
	left: 365px;
	width: 350px;
	text-align: right;
*/

#image_caption {
}

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

#main_nav_container {
	z-index: 1;
	position: relative;
	left: 0px;
	top: -32px;
	float: left;
	width: 720px;
	padding: 0;
	margin: 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 720px;
}

html>body #main_nav_container {
	width: 720px;
}

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

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

#main_nav_list li img {
	border: 0;
	margin: 0;
	padding: 0;
}

#main_nav_list a {
	margin: 0;
	padding 0;
}


/*--- added for button images navigation */
a.navimain_current {
	display:block;
	line-height:30px;
	vertical-align:middle;
	width:120px;
	height:32px;
}

a.navimain_link {
	display:block;
	line-height:30px;
	vertical-align:middle;
	width:120px;
	height:32px;
}


/* eingefügt Klasse breiterer Button + Hover + Aktiv 190px statt 120 für 'Leistungen & Preise' */

a.navimain_current_long {
	display:block;
	line-height:30px;
	vertical-align:middle;
	width:190px;
	height:32px;
}

a.navimain_link_long {
	display:block;
	line-height:30px;
	vertical-align:middle;
	width:190px;
	height:32px;
}

/* Ende eingefügt Klasse breiterer Button */


a.navisub_current {
	display:block;
	line-height:28px;
	vertical-align:middle;
	width:175px;
	height:28px;
	padding:0px;
	padding-left:5px;

	font-size:14pt;
	font-style:normal;
	text-decoration:none;
	color:#000000;
}

a.navisub_link {
	display:block;
	line-height:28px;
	vertical-align:middle;
	width:175px;
	height:28px;
	padding:0px;
	padding-left:5px;

	font-size:14pt;
	font-style:normal;
	text-decoration:none;
	color:#000000;
}


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

.sub_nav_container {
	margin: 0;
	padding: 0;
	border: 0;
}

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

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

.sub_nav_list li {
	clear: both;
	font-size: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

.sub_nav_list li img {
	border: 0;
}

/*--- content --------------------------------------------------------------*/

#content_container {
	float: right;
	overflow: hidden;
	line-height: 1.3;
	margin: 0;
	padding: 0;
	width: 490px;
}

#content_container table {
	border-style: dotted;
	border-width: 1px;
	border-spacing: 0;
	width: 100%;
}

#content_container tr.odd {
	font-size: 100%;
}

#content_container tr.even {
	font-size: 100%;
}


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

#footer {
	margin: 0;
	padding: 0;
	width: 720px;
	height: 60px;
	clear: both;
}

#footer_text {
	padding: 20px 0 0 0;
	margin: 0 40px 0 260px;
	text-align: left;
	font-size: 100%;
}



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

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

body {
	margin: 0;
	padding: 0;
	font-family: Arial,Tahoma,Verdana, sans-serif;
	font-size: x-small; /* IE5 Win */
	font-size: small;
}

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

#content_container p {
	margin: 5px 0 20px 0;
	padding: 0;
	font-size: 110%;
	line-height: 1.3;
}

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

#content_container h1 {
	font-family: Impact,Arial,Trebuchet MS,Tahoma,Verdana,sans-serif;
	font-weight: normal;
	font-size: 200%;
}

#content_container h2 {
	font-family: Impact,Arial,Trebuchet MS,Tahoma,Verdana,sans-serif;
	font-weight: normal;
	font-size: 160%;
         }

#content_container h3 {
	font-family: Impact,Arial,Trebuchet MS,Tahoma,Verdana,sans-serif;
	font-weight: normal;
	font-size: 120%;

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

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


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

table {

}

th {
}

tr {
}

td {

}

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

fieldset {
	padding: 15px;
	border-style: solid;
	border-width: 1px;
}

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

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

button {
}

label {
}

select {
}

option {
}

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

ul {
}

li {
}

/*----------------------------------------------------------------------------*/
/*----Weitere Schriftformatierungen etc. hinzugefügt von C.K.----------------*/

	.fett
         {font-weight: bold;
         }

/*--------------------------------------------------------------------------*/
      .kursiv
         {font-style: italic;
         }

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

      .fettkursiv
         {font-weight: bold;
         font-style: italic;
         }

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

/* gold-orange */

   .orange {color: #F90}

/* Ende orange */

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

/* Schrift fett und gold-orange hervorgehoben */

  .fettorange
    {color: #F90;
     font-weight:bold;
    }
/*--------------------------------------------------------------------------*/

  .gelb
  {color: #FFFF00;
  }

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

  .gelbfett
  {color: #FFFF00;
  font-weight: bold;
  }

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

    .gelbkursiv
    {color: #FFFF00;
    font-style: italic;
    }

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

    .gelbfett
  {color: #FFFF00;
  font-weight: bold;
  }

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

  .gelbfettkursiv
  {color: #FFFF00;
  font-weight: bold;
  font-style: italic;
  }

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

  .gelbdunklerfett
  {color: #FFDF00;
  font-weight: bold;
  }

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

/* Links im Impressum etc. gold-orange statt blau/ lila */

   .Stil1 {color: #F90}

/*--------------------------------------------------------------------------*/
  /* wie h3-Überschrift, nur ohne standardgemäße Abstände oben etc. */

   .h3normal
   {font-family: Impact,Arial,Trebuchet MS,Tahoma,Verdana,sans-serif;
	font-weight: normal;
	font-size: 130%;
         margin-top: 0px;
         }			
			
/*--------------------------------------------------------------------------*/
/* genauso, nur orange, für Kölnführungen etc. */

   .h3normalorange
   {font-family: Impact,Arial,Trebuchet MS,Tahoma,Verdana,sans-serif;
	color: #FF9900;
	font-weight: normal;
	font-size: 110%;
         margin-top: 0px;
         }			

/*--------------------------------------------------------------------------*/
         /* zusätzlich mit Abstand/ Rand links */

         .h3abstandlinks
   {font-family: Impact,Arial,Trebuchet MS,Tahoma,Verdana,sans-serif;
	font-weight: normal;
	font-size: 100%;
         margin-top: 0px;
         margin-left: 10px;
			}
			
/*--------------------------------------------------------------------------*/
/* genauso, nur orange, für Kölnführungen etc. */

         .h3abstandlinksorange
   {font-family: Impact,Arial,Trebuchet MS,Tahoma,Verdana,sans-serif;
	font-weight: normal;
	color: #FF9900;
	font-size: 100%;
         margin-top: 0px;
         margin-left: 10px;
			}
			
/*--------------------------------------------------------------------------*/


/* Links etc. anderes Aussehen */
/* gelbfetter Link ohne Unterstreichung */


a.linkgelbfettohneunterstrich  {
	color: Yellow !important;
	font-weight: bold !important;
	text-decoration: none !important;
	}

a.linkgelbfettohneunterstrich:hover

{
	color: Orange !important;
	font-weight: bold !important;
	text-decoration: underline !important;
}

a.linkgelbfettohneunterstrich:visited

{
	color: Orange !important;
	font-weight: bold !important;
	text-decoration: underline ;
}

/*  orangefetter Link ohne Unterstreichung */


a.linkorangefettohneunterstrich  {
	color: Orange !important;
	font-weight: bold !important;
	text-decoration: none !important;
}

a.linkorangefettohneunterstrich:hover

{
	color: Yellow !important;
	font-weight: bold !important;
	text-decoration: underline !important;
}

a.linkorangefettohneunterstrich:visited

{
	color: Orange !important;
	font-weight: bold !important;
	text-decoration: none ;
}

/*  orangefetter H3-Link ohne Unterstreichung */

a.h3linkorangefettohneunterstrich  {
	font-family: Impact,Arial,Trebuchet MS,Tahoma,Verdana,sans-serif;
	color: Orange !important;
	font-weight: bold !important;
	text-decoration: none !important;
}

a.h3linkorangefettohneunterstrich:hover

{
	color: Yellow !important;
	font-weight: bold !important;
	text-decoration: underline !important;
}

a.h3linkorangefettohneunterstrich:visited

{
	font-family: Impact,Arial,Trebuchet MS,Tahoma,Verdana,sans-serif;
	color: Orange !important;
	font-weight: bold !important;
	text-decoration: none ;
}


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

/* verschiedene Hinweiskästen */

/* gelber Hinweiskasten ohne Rand links, aber unten Abstand zum nächsten Absatz eingefügt, außerdem mit Innenabstand*/

.hinweiskastengelb

{
	padding: 5px;
	margin: auto auto 18px auto;
	color: #000000;
	border-bottom-color: #000000;
	background-color: Yellow;
}

/* das gleiche, nur in Weiß*/

.hinweiskastenweiss

{
	padding: 5px;
	margin: auto auto 18px auto;
	color: #000000;
	border-bottom-color: #000000;
	background-color: White;
}

/* Und das gleiche nochmal, nur in farbig, momentan so ein beige-gelb*/

.hinweiskastenfarbig

{
	padding: 5px;
	margin: auto auto 18px auto;
	color: #000000;
	border-bottom-color: #000000;
	background-color: #FFFFCC;
}

/* gelber Hinweiskasten mit Rand links (zurzeit für Kölnführungen), und unten Abstand zum nächsten Absatz eingefügt, 
außerdem mit Innenabstand*/

.hinweiskastengelblinks

{
	padding: 5px; 
	margin: auto auto 18px 12px; 
	color:#000000; 
	border-bottom-color:#000000; 
	background-color: Yellow
}

/* einfacher Hinweiskasten/ hinterlegte Schrift, ohne Rand links, ohne  Abstand unten, Innenabstand links und rechts je 3 px*/

.hinweishintergelb

{
	background-color: Yellow;
	color: #000000;
	padding-left: 3px;
	padding-right: 3px;
}

/* einfacher Hinweiskasten/ hinterlegte Schrift - Farbe variabel - meist heller gelb, 
ohne Rand links, ohne  Abstand unten, Innenabstand links und rechts je 3 px*/

.hinweishinterfarbig

{
	background-color: #FFFFCC;
	color: #000000;
	padding-left: 3px;
	padding-right: 3px;
}

/* einfacher Hinweiskasten/ hinterlegte Schrift - nur weiß, 
ohne Rand links, ohne  Abstand unten, Innenabstand links und rechts je 3 px*/

.hinweishinterweiss

{
	background-color: White;
	color: #000000;
	padding-left: 3px;
	padding-right: 3px;
}

/* Ende verschiedene Kästen */

/* Ende eigene Stile */


/*---------Ende CSS-Datei---------------------------------------------------------*/