/* ************************************************** **
** scriptname:    style.css                           **
** author:        Achim Grothkopp                     **
** created:       08/01/2007                          **
** last modified: 19.05.2007                          **
** Bugs to:       achim.grothkopp[at]t-online[dot]de  **
** ************************************************** **
** Use and modify freely to your needs,               **
** as long as you keep this copyleft header intact ;) **
** ************************************************** */

/* ************************************************** **
** Die Selektoren (Containernamen) und Ihre Bedeutung **
** ************************************************** **
** #mainlayer	Aüssere Umrandung des Layouts.        **
** 				Hier wird die Positionierung, eine    **
**              evtentuelle Seiten-Umrandung (border) **
**              und die Hintergrundfarbe einstellt.   **
**                                                    **
** #login		Position und Aussehen des Login-      **
**              bereichs unten links.                 **
**                                                    **
** #header		Hintergrund-Container für den oberen  **
**              Logobereich.                          **
**                                                    **
** #hauptmenu   Bereich der die Hauptmenupunte oben   **
**              positioniert und auszeichnet.         **
**                                                    **
** #links		Container für den Hintergrund und die **
**              Position des linken Menübereichs.     **
**                                                    **
** #menu		Formatierung-Selektor der Verweise im **
**              linken Menue.                         **
**                                                    ** 
** #mitte		Container für Position und Verhalten  **
**              des Textbereiches in der Seitenmitte. **
**              Evtl. Textscrollen wird hier gesetzt. **
**                                                    **
** #textlayer   Selektor für Schrift- u. Linkattribte **
**              im Textcontainer.                     **
**              ACHTUNG:                              **
**              Dieser Bereich wird massgebich durch  **
**              den WYSIWYG_Editor ausgeeichnet,      **
**              dessen Formate die dieses Stylesheets **
**              überschreiben! Für eine einheitliche  **
**              Darstellung wird daher empfohlen, auf **
**              Textauszeichnungen mittels Editor     **
**              weitgehend zu verzichten und diese    **
**              hier im Stylesheet vorzunehmen.       **
**                                                    **  
** #rechts		Container für Position und Verhalten  **
**              des rechten Bereiches für Werbung.    **
**                                                    **
** #werbe       Formatierungsselektor der Schrift u.  **
**              Verweise im rechten Werbecontainer.   **
** ************************************************** */

/* ************************************************** **
** default formats ********************************** ** 
** ************************************************** */
BODY 
{
	font-family: 'Verdana','Arial','Helvetica'; 
	font-size: 11px; 
	font-weight: 500;
	text-decoration: none;
	color: #17336f; 
	background-color: transparent; 
	margin: 0 0 0 0;
}

TD 
{
	font-size: 11px; 
	font-weight: 500;
	text-decoration: none;
	color: #17336f; 
}

A 
{ 
	font-size: 11px; 
	font-weight: 500;
	color: #17336f; 
	text-decoration: none; 
}

A:hover 
{ 
	color: #17336f; 
	text-decoration: underline; 
}



/*
#balken {
	position: absolute; 
	z-index: 1;
	
	/* Positionierung */
	top: 0px; 
	left: 0px; 
	width: 100%;
	height: 215px;
	
	/* Abstände (Wert-Reihenfolge: top right bottom left) */
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	
	/* Hintergrund-Attribute */	
	background-color: #fff;	
}
 */

