/*
*****************************************************
 url					: www.golf-duesseldorf.de
 erstellt 			: 01-03-2008 
 Aenderung			: 07-03-2008 
 CSS +  Webdesign	: 

*****************************************************
 (c) 2008     Golfanlage Düsseldorf-Grafenberg e.V.
*****************************************************

Farben:
Gruen: #BAAB60
Beige: #D9D7CA
Schwarz: #373535
Grau: #373535

Body 
----------------------------------------------------*/
 * {
margin: 0;
padding: 0;
} 
 
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, "Trebuchet MS", Tahoma, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 170%;
	text-align: center;
	color: #333;
	background: #679000 url(../elemente/layout/bg-gruen.jpg) repeat-y center 0;
}

img { border: none; }

a { text-decoration: none;}

.clear {clear: both; 
	font-size: 1px; 
	float: none;
	height:1px;
	margin-top:-1px;
	line-height: 1px;
}
	
.hide {display: none;}

/*  Interface
----------------------------------------------------*/

#wrap {	
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 860px;
	height: 100%;
	background: #fff url(../elemente/layout/bg-header.jpg) no-repeat 0 0;	
}

#logo 	{
	float: left;
	height: 89px;
	width: 189px;
	padding:0;
	margin: 8px 0 0 34px;
}

#logo a:link, #logo a:visited, #logo a:active {
	background-image: none;
}

#header	{
	padding:0; margin:0;
	height: 240px;
}

#headerimage 	{
	padding: 0px; 
	width: 517px;
	height: 310px; 
	margin:0px 0 0 0px;
}

#home #headerimage 	{
	padding: 0px; 
	width: 517px; width: 415px;width: 440px;
	height: 310px; height: 249px; height: 262px;
	margin:0px 0 0 0px;
}

#main	{
	padding:0;
	margin: 25px 0 0 0px;
	width:860px;
}

#sidebar {
	float: right;
	height: 600px;
	width: 282px;
	padding: 0; 
}

#home #sidebar {
	float: right;
	height: 600px;
	width: 168px;
	padding: 0;
	margin: 0;
}

* html #home #sidebar { width: 155px;margin-right:-10px} /* nur fuer IE 5.5 - 6.x */
html + body #home #sidebar { width: 155px; margin-right:-10px } /* nur vom IE 5.0 */

#leftcolumnhome {
	float: left;
	height: 1130px;
	width: 185px;
	margin: 0 20px 0 0;
	padding: 0; 
	background: transparent url(../elemente/layout/bg-dot-subnav-linesenkrecht.gif) repeat-y 100% 0px;
}

* html #leftcolumnhome { margin: 0 20px 0 0;} /* nur fuer IE 5.5 - 6.x */
html + body #leftcolumnhome { margin: 0 20px 0 0; } /* nur vom IE 5.0 */

#leftcolumnhome p {
	font-size:11px;
	margin:0 18px 0 0;
}

#content	{		
	float: left;
	margin: 0;
	padding: 0;
	width: 553px;  
	background: transparent url(../elemente/layout/bg-dot-subnav-linesenkrecht.gif) repeat-y 100% 0px;
	min-height: 850px;
}

* html #content { height:850px;} /* nur fuer IE 5.5 - 6.x */
html + body #content { height:850px; } /* nur vom IE 5.0 */

#home #content	{		
	float: left;
	margin: 0;
	padding: 0;
	width: 445px;  width: 470px;
	background: transparent url(../elemente/layout/bg-dot-subnav-linesenkrecht.gif) repeat-y 100% 0px;
	min-height: 850px;
}

#footer	{
	font-size: 0.9em;
	height: 75px;
	margin: 35px 0px 0 0px;
	border-top: 2px solid #eee;
	padding: 10px 0 0 0px;
	color: #777;
	background: #fff url(../elemente/layout/grasaaa.jpg) no-repeat center 35px;
}

#topbar	{	
	display: inline; 
	margin: 0;
	float:right;
}

