/*www.vonLoeper.de/nahundfern.html/golfseite.html
Autor: Ariadne-Medienagentur
Datum: 14.11.2005*/
body                        { margin: 0; padding: 0 }
#logo     { font-family: "Times New Roman", Times, serif; font-variant: small-caps; text-align: center; letter-spacing: 1px; margin-top: 0; margin-bottom: 0; padding-bottom: 10px }
.logo_schrift   { color: #090; font-size: 18pt; font-family: "Times New Roman", Times, serif; font-variant: small-caps; font-weight: bold; text-align: center; letter-spacing: 1px; margin-top: 0; margin-bottom: 2px }
.logo_webadresse     { font-size: 10pt; font-family: "Times New Roman", Times, serif; font-variant: small-caps; text-align: center; letter-spacing: 1px; margin-top: 0 }
h1   { color: #090; font-size: 14pt; font-family: "Times New Roman", Times, serif; font-weight: bold; margin: 0; padding: 0; width: 250px }
h2   { color: #000; font: bold 12pt Verdana, Arial, Helvetica, sans-serif; margin: 0 0 5px; padding: 0 }
h3   { color: #000; font-size: 12pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: bold; margin: 1px 0 0; padding: 0 }
h4   { color: #060; font-size: 10pt; font-weight: bold }
p     {	font-size: 9pt }


a:link  { color: #d2000c; text-decoration: none }
a:visited  { color: #d2000c; text-decoration: none }
a:hover, a:active      { color: #50b543; text-decoration: none }
.span   { color: #d2000c }
span   { font-size: 94%; font-weight: bold }
strong { font-style: italic; font-weight: bold }
ul  {	font-size:       10pt;
	list-style-type: none }

/*Hauptcontainer - beinhaltet ALLE restlichen Elemente*/
#seitenrahmen                          { background-color: #fff; background-repeat: repeat-y; background-position: 0 0; text-align: left; margin: 0 auto; width: 980px }
/*Platz fır Logo/Bild von Loeper Literaturverlag - Buchseite*/
#logozeile_golfbild           { background-color: transparent; background-image: url("../bilder/bild_kopfzeile_golf.jpg"); background-repeat: no-repeat; background-position: 58px 0; position: relative; z-index: 3; height: 130px }
#logozeile_nahundfern     { background-image: url("../bilder/nah_fern_verlauf.gif"); background-repeat: no-repeat; background-position: 58px 0; position: relative; z-index: 3; height: 130px }
#logozeile     { background-image: url("../bilder/logozeile_081105_vollbild.jpg"); background-repeat: no-repeat; background-position: 0 0; position: relative; z-index: 3; height: 130px }
#logozeile1    { background-image: url("../bilder/fusszeile_081105.jpg"); background-repeat: no-repeat; background-position: 0 0; text-align: left; display: inline; margin: 0; padding: 0; position: relative; z-index: 3; left: 0; height: 20mm }
#klotz_R     { font-size: 0.8em; background-color: #a5d991; text-align: center; margin: 0; padding: 0; width: 98px; height: 130px }
#klotz_R_nahundfern { font-size: 0.8em; background-color: #000; text-align: center; margin: 0; padding: 0; width: 98px; height: 130px }
/*INAKTIV: Navigation auf Kopfzeile (Bild) Ebene.Hauptnav li und Hauptnav li a, display:block */
#Hauptnav1       { color: #272900; font-size: 85%; margin-top: 0; float: left }
#Hauptnav1 ul    { list-style-type: none; margin: 0; padding: 0; float: left }
#Hauptnav1 li    { display: inline; margin: 1px; padding: 0 }
#Hauptnav1 li a    { color: #8c3737; font-weight: bold; text-decoration: none; display: inline; padding-top: 1px; padding-bottom: 1px; padding-left: 5px }
#Hauptnav1 li a:hover   { color: #000; text-decoration: underline }
/*Pfad der Seite (Wo befinde ich mich?)*/
#pfad                  {	color:         #272900;
	font-size:     11px;
	display:       none;
	margin-bottom: 10px;
	margin-left:   0;
	padding:       2px 0 2px 13px }

#pfad a:link  { color: #d2000c; font-variant: small-caps; text-decoration: none }
#pfad a:hover     { color: #50b543; font-variant: small-caps; text-decoration: underline }
#pfad a:visited   { color: #d2000c; font-variant: small-caps; text-decoration: none }
/*zweite Navigation */
#Vnav                 { display:none }
#Vnav ul          { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; background-color: #fff; list-style-type: none; margin-top: 0; margin-left: 0; padding-top: 0; padding-left: 0; width: 126px; float: left }
#Vnav ul ul    { background-color: #fff; padding-left: 3px }
#Vnav ul ul li   { font-variant: normal; background-color: #fff; list-style-type: none; margin-left: 0; padding-left: 6px }
#Vnav li        { color: #d2000c; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; background-color: #fff; background-position: -10px 0; display: block; padding: 2px; width: 126px }
#Vnav li a           { color: #d2000c; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; display: block; width: 126px }
#Vnav li a:hover       { color: #50b543; text-decoration: none; background-position: 0 0 }
/*Inhalt der Seite*/
#inhalt                     {	font-size: 12pt;
	top:       0;
	float:     left }

#seiteninhalt                   { line-height: 120%; padding-bottom: 50px; position: relative; top: 0; left: 40px; width: 680px; float: left }
#seiteninhalt ul { list-style-type: none }
#seiteninhalt li { display: block; margin-top: 2px; margin-bottom: 2px; padding: 0 2px; width: 135px }
#seiteninhalt li a { color: #060; font-size: 75%; font-weight: bold; text-decoration: none }
#seiteninhalt li a:hover { text-decoration: underline }
/*Spalten fır Verlagsseite (3_Spalten)links;mitte;rechts.*/
.spalte_links                   { background-image: url("../bilder/spalte_verlauf.jpg"); background-repeat: repeat-x; display: block; padding: 10px; position: relative; top: 5px; left: 5px; width: 220px; float: left }
.spalte_mitte { background-color: #fff; background-image: url("../bilder/spalte_verlauf.jpg"); background-repeat: repeat-x; background-position: 0 0; margin-bottom: 20px; padding: 10px; position: relative; top: 5px; right: 15px; left: 15px; width: 220px; float: left; clear: none }
.spalte_rechts { background-image: url("../bilder/spalte_verlauf.jpg"); background-repeat: repeat-x; padding: 0 10px 10px; position: relative; top: 5px; left: 25px; width: 220px; float: left }
.spalte_rechts ul { font-family: Verdana, Arial, Helvetica, sans-serif; list-style-type: none; display: block; margin: 0; padding: 8px 4px 170px 10px }
.spalte_rechts li { color: #d2000c; font-variant: small-caps; text-decoration: none; list-style-type: none; display: block }
.spalte_rechts li a { color: #d2000c; font-variant: small-caps }
.col1   {	background-repeat:   repeat-x;
	background-position: 0 -120px;
	display:             block;
	margin:              0;
	padding:             2px;
	position:            relative;
	top:                 0;
	left:                0;
	width:               720px;
	float:               left;
	border-right:        1px solid #ccc;
	border-left:         1px solid #ccc }
.col2      {	font-size:           10pt;
	background-image:    none;
	background-repeat:   repeat-x;
	background-position: 0 -120px;
	margin:              0 0 0 5pt;
	padding:             0;
	left:                0;
	float:               left }


.col_inhalt { line-height: 125%; background-image: url("../bilder/spalte_verlauf.jpg"); background-repeat: repeat-x; background-position: 0 0; display: block; margin-bottom: 20px; padding: 10px 20px; position: relative; top: 5px; left: 20px; width: 685px; float: left }
.col_verlag { line-height: 125%; background-image: url("../bilder/spalte_verlauf.jpg"); background-repeat: repeat-x; background-position: 0 0; display: block; margin-bottom: 20px; padding: 10px; position: relative; top: 5px; left: 20px; width: 705px; float: left }
.col_verlag a:link { text-decoration: none }
.col_verlag a:hover  { color: #50b543 }
.spalte_links1     { font-size: 8pt; background-image: none; background-repeat: repeat-x; background-position: 0 -20px; display: block; margin: 0; padding: 10px; position: relative; left: 5mm; width: 70mm; float: left }
.spalte_rechts1              { font-size: 8pt; background-image: none; background-repeat: repeat-x; background-position: 0 0; display: block; margin: 0; padding: 0; position: relative; left: 10mm; width: 70mm; float: left }
.spalte_rechts1 ul  { color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; list-style-type: none; display: block; margin: 0 0 0 10px; padding-top: 3px; padding-left: 0 }
.spalte_rechts1 li  { color: #000; text-decoration: none; list-style-type: none; display: block; padding: 0 0 2px }
.spalte_rechts1 a:link  { color: #000 }
.spalte_rechts1 a:visited { color: #000 }
.spalte_rechts1 a:hover  { color: #999; text-decoration: underline }
.spalte_links2 { background-image: url("../bilder/spalte_verlauf.jpg"); background-repeat: repeat-x; background-position: 0 -140px; margin: 0; padding: 10px; position: relative; top: 5px; left: 15px; width: 220px; float: left }
.spalte_rechts2             { background-image: url("../bilder/spalte_verlauf.jpg"); background-repeat: repeat-x; background-position: 0 -80px; display: block; margin: 0; padding: 10px 10px 70px; position: relative; top: 5px; right: 5px; width: 460px; float: right }
.spalte_rechts2 ul     { font-family: Verdana, Arial, Helvetica, sans-serif; list-style-type: none; display: block; margin: 5px 0 0 5px; padding-bottom: 4px; padding-left: 5px }
.spalte_rechts2 li   { color: #000; text-decoration: none; list-style-type: none; display: block; padding: 2px 2px 2px 6px }
.spalte_rechts2 a:link { color: #000; text-decoration: none }
.spalte_rechts2 a:hover { color: #d2000c; text-decoration: underline }
.spalte_rechts2 a:visited  { color: #d2000c; text-decoration: none }
/*Spalte5 = Spalte"Der Mensch im Mittelpunkt"*/
#spalte5    {	background-color: #fff;
	position:         relative;
	top:              0;
	left:             150px;
	width:            90px;
	height:           100px;
	min-width:        98px;
	float:            left }


#klotz_R_spalte5       {	font-size:        9pt;
	font-weight:      bold;
	background-color: #a5d991;
	margin:           0;
	padding:          0;
	position:         absolute;
	top:              0;
	width:            90px;
	height:           120px }

/*Fusszeile Formatierungen*/
#anker     { display: none; color: #333; font-size: 0.8em; text-decoration: none; background-repeat: no-repeat; background-position: 0 0; text-align: center; margin: 10px 0 5px 275px; padding: 0 0 1px; position: relative; width: 450px; height: auto; clear: both; overflow: hidden; border-top: 0 none; border-bottom: 1px dashed #a5d991 }
#fusszeile                       {	color:               #000;
	text-decoration:     none;
	background-color:    #fff;
	background-image:    none;
	background-repeat:   no-repeat;
	background-position: 0 0;
	text-align:          right;
	visibility:          hidden;
	display:             none;
	margin:              0;
	padding:             0;
	position:            absolute;
	bottom:              0;
	width:               880px;
	height:              50px;
	clear:               both;
	overflow:            hidden }



#fusszeile ul       {	margin-top:     3px;
	margin-bottom:  0;
	margin-left:    0;
	padding-top:    0;
	padding-bottom: 0;
	padding-left:   0;
	float:          left }

#fusszeile li   {	color:           #000;
	font-size:       12pt;
	list-style-type: none;
	display:         block;
	margin-top:      5px;
	padding:         0 10px }

#fusszeile ul li a  {	color:           #333;
	font-weight:     bold;
	text-decoration: none }


/*Sitemap formatierungen*/
#seiteninhalt_sitemap              { font-size: 90%; line-height: 120%; background-image: url("../bilder/spalte_verlauf.jpg"); background-repeat: repeat-x; background-position: 0 -180px; margin-right: 5px; margin-left: 20px; padding: 10px 10px 100px; position: relative; top: 5px; left: 8px; width: 705px; float: left }
#seiteninhalt_kontakt   { font-size: 85%; line-height: 120%; background-image: url("../bilder/spalte_verlauf.jpg"); background-repeat: repeat-x; background-position: 0 -250px; margin-right: 24px; margin-bottom: 50px; padding-right: 10px; padding-bottom: 50px; position: relative; top: 5px; left: 27px; width: 717px; float: left }
#seiteninhalt_sitemap ul  { list-style-type: none }
#seiteninhalt_sitemap li   { display: block; margin-top: 2px; margin-bottom: 2px; padding: 5px; width: 135px }
#seiteninhalt_sitemap li a   { color: #000; font-weight: bold; text-decoration: none }
#seiteninhalt_sitemap li a:hover     { color: #d2000c; text-decoration: underline }
.links_sitemap       { padding: 10px; position: relative; top: 20px; left: 110px; width: 200px; float: left }
.rechts_sitemap   { padding: 10px; position: relative; top: 20px; left: 100px; width: 150px; float: left }
.kontakt   { font-size: 12px; line-height: 120%; padding: 10px 10px 150px; position: relative; top: 20px; left: 150px; width: 450px; float: left }
/*Eigenschaften der Bilder*/
.left { margin: 10px 5px 250px 0; position: relative; float: left }
.image_inhalt    { margin: 10px 0 5px 0; padding: 0 0 0 0 }
.bildlinks         { margin-top: 10px; margin-right: 60px; margin-left: 5px; padding-bottom: 250px; position: relative; float: left }
.logo        { display: inline; margin: 0 12px; padding-top: 30px }
.bildrechts   {	display:  none;
	margin:   5px;
	padding:  5px;
	position: relative;
	float:    right }

.imageleft                  { margin: 0; padding: 0 2px 2px; float: left; clear: both }
.imageleft_klein  { margin: 0; padding: 0 3px 0 2px; float: left; clear: both }
.imageright  { margin: 0 0 3px; padding: 0; float: right }
.imagecenter    { margin: 0 0 0 20px; padding: 0 }
/*Spielraum - andere Formatierungen*/
.impressum { background-color: transparent; position: relative; width: 100%; height: 1%; border-style: none; border-width: medium; border-color: transparent   }
.current             { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
.fett { font-size: 98%; font-weight: bold }

.on          { font-style: italic; border-left: 1px solid #bacb92 }
.bestellen    { font-weight: bold; margin-left: 3px; width: 135px }
.clear         { float: none; clear: left }
.separator      { padding-top: 2px; padding-bottom: 5px; float: none; clear: left; border-bottom: 1px solid #c99 }
.highlight_text            { background-color: #d6e3b5; margin-top: -2px; margin-bottom: 20px; padding: 3px 3px 20px; width: 450px; float: left; border-top: 3px solid #4b6617 }
.highlight_text_nahundfern  { background-color: #d8d1c5; margin-top: -2px; margin-bottom: 20px; padding: 3px 3px 20px 2px; width: 445px; float: left; border-top: 3px solid #947b6a }
.highlight_text_spL        { background-color: #cfc; margin-top: 0; margin-bottom: 5px; padding: 0 3px 5px; width: 350px; float: right; border-top: 1px solid #060 }
.highlight_textR_nahundfern_editorial      { color: #fff; font-size: 83%; line-height: inherit; background-color: #8c3737; margin-top: 10px; margin-bottom: 0; margin-left: 5px; padding: 3px 5px 5px; width: 300px; float: right }
.highlight_textL_nahundfern_editorial    { color: #fff; font-size: 83%; line-height: inherit; background-color: #8c3737; margin: 0 5px 0 0; padding: 3px 5px 5px; width: 300px; float: left }
.visitenkarte     { background-color: #d6e3b5; margin-top: 3px; padding: 3px 6px 5px 3px; float: left; border-top: 3px solid #4b6617 }
.visitenkarte_nahundfern       { color: #000; line-height: 120%; text-decoration: none; background-color: #d8d1c5; margin: 3px 0 0; padding: 5px 15px; float: left; border-top: 3px solid #947b6a }
.visitenkarte_nahundfern a { color: #000; text-decoration: none }
.visitenkarte_nahundfern a:hover { color: #999; text-decoration: none }
.gedicht_nahundfern      { color: #000; font-style: italic; line-height: 120%; text-decoration: none; background-color: #e1e8f0; margin: 3px 0 0 1px; padding: 5px 3px 5px 5px; width: 210px; float: left; border-top: 2px solid #666 }
.fussnote_nahundfern   { color: #000; font-size: 10px; font-style: normal; line-height: 120%; text-decoration: none; background-color: #e1e8f0; text-align: left; margin: 0; padding: 5px 3px 5px 5px; width: 210px; float: left; border-bottom: 2px solid #666 }
.highlight_navi            { background-color: #cfc; padding: 2px; width: 135px; float: left; border: solid 1px #060 }
.abstand       { background-color: #fff; background-repeat: repeat-y; display: block; width: 100%; height: 100px }
.red        { color: #d2000c; font-variant: small-caps; font-weight: bold; letter-spacing: 0.5px; margin: 0; padding: 0 }
.rahmen { background-color: #ccc; padding: 10px; border-right: 5px solid #fff }
.rahmen ul { list-style-type: none; display: block }
.rahmen ul li { list-style-type: none; display: block; margin: 0; padding: 0 }

.kursiv { font-style: italic; font-weight: bold }
.rechts     {	text-align: right;
	visibility: hidden;
	display:    none;
	padding:    0;
	float:      left }


.gross { font-size: 1.2em }
.mensch { color: #090 }
.hintergrund { font-size: 105%; font-family: "Times New Roman", Times, serif; font-variant: small-caps; letter-spacing: 1px; padding: 2px; border-bottom: 1px solid #666 }
.button   { color: #8c3737; background-color: #ccc; margin-left: 0; padding: 2px }
/*Fır den efa_ FontsizeScript*/
.script    { line-height: 20px; margin: 0; padding: 3px 0; position: relative; top: 0; width: 98px }
.textR { margin-top: 2px }
.none { }
.text    {	font-size: 10pt }

.field   { margin-bottom: 5px; padding: 5px; border: solid 1px #8c3737 }