/*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/logozeile_buch.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;
	display:          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;
	display:          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:             none;
	padding:             2px;
	width:               126px }

#Vnav li a            {
	color:          #d2000c;
	font-family:     Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	display:         none;
	width:           126px }

#Vnav li a:hover       { color: #50b543; text-decoration: none; background-position: 0 0 }
/*Inhalt der Seite*/
#inhalt                      {
	font-size: 10pt;
	text-align: left;
	margin:     0;
	padding:    0;
	top:        0;
	width:      100%;
	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 fuer 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        {
	background-image:   none;
	background-repeat:   repeat-x;
	background-position: 0 -120px;
	left:                0;
	width:               100%;
	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;
	display:           none;
	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;
	display:          none;
	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 }