#topbar #oben {
	padding: 0 10px 0 2px;
	background:  url(../elemente/layout/uparrow.gif) no-repeat 95% 7px;
}

.leftcolumn {
	float:left;
	width: 49%;
	padding:0;
	margin:0;
}

.rightcolumn {
	float:right;
	width: 50%;
		padding:0;
	margin:0;
}

/*  Links 
----------------------------------------------------*/

a:link {color: #999900; 
	text-decoration: none;
	padding: 0 0 1px 0;
}

a:visited {color: #999900; 
	text-decoration: none;
	padding: 0 0 0px 0;
	margin:0; 
}

a:hover {
	color: #444;
	text-decoration: none;
	padding: 0 0 1px 0;
}

a:active {
	color: #90C84B;color: #999900;
	text-decoration: none;
	padding: 0 0 1px 0;
}


#footer a:link, #footer a:visited, #footer a:active, 
#topbar a:link, #topbar a:visited, #topbar a:active {
	color: #777;
	margin: 0 3px;
	padding: 0;
}

#footer a:hover, #topbar a:hover {
	color: #990000;
	margin: 0 3px;
	padding: 0;
}

#content p a:link, #content p a:visited, #content a:active,
#sidebar p a:link, #sidebar p a:visited, #sidebar p a:active,
#home #main p a:link, #home #main p a:visited, #home #main a:active {
	border-bottom: 1px solid #ddd;	border-bottom: 0px solid #ccc;	
	background: transparent url(../elemente/layout/dotted-linieeeee.gif) repeat-x 0 100%;
	color: #519330;  
	color:#017137; color: #990000;color:#897C04;
	padding: 0;
	margin:0;
text-decoration: underline;
}

#content p a:hover, #sidebar p a:hover, #home #main p a:hover{
	border-bottom: 0px solid #990000;
	padding: 0; 	
	margin:0;
	color: #990000; 
}

#statusnav	{
	height: 25px;
	padding: 0 0 0 8px;padding: 0 0 0 10px;
	margin: 0 0 3px 0;
	background: transparent url(../elemente/layout/icon-golffahne.gif) no-repeat 0 2px;
}


#statusnav  {
	margin: 0px 5px 0px 0px;
	 font-size:0.9em;font-family: arial, Verdana
}
#statusnav a:link, #statusnav a:visited, #statusnav a:active {
	padding: 0 0 1px 8px;
	margin: 0 3px 0 0;
	background: transparent url(../elemente/layout/arrow-subnav-up.gif) no-repeat 0px 5px;
	color: #999;
	color: #71797D;
	font-size: 1.0em;
	font-family: arial, Verdana;
}

#statusnav a:hover{
	padding: 0px 0px 1px 8px;
	margin: 0 3px 0 0;
	background: transparent url(../elemente/layout/arrow-subnav-up.gif) no-repeat 0px 5px; 
	color:#F4C126; color: #999900;
}

#statusnav #firststatus{
	padding-left: 0px;
	background-image: none;
}


/*  Headlines
-----------------------------------------------------------------------*/
h1 {
	margin: 0 28px 9px 0px;
	padding: 0px 0 3px 0px;
	font: normal 27px/32px Georgia, "Times New Roman", Verdana, Arial, Helvetica, sans-serif;
	color: #04632b;color: #333;
	text-indent: 0px;
	border-bottom: 2px solid #B32720; 
}

h3 { 
	color: #B32720;
	padding: 0px 0 0px 0px;
	margin: 0 28px 0 0;
	font: normal 17px/24px Trebuchet MS, Georgia, "Times New Roman", Verdana, Arial, Helvetica, sans-serif;
	font-variantt: small-caps;	text-transformm: uppercase;
}
 h2 {color: #B32720; 
	padding: 0px 0 0px 0px; 
	margin: 0 28px 6px 0;
	font: normal 17px/20px Trebuchet MS, Georgia, "Times New Roman", Verdana, Arial, Helvetica, sans-serif;
border-bottom: 1px solid #ddd;
}