/* ************************************************** **
** links container ********************************** ** 
** ************************************************** */
#links 
{ 
	position: relative; 
	z-index: 2;
	
	/* Positionierung */
	top: 230px; 
	left: 0px; 
	width: 1px;
	height: 370px;
	
	/* Abstände (Wert-Reihenfolge: top right bottom left) */
	padding: 0 0 0 0;
	margin: 0 0 0 0;
		
	/* Hintergrund-Attribute */
	background-color: transparent;
	/*background-image: url('../img/template_menue.jpg');
	background-repeat: no-repeat;*/
		
	/* Rahmen */
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

/* ************************************************** **
** mitte container ********************************** ** 
** ************************************************** */
#mitte 
{ 
	position: absolute; 
	z-index: 1;
	
	/* Positionierung */
	top: 230px; 
	left: 1px; 
	width: 679px;
	height: 370px;
	
	/* Abstände (Wert-Reihenfolge: top right bottom left) */
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	
	Hintergrund-Attribute 
	background-color: transparent;
	
	background-image: url('../img/template_mitte.jpg');
	background-repeat: no-repeat;
		
	/* Rahmen */
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}


/* ************************************************** **
** menu container *********************************** ** 
** ************************************************** */
#menu 
{ 
	position: relative; 
	z-index: 3;
	
	/* Positionierung */
	top: 310px; 
	left: 30px; 
	width: 660px;
	height: 200px;
	
	/* Abstände (Wert-Reihenfolge: top right bottom left) */
	padding: 0px 10px 0px 10px;
	margin: 0 0 0 0;
}

#menu A 
{ 
	font-size: 13px;
	color: #17336f; 
	text-decoration: none; 
	padding: 0px 10px 0px 10px;
}

#menu A:hover 
{ 
	font-size: 13px;
	color: #17336f; 
	text-decoration: underline; 
	padding: 0px 10px 0px 10px;
}

/* ************************************************** **
** rechter container ******************************** ** 
** ************************************************** */
#rechts 
{ 
	position: absolute; 
	z-index: 1;
	
	/* Positionierung */
	top: 230px; 
	left: 680px; 
	width: 320px;
	height: 370px;
	
	/* Abstände (Wert-Reihenfolge: top right bottom left) */
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	
	/* Hintergrund-Attribute 	
	background-color: transparent; */
	background-image: url('../img/template_werbe.jpg');
	background-repeat: no-repeat;		
	
	/* Rahmen */
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

/* ************************************************** **
** werbe container ********************************** ** 
** ************************************************** */
#werbe 
{ 
	position: absolute; 
	z-index: 3;
	
	/* Positionierung */
	top: 30px; 
	right: 20px; 
	width: 180px;
	height: 330px;
	
	/* Abstände (Wert-Reihenfolge: top right bottom left) */
	padding: 0px 10px 10px 0px;
	margin: -30px 0 0 0;
  font-family: times new roman;
  font-size: 11pt;
  color:    #17336F;
  letter-spacing: 0.05em;
  }


#rechts A 
{ 
	color: #3c4e50; 
	text-decoration: none;
  font-size: 10pt;
  font-weight: bold; 
}

#rechts A:hover 
{ 
	color: #3c4e50; 
	text-decoration: underline; 
}


/* ************************************************** **
** header container ********************************* ** 
** ************************************************** */
#header 
{
	position: relative; 
	z-index: 2;
	
	/* Positionierung */
	top: 0px; 
	left: 0px; 
	width: 1000px;
	height: 230px;
	
	/* Rahmen */
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	
	/* Abstände (Wert-Reihenfolge: top right bottom left) */
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	
	/* Hintergrund-Attribute */
	background-color: transparent;
	background-image: url('../img/template_header.jpg');
	background-repeat: no-repeat;
}

/* ************************************************** **
** hauptmenu container ****************************** ** 
** ************************************************** */
#hauptmenu 
{
	position: relative; 
	z-index: 3;
	
	/* Positionierung */
	top: 110px; 
	left: 40px; 
	width: 750px;
	height: 20px;
	
	/* Abstände (Wert-Reihenfolge: top right bottom left) */
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	
	/* Hintergrund-Attribute */
	background-color: transparent;
	/*
	background-image: url('../img/logo.png');
	background-repeat: no-repeat;
	*/
}

#hauptmenu a 
{
	font-size: 15px;
	color: #17336f; 
	text-decoration: none;
	padding: 0 15px 0 0;
}

#hauptmenu a:hover 
{
	font-size: 15px;
	color: #17336f; 
	text-decoration: underline;
	padding: 0px 15px 0px 0px;
}

/* ************************************************** **
** mainlayer container ****************************** ** 
** ************************************************** */
#mainlayer 
{

	/* Positionierung */
	position: absolute; 
	width: 1000px; 
	height: 600px; 
	z-index:1; 
	right: 0px; 
	left: 0px; 
	top: 0px;
	margin: 0 auto;
	
	/* Rahmen-Attribute 
	border: 1px solid #c0c0c0;*/
	
	/* Hintergrund-Attribute */
	background-color: transparent;
}

/* ************************************************** **
** textlayer container ****************************** ** 
** ************************************************** */
#textlayer 
{
	position: relative; 
	z-index: 20;
	text-align: left;
	
	/* Positionierung */
	top: -70px; 
	left: 40px; 
	width: 650px;
	height: 360px;
	
	/* Abstände (Wert-Reihenfolge: top right bottom left) */
	padding: 0px 10px 0px 0px;
	margin: 0 0 0 0;
	
	/* Automatisches scrollen  */
	overflow: auto;
}

#textlayer h1 
{
	font-size: 18px; 
	font-weight: 600;
	color: #17336f;
}

#textlayer h2 
{
	font-size: 16px; 
	font-weight: 600;
	color: #17336f;
}

#textlayer h3 
{
	font-size: 11px; 
	font-weight: 500;
	color:#17336f;
}

#textlayer a 
{
	color: #17336f; 
	text-decoration: none;
}


#textlayer a:hover 
{
	color: #17336f; 
	text-decoration: underline;
}

#urlaub a 
{
	font-size: 18px; 
	font-weight: 600;
	color: #17336f;
}

#urlaub a:hover 
{
	color: #17336f;
	text-decoration: none;
}

/* ************************************************** **
** login container ********************************** ** 
** ************************************************** */
#login 
{
	position: relative; 
	z-index: 6;
	text-align: left;
	
	/* Positionierung */
	top: 82px; 
	left: 800px; 
	width: 150px;
	height: 60px;
}

#txt 
{
	width: 80px;
	height: 16px;
	text-align: left;
	font-size: 11px; 
	font-weight: 500;
	color: #17336f;
	background-color: #fff;
	border: 1px solid #17336f;
}

#submit 
{
	width: 60px;
	height: 18px;
	text-align: left;
	font-size: 11px; 
	font-weight: 500;
	color: #fff;
	background-color: #17336f;
	border: none;
}

#txt2 
{
	width: 120px;
	height: 16px;
	text-align: left;
	font-size: 11px; 
	font-weight: 500;
	color: #17336f;
	background-color: #fff;
	border: 1px solid #17336f;
}

#submit2 
{
	width: 120px;
	height: 18px;
	text-align: left;
	font-size: 11px; 
	font-weight: 500;
	color: #fff;
	background-color: #17336f;
	border: none;
}

#linksunten 
{ 
	
	z-index: 2;
	
	/* Positionierung */
	top: 30px; 
	left: 0px; 
	width: 1px;
	height: 370px;
	
	/* Abstände (Wert-Reihenfolge: top right bottom left) */
	padding: 0 0 0 0;
	margin: 0 0 0 0;
		
	/* Hintergrund-Attribute */
	background-color: transparent;
	/*background-image: url('../img/template_menue.jpg');
	background-repeat: no-repeat;*/
		
	/* Rahmen */
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

#menu2 
{ 
	position: relative; 
	z-index: 3;
	
	/* Positionierung */
	top: 150px; 
	left: 30px; 
	width: 660px;
	height: 200px;
	
	/* Abstände (Wert-Reihenfolge: top right bottom left) */
	padding: 0px 10px 0px 10px;
	margin: 0 0 0 0;
}