/* CSS-Formate für Golf-5-Seiten */

html {
	/* Höhe auf 110% damit alle Seiten einen Scrollbalken haben */
	height: 110%;
}

/* Hintergrundfarbe fuer alte Browser, Verlauf fuer aktuelle, Seite zentrieren */
body {background-color:#F9F9F9;
      background: linear-gradient(left, #E9F2FC 0%, #ffffff 30%, #ffffff 70%, #E9F2FC 100%);
      background: -moz-linear-gradient(left, #E9F2FC 0%, #ffffff 30%, #ffffff 70%, #E9F2FC 100%);
      background: -ms-linear-gradient(left, #E9F2FC 0%, #ffffff 30%, #ffffff 70%, #E9F2FC 100%);
      background: -webkit-linear-gradient(left, #E9F2FC 0%, #ffffff 30%, #ffffff 70%, #E9F2FC 100%);
      background: -o-linear-gradient(left, #E9F2FC 0%, #ffffff 30%, #ffffff 70%, #E9F2FC 100%);
      color:#000000;
      margin: 0px;
      /* Zentrierung fuer alte Browser */
      text-align: center;
      height:110%;
      }

#bodyinfo {background-color:#F9F9F9;
      background: linear-gradient(top, #E9F2FC 0%, #ffffff 100%);
      background: -moz-linear-gradient(top, #E9F2FC 0%, #ffffff 100%);
      background: -ms-linear-gradient(top, #E9F2FC 0%, #ffffff 100%);
      background: -webkit-linear-gradient(top, #E9F2FC 0%, #ffffff 100%);
      background: -o-linear-gradient(top, #E9F2FC 0%, #ffffff 100%);
      color:#000000;
      margin: 10px;
      text-align: left;
      }


/* umfasst den kompletten Seiteninhalt fuer Zentrierung */
#container_frame {
	background-color:#F9F9F9;
	/* Zentriert den Div-Container */
	margin:auto auto;
	/* minimale Höhe von 100% wenn der Content nicht die ganze Seite füllt */
	min-height:100%;
	position: relative;
	width:1050px;
	/* Content ausserhalb den Containers verhindern */
	overflow:hidden;
	/* Schatten am Uebergang zum Hintergrund */
         -webkit-box-shadow: 1px 3px 19px #666;
         -moz-box-shadow: 1px 3px 19px #666;
         box-shadow: 1px 3px 19px #666;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
         /* text-align center aus body wieder aufheben */
         text-align: left;
         /* für alten IE hinzu */
         border-left:1px solid lightgrey;
         border-right:1px solid lightgrey;
}



/* Arial als Standard-Schrift */
body,p,ul,ol,li,div,td,th,address,blockquote,nobr,a {font-family:"Trebuchet MS",Tahoma, Geneva,Arial,Helvetica,sans-serif;}
h1,h2,h3,h4,h5,h6 {font-family:"Trebuchet MS", Tahoma, Geneva,Arial,Helvetica,sans-serif;}

/* Standard-Text in 11 Punkt-Höhe */
body,p,ul,ol,li,div,td,th,address,nobr {font-size:11pt;}

/* Uberschriften */
h1 {font-size:18pt;}
h2 {font-size:16pt;}
h3 {font-size:14pt;}
h4 {font-size:12pt;}
h5,h6 {font-size:8pt;}
h6 {font-weight:normal;}
h6 b {font-size:8pt;}
sub {font-size:6pt;}
sup {font-size:6pt;}

/* weil Listenzeichen bei NC4.x sonst circle ist */
ul {list-style-type:disc;}

/* Liste mit grossen Abstand nach Absatz - in Tabellen! - (Modelljahr) */
ul.abst {list-style-type:none;margin-left:0px; margin-top:0px;}
ul.abst li {margin-bottom:10px; }

/* für info-fenster mit rand */
.rand {margin: 10px;}

/* Hintergrundfarbe des Golf-VI-Bereichs */
.farbe {background-color:#dee8ef;}

/* für Tabellen in Startseite mit umrahmten einzelnen Zellen, abgerundet und mit Schatten */
.rahmen {line-height:18pt;
	border:1px solid black;
	background-color:#dee8ef;
	background: linear-gradient(top, #dee8ef 0%, #dee8ef 30%, #f1f7fd 100%);
	background: -moz-linear-gradient(top, #dee8ef 0%, #dee8ef 30%, #f1f7fd 100%);
	background: -ms-linear-gradient(top, #dee8ef 0%, #dee8ef 30%, #f1f7fd 100%);
	background: -webkit-linear-gradient(top, #dee8ef 0%, #dee8ef 30%, #f1f7fd 100%);
	background: -o-linear-gradient(top, #dee8ef 0%, #dee8ef 30%, #f1f7fd 100%);
	vertical-align:top;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow: 8px 8px 7px #666 ;
	-webkit-box-shadow: 8px 8px 7px #666;
	box-shadow: 8px 8px 7px #666;
	}


/* Text mit linkem Randabstand */
.lrand {padding-left:12px; line-height:18pt;}

/* Tabelle mit 5Pixel Platz zum linken Seitenrand */
table.lrand {margin-left:5px; background-color:#dee8ef; border-collapse:collapse;}

/* Golf: Ueberschriften fuer Rubriken formatieren */
.head {background-color:#dee8ef;
       background: linear-gradient(left, #dee8ef 0%, #dee8ef 50%, #e9f4fb 90%, #F9F9F9 100%);
       background: -moz-linear-gradient(left, #dee8ef 0%, #dee8ef 50%, #e9f4fb 90%, #F9F9F9 100%);
       background: -ms-linear-gradient(left, #dee8ef 0%, #dee8ef 50%, #e9f4fb 90%, #F9F9F9 100%);
       background: -webkit-linear-gradient(left, #dee8ef 0%, #dee8ef 50%, #e9f4fb 90%, #F9F9F9 100%);
       background: -o-linear-gradient(left, #dee8ef 0%, #dee8ef 50%, #e9f4fb 90%, #F9F9F9 100%);
       line-height:16pt;
       font-size:11pt;
       margin-right:2%;
       font-weight:bold;
       margin-top:30px;}

/* zentrierter Text  ---  noch nicht genutzt --- */
.center {text-align:center; vertical-align:middle; }

/* Liste mit def. Zeilenhöhe */
.fest {line-height:160%;}

/* für kleine Schrift */
.klein {font-size:8pt;}

/* Standard Links */
a:link {color:#0000FF;}
a:visited {color:#229BA2;}
a:hover {color:#0000A0; text-decoration:underline;}
a:active {color:black; text-decoration:none;}
/* wird benötigt weil Anker sonst auch hoover Eigenschaft bekommen*/
a:hover[name] { color:inherit;
                text-decoration:inherit;}

/* markiert Ziel eines internen Spungs */
:target {background:#dee8ef;}

/* für Navigation-Links in unterseiten */
a.nav:link {color:#444A7A; text-decoration:none;}
a.nav:visited {color:#444A7A; text-decoration:none;}
a.nav:hover {color:#0000ff; text-decoration:underline;}
a.nav:active {color:black; text-decoration:none;}

/* Links in Menüzeile und Startseite */
a.menu:link {color:#444A7A; font-weight:bold; text-decoration:none; font-size:8pt; }
a.menu:visited {color:#444A7A; font-weight:bold; text-decoration:none; font-size:8pt; }
a.menu:hover {color:#0000FF; font-weight:bold; text-decoration:none; font-size:8pt; }
a.menu:active {color:#0000FF; font-weight:bold; text-decoration:none; font-size:8pt; }

/* externe Links kennzeichnen */
a.ext { background:url(pic/link_extern.gif) no-repeat center left;
            padding-left:16px; }


/* Tabellen mit dünnem schwarzen Rand */
/* class extra für Tabelle und jede einzelne Zelle anwenden! */
table.extra {margin:5px; border-collapse:collapse;}
/* Tabellenzelle für Überschrift - dunkler Hintergrund, zentriert, fette Schrift */
th.extra1 {text-align:center; background-color:#CCCCCC; vertical-align:middle; border:1px solid black; font-weight:bold;  padding-left:5px; padding-right:5px;}
td.extra1 {text-align:center; background-color:#CCCCCC; vertical-align:middle; border:1px solid black; font-weight:bold;  padding-left:5px; padding-right:5px;}
/* Tabellenzelle für Bemerkungen - dunkler Hintergrund, zentriert, kleine fette Schrift */
td.extra2 {text-align:center; background-color:#CCCCCC; vertical-align:middle; border:1px solid black; font-size:8pt; font-weight:bold;  padding-left:5px; padding-right:5px;}
th.extra2 {text-align:center; background-color:#CCCCCC; vertical-align:middle; border:1px solid black; font-size:8pt; font-weight:bold;  padding-left:5px; padding-right:5px;}
/* einzelne Tabellenzelle, zentriert */
td.extra3 {text-align:center; vertical-align:middle; border:1px solid black;}
/* einzelne Tabellenzelle, zentriert, fette Schrift */
td.extra4 {text-align:center; vertical-align:middle; border:1px solid black; font-weight:bold;}
th.extra4 {text-align:center; vertical-align:middle; border:1px solid black; font-weight:bold;}
/* einzelne Tabellenzelle, linksbündig */
td.extra5 {text-align:left; vertical-align:middle; border:1px solid black;}

/* Ersatz für font size - 1 */
.kleiner {font-size:75%;}

/* Ersatz für font color */
.red {color:#FF0000;}
.blue {color:#0000FF;}

/* Stand Datum formatieren */
.stand {font-size:8pt;
        font-weight:bold;
        text-align:right;}

/* Ersatz für center */
.mitte {text-align:center;}
td.mitte table {margin:0 auto;}
/* korrekt geht es so:  ACHTUNG: BREITE ANPASSEN
.mitte {text-align:center; margin:auto; width:500px;}
*/


/* Ersatz für valign=top */
.oben  {vertical-align:top;}

/* Ersatz für valign=middle */
.vmitte  {vertical-align:middle;}

/* Pfeil-Icon mittig setzen */
.pfeil {position:relative;
        top:4px;
        border:0;}

/* Kamera-Icon */
a.cam { background:url(../pic/icon_camera.gif) no-repeat center left;
        padding-left:20px;
        padding-top:2px;
        white-space:nowrap;}

/* unten Abstand */
.uluft  {padding-bottom:12px;}


/* Positionierung von Menu und Inhalt */
div#Inhalt {    position:static; top:103px ; left:0px;
                margin: 0 20px 100px 10px;
                padding: 10px 30px 0 10px;
                max-width:850px;
                text-align: left;
}

/* wird nur von IE6 interpretiert, Seitenbreite fix, da max-width nicht bekannt ist */
* html div#Inhalt {width:780px;}

div#nav_unten { text-align:center;
                clear:both;
                font-size:8pt;
                color:#808080;
                margin: 3px 0px 10px 0px;
}

div#nav_unten a.menu {font-weight:normal;}