h4 {color: #333;
	margin: 10px 28px 5px 0;
	padding: 0 0 1px 0px;
	font: bold 15px/17px Arial,  Tahoma, Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 0px solid #ddd;
	font-variant: small-caps;
}

#sidebar h6, #sidebar h6 a:link, #sidebar h6 a:visited, #sidebar h6 a:active,
#leftcolumnhome h6, #leftcolumnhome h6 a:link, #leftcolumnhome h6 a:visited, #leftcolumnhome h6 a:active {
	color: #B65233;
	color: #333;
	margin: 10px 0px 5px 0px;
	padding: 0 0 1px 0px;
	font: italic 16px/17px Georgia, Arial,  Tahoma, Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 0px solid #ddd;
	font-variantt: small-caps;
	text-decoration: none;
	background: transparent url(../elemente/layout/flower.giff) no-repeat 3px 1px;
}
#sidebar h6 a:hover{color: #990000;
}

h5 {	color: #555; 
	padding: 0 0 5px 11px;
	margin: 0 28px 5px 0px;
	font: bold 11px/14px Trebuchet MS, Lucida Sans, Tahoma, Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #ddd;
	text-transform: uppercase;
	background: transparent url(../elemente/layout/icon-golffahne.gif) no-repeat 2px 0px;
	letter-spacing: 0.0em
}

#logo h3 {
	display:block;
	width:189px;
	height:89px;
	padding:0;
	margin:0;
	text-indent:-9009px;
	background:transparent url(/elemente/logo.gif) no-repeat 0 0;
	border-bottom: 0px;
	}
	
#logo h3 a:link, #logo h3 a:visited, #logo h3 a:hover, #logo h3 a:active{
	display:block;
	width:100%;
	height:100%;
	outline:none;
	border-bottom: 0px;
	}



#alletermine {
	text-align: right;
	font-style: italic;
	margin: 0 0 0 0px;
	padding: 0 0 0 5px;
	backgroundd: transparent url(../elemente/layout/icon_events.gif) no-repeat 0px 0;
}

#termine{
	margin: 0 20px 0 20px;
	background: transparent url(../elemente/layout/icon_events.gif) no-repeat 2px 0;
}

p {font-size: 1.0em;
	line-height: 1.4em;
	margin: 0 28px 15px 0;
	padding: 0;
}

#sidebar p {
	font-size: 0.9em;	
	line-height: 1.3em;
	margin: 0 0px; margin: 0 0px 15px 0;
	padding: 0;
}

.linkitem {
	line-height: 1.8em;
	margin:0;
	padding:0 0 0 10px;
	background: transparent url(../elemente/layout/arrow-subnav-up.gif) no-repeat 2px 8px;
	border-bottom: 0px solid #eee;
}

#footer p {
	font-size: 1.0em;	
	line-height: 1.7em;
	margin: 0;
	padding: 0;
}

i {font-style: italic;
	color: #776655;
}

b, strong {	
	font-weight: bold;
	color: #444;
}

#footer em {	
	font-style: normal;
}

.color {
	color: #bbb;
}

.new	{
	float: left;
	width: 253px;
	height: 100px;
	margin: 0;
	padding: 10px 0 0 0;
	background: transparent url(../elemente/layout/arrow-subnav-up.gif) no-repeat 5px 5px;
}
.red {
	color: #AF0024;color: #990000;
}
.colored {

	background-color: #E8E8C3;	background-color: #FFFF99;
}

