/* Anfang CSS Dokument */
/* Beginn allgemeine Formatierungen */
*  {margin:0px; padding:0px; border:0px;}
html {font-family:Verdana, Helvetica, Arial, sans-serif; font-size:62.5%; 
      color:#000000;}
body {font-size:100.1%; background-color:#003f01;}
/* Ende allgemeine Formatierungen */  
/**************************************************************************/

/* Beginn der Einstellung des Hauptbereiches */
div#main {margin:0px auto; 
       text-align:center; 
       background:url(../pics/sambashow.jpg) no-repeat #003f01; 
       width:1024px;
       height:768px;}
/* Ende der Einstellung des Hauptbereiches */
/**************************************************************************/

/* Beginn der Einstellung des Inhaltsbereiches */
div#inhalt {padding-top:220px; 
            padding-left:225px; 
            width:410px; 
            float:left;
            position:relative;} 
div#inhalt p {font-size:1.2em; text-align:center; margin-top:0px; line-height:1.5em;}
div#inhalt h1 {font-size:1.8em; color:#e3f49a; text-align:center;}
div#inhalt h2 {font-size:1.2em; margin-top:10px;}

/* Inhaltsbereich mit Scrollbalken */
div#inhalt-a {padding-left:225px;
              padding-right:10px; 
              width:425px;
              height:412px; 
              float:left;
              overflow:auto;
              position:absolute;
              top:250px;} 
div#inhalt-a p {font-size:1.2em; text-align:center; margin-top:0px; line-height:1.5em;}
div#inhalt-a h1 {font-size:1.8em; color:#e3f49a; text-align:center;}
div#inhalt-a h2 {font-size:1.2em; margin-top:10px;}

a:link {font-size:1.1em; color:#ffff00; text-decoration:none;}
a:active {font-size:1.1em; color:#ffff00; text-decoration:underline;}
a:visited {font-size:1.1em; color:#ffff00; text-decoration:none;}
a:hover {font-size:1.1em; color:#ffff00; text-decoration:underline;}

/* Ende der Einstellung des Inhaltsbereiches */ 
/**************************************************************************/

/* Hack fuer IE 6 - Weite des Inhaltsbereichs anpassen */
* html div#inhalt {w\idth:650px;}
* html div#inhalt-a {w\idth:650px;}

/* Hack fuer IE 6/7 - Inhaltsbereich positionieren */
*:first-child+html div#inhalt-a {position:static;}
* html div#inhalt-a {p\osition:static;}
    
/**************************************************************************/
/* Zuruecksetzen der float-Eigenschaft des Inhaltsbereichs */
.cleaner {clear:both;}
/**************************************************************************/
 
/* Beginn der Formatierung der Navigationsleiste */
#button {margin-top:25px; margin-left:186px; position:absolute; top:671px; text-align:center; display:list-item; list-style-type:none;}
#button a {height:32px; border:0px none; margin:0px 16px; float:left; display:block;}
#button a:focus img {visibility: hidden;}  
#button a:hover img {visibility: hidden;}
/* Ende der Formatierung der Navigationsleiste */

/* Beginn der Formatierung der variablen Navigationsleiste */
#button-var {margin-top:25px; margin-left:186px; position:relative; text-align:center; display:list-item; list-style-type:none;}
#button-var a {height:32px; border:0px none; margin:0px 16px; float:left; display:block;}
#button-var a:focus img {visibility: hidden;}  
#button-var a:hover img {visibility: hidden;}
/* Ende der Formatierung der variablen Navigationsleiste */

/* Hack fuer IE 6/7 - Navigationsleiste zentrieren */
*:first-child+html div#button {position:static;}
* html div#button {p\osition:static;}

/* Beginn der Einstellungen Bildwechsel im Navibereich */
#button1 {display:block;
			width:112px;
			float:left;
			height:32px;
			border:0px none;
			background: transparent url(../pics/swingdosamba_01_hl.png) no-repeat;}
			
#button2 {display:block;
			width:94px;
			float:left;
			height:32px;
			border:0px none;
			background: transparent url(../pics/swingdosamba_11_hl.png) no-repeat;}
			
#button3 {display:block;
			width:83px;
			float:left;
			height:32px;
			border:0px none;
			background: transparent url(../pics/swingdosamba_03_hl.png) no-repeat;}

#button4 {display:block;
			width:85px;
			float:left;
			height:32px;
			border:0px none;
			background: transparent url(../pics/swingdosamba_07_hl.png) no-repeat;}
			
#button5 {display:block;
			width:94px;
			float:left;
			height:32px;
			border:0px none;
			background: transparent url(../pics/swingdosamba_05_hl.png) no-repeat;}
			
#button6 {display:block;
			width:112px;
			float:left;
			height:32px;
			border:0px none;
			background: transparent url(../pics/swingdosamba_09_hl.png) no-repeat;}
/* Ende der Einstellungen Bildwechsel im Navibereich */ 

/**************************************************************************/

/* Beginn Steuerung des Kontaktformulars */
div#inhalt form {text-align:left; padding-top:9px; font-size:1.5em;}
label {width:100px; float:left; line-height:1.6em; color:#ffff00;}  
input, textarea {width:250px; line-height:1.5em;}
.input {width:170px;}
br {clear:left;}
/* Ende Steuerung des Kontaktformulars */

/* Beginn Steuerung der Fusszeile */
#footer { font-size:1em; text-align:center;}
#footer a:link {color:#ffff00; }
/* Ende Steuerung der Fusszeile */

/**************************************************************************/
/* Ende CSS Dokument */