.headblack {	color: #333}
.headred {	color: #CC0000}

.bggrey {
	background-color: ;
	background: #F4F4F4 url(../elemente/layout/icon-golfball.gifff) no-repeat 400px 50px;
	padding: 6px 12px 10px 5px;
	margin:-4px 25px 5px 0;	
}
.bggrey p{
	font-size: 1.0em;
	line-height: 1.4em;
}

.zitat {
	background: transparent url(../elemente/layout/zitat-first2.gif) no-repeat  0px 0;
	font: italic 16px/20px    Georgia,  "Lucida Grande", Trebuchet MS,Arial,Times, sans-serif;
	padding: 0px 27px 15px 30px;
	margin: 0;color:#555;
	color:#990002; color:#897C04; color:#bbb; color:#897C04;
}

.zitatlast {margin:0px 0 0 0;
	background: transparent url(../elemente/layout/zitat-last2.giff) no-repeat 100% 100%;
}

.newspaper {
	font-size: 0.8em;
	text-transform: uppercase;
	color: #999;
	background: transparent url(../elemente/layout/newspaper.gif) no-repeat 0 0;
	padding: 0 0 0 15px;
	margin: 0 0 12px 0;
}

.tipp {	
	border-top: 1px solid #999;
	border-bottom: 1px solid #aaa;
	margin: 0 25px 15px 0px;
	padding: 9px 10px 8px 20px;
	background: #f5f5f5 url(../elemente/layout/box.gif) repeat-x 0 0;
}

.reflect {	padding: 0 25px 15px 20px;}

table {
	font-size: 1.0em
}

.list ul, list2 ul {
	margin: 5px 0 2px 30px;
	padding: 11px 0 2px 0;
}

.list li, .list2 li {
	list-style: none;
			background: url(../elemente/layout/arrow-small-red.gif) no-repeat 0px 7px;
	background: url(../elemente/layout/arrow-green.gif) no-repeat 0px 5px;
padding: 1px 0 1px 16px;
	margin: 3px 0 0 20px;
	line-height: 1.3em;
	font-size: 1.0em;
}

#sidebar .list li, #sidebar .list2 li, #leftcolumnhome .list2 li {
	list-style: none;
	background: url(../elemente/layout/icon-golffahne.gif) no-repeat 0px 0px;
	background: url(../elemente/layout/flower.gif) no-repeat 0px -4px;
		padding: 1px 0 1px 14px;
	margin: 3px 0 0 8px;
	line-height: 1.1em;
	font-size: 0.95em;
}

#leftcolumnhome .list2 li {
	list-style: none;		padding: 1px 0 1px 14px;
	margin: 3px 0 0 8px;
	background: url(../elemente/layout/icon-golffahne.gif) no-repeat 1px 1px;
	font-size: 0.95em;
}

#leftcolumnhome .list2 li {
	list-style: none;
			padding: 1px 0 0px 0px;
	margin: 3px 0 0 0px;
	background: url(../elemente/layout/icon-golffahne.giff) no-repeat 1px 1px;
	font-size: 0.95em;
}

.platzbox {margin: 0 14px 0 0;
	background-colorrr: #fafafa;
border: none;
border-top: 1px solid #b32720;
 padding: 5px 0px 5px 7px;
} 

.platzbox {margin: 0 14px 0 0;
	background-color: #fafafa;
border: 1px solid #dfdfdf;
padding: 5px 0px 5px 7px;
line-height:17px;
font-size:11px;
}

.vorteile ul {
	margin: 5px 0 2px 30px;
	padding: 11px 0 2px 0;
}

.vorteile li {
	list-style: none;
	background: url(../elemente/layout/arrow.gif) no-repeat 0px 4px;
	padding: 1px 0 1px 16px;
	margin: 3px 0 0 20px;
	line-height: 1.3em;
	font-size: 1.0em;
}

.check ul {
	margin: 5px 0 2px 30px;
	padding: 11px 0 2px 0;
}

.check li {
	list-style: none;
	background: url(../elemente/layout/check-red.gif) no-repeat 0px 3px;
	padding: 1px 0 1px 20px;
	margin: 3px 0 0 20px;
	line-height: 1.3em;
	font-size: 1.0em;
}

.pdf ul {
	margin: 5px 0 2px 30px;
	padding: 11px 0 2px 0;
}

.pdf li {
	list-style: none;
	background: url(../elemente/layout/pdf-icon.gif) no-repeat 0px 2px;
	padding: 1px 0 1px 25px;
	margin: 3px 0 0 20px;
	line-height: 1.5em;
	font-size: 1.0em
}


.numbers ul {
	margin: 5px 0 2px 30px;
	padding: 11px 0 2px 0;
}

.numbers li {
	list-style: none;
	background-image: none;
	padding: 1px 0 1px 16px;
	margin: 3px 0 0 10px;
	line-height: 1.3em;
	font-size: 0.9em;
}



 /*  Formulare
-----------------------------------------------------------------------*/ 
 
fieldset {
	margin: 0;
	padding: 3px;
	 border: 1px solid #ddd;
}  
  
#kontakt .formkontakt, #kreditanfrage .formkredit, #newsletter .formkontakt{
	width: 100%; 
	height: auto;
	background-color: #f5f5f5;
}

.reihe {
  	clear: both;
  	margin: 0;
  	padding: 0;
}  

.feld {
  	float: left;
  	width: 270px;
  	text-align: left;
  	padding: 4px 0 0 0;
  	line-height: 17px;
} 

.label {
	height: 15px;
	width: 150px;
	margin: 0 0 0 18px;
	padding: 5px 0 0 5px;
	text-align: left;
	float: left;
}

#kontakt #knopf, #kreditanfrage #knopf, #newsletter #knopf {
  	padding: 10px 0 25px 175px; 
	margin: 0;
}

.defbreite, .defbreite2 {
  	width: 250px;
	border: 1px solid #999;
	color: #222;
	height:19px
}

.defbreite2 {
	height:80px
}

.defbreiteplz {
  	width: 42px;	
	height:19px;
	border: 1px solid #999;
	color: #222;
}

.defbreiteort {
  	width: 201px;	
	height:19px;
	border: 1px solid #999;
	color: #222;
}
.pflicht {
	color: #F66013; color: #E2000C
}

.pflichtmargin {
	padding: 13px 0 0 0;
	margin: 0 25px 13px 23px;
	display:block
}

/*  Bilder
-----------------------------------------------------------------------*/ 

.img-shadow {
	border:0px solid #ccc;
	padding:12px;
	display: block;
	background: transparent url(../elemente/layout/bg-shadow.gif) no-repeat -0px -0px;
}


.img-border {
	border: 4px solid #EEE;border: 1px solid #ddd;
	padding:4px;
	background-color: #FFF;	
}

.img-border {
	border: 4px solid #EEE;border: 3px solid #ddd;border: 3px solid #eaeaea;
	padding:1px;
	background-color: #FFF;	
}



.rightalign {
	float: right;
	margin: 0px 0 0 8px;
	line-height:0;
}

.leftalign {
	float: left;
	margin: 5px 12px 3px 0px;
	line-height:0;
}

#sidebar .leftalign {
	float: left;
	margin: 0px 4px 2px 0px;
	line-height:0;
}

#leftcolumnhome .leftalign {
	float: left;
	margin: 0px 10px 5px 0px;
	line-height:0;
}

.fotoalign {
	float: left;
	margin: 0px 0px 0 0;
	line-height:0;
	clear: all;	
}

.center {
	float: left;
	margin: 0px 0px 10px 0;
	line-height:0;
	clear: all;	
}

.fotocaption {
	
	background-color: #E8E9DE;background-color: #eaeaea;
	margin: -1px 28px 15px 0;
	padding:5px 10px ;
	font-size: 11px;
	font-family: Arial
}

/*  Navigation 
----------------------------------------------------*/


#navigation {	
	float: left;	
	height: 27px;
	width: 848px;
	margin: 190px 0px 0 20px;	margin: 92px 0px 0 8px;
	padding: 0;
}

#navigation ul {
	float: left;
	border: 0;	
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navigation ul li {
	float: left;
	text-align: center;
	margin: 0;
	padding: 0 15px 0 15px; padding: 0;	
}

#navigation ul li a { float: left;
	font: bold 1.1em/16px Arial, Tahoma, Trebuchet MS, Lucida Sans, Lucida;
	padding: 2px 10px 3px 10px;
	margin: 0;
	text-decoration: none;	
	color: #404040;color: #eee;color: #fff;color: #000;
	background-image: none;	
	border-right: 0px solid #ddd;
}

#navigation ul li a:hover {
	padding: 2px 10px 3px 10px;
	margin: 0;
	 color: #000; color: #fff;
	border-bottom: 3px solid #BAAB60;
		border-bottom: 0px solid #999;
}

#navigation ul li a.navlast, #navigation navlast{
border-right:none !important;
background: url(/elemente/.gif) no-repeat right;
}


#hn0 li {
	border-right: 6px solid #ddd;
}


/*  Unternavigation 
----------------------------------------------------*/

#subnav {	
	float: left;	
	height: 18px;
	width: 840px;
	margin: 4px 0px 0 7px;
	padding: 0;
}
	
#subnav ul {
	float: left;
	border: 0;	
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#subnav ul li {
	float: left;
	text-align: center;
	margin: 0;
	padding: 0 15px 0 15px; padding: 0;	
}

#subnav  ul li a { float: left;
	font: bold 1.0em/16px Arial, Tahoma, Trebuchet MS, Lucida Sans, Lucida;
	padding: 0px 13px 0px 13px;
	margin: 0;
	text-decoration: none;	
	color: #404040;color: #fff;color: #222;
	background-image: none;	
	border-right: 0px solid #111;
	text-transformm: uppercase;
}

#subnav  ul li a:hover {
	padding: 0px 13px 0px 13px;
	margin: 0;
	color: #cc0000;
	border-bottom: 3px solid #BAAB60;
		border-bottom: 0px solid #999;
}

/* CSS zur Gestaltung der Tabelle */
table { 
	border-collapse: collapse;
   width: 525px;
   border: 1px solid #000;  
   background: white;  
   color: black; 
   border: 0px solid #333;
	padding:0;
}

/* Tabellenzellen gestalten */
.zebratable th, .zebratable td {  
   padding: 1px 7px; 
   text-align: left;
   vertical-align: top;  
}
.zebratable th { 
   font-family: Arial, Georgia, "Times Roman", serif; 
   font-size: 12px;
   font-variant: small-caps; 
   letter-spacing: 0px; 
   font-weight: normal; 
}
.zebratable thead {background-color: #bdcd00;
	background-color: #558000;background-color: #558000;
	color: #fff;
	border-bottom: 0px solid #999;
}
.zebratable tfoot { border-top: 1px solid #999; }

/* Zebrastreifen und Hovern */
tr.zebrastreifen { background-color: #f4f4f4; color: #111; }

.zebratable tr:hover { background-color: #d90000; color: white; }
.zebratable thead tr:hover,
.zebratable tfoot tr:hover { 
   background-color: transparent; 
   color: inherit; 
}


div#pagination{
	font-family:tahoma;
	text-align:center;
}
#pagination span{
	display:block;
	float:left;
	font-size:11px;
	line-height:13px;
	margin: 2px 6px 2px 0;
}
#pagination span a{
	background-color:#ffffff;
	border:1px solid #bbbbbb;
	color:#303030;
	display:block;
	padding:1px 5px 2px 5px;
	text-decoration:none;
}
#pagination span a:hover, #pagination span a:active{
	background-color: #bbbbbb;
	border:1px solid #303030;
	display:block;
	padding:1px 5px 2px 5px;
	text-decoration:none;
}
#pagination span.aktuell{
	background-color: #303030;
	border:1px solid #303030;
	color:#ffffff;
	font-size:11px;
	padding:1px 5px 2px 5px;
}