/* css Datei für hobby-angeln.com */
/* Farben: grau: #626061  gelb: #ffff00  blau: #0000ff  blau-hover: 3890FF */



body { 
font-size: 100.01%;
font-family: arial, sans-serif;
background: url(images/verlauf.jpg) repeat-x white; 
margin: 0;
padding: 0; } 

/* ------------> Parts im body: container <------------------- */

#container { 
background-color: #ffffff;
width: 53em;
height: auto;
text-align: left;
margin: 0 auto; }

/* -------------> Parts im container: navigation, navigationzwei, inhalt, werbung ---------------------- */

#head {
width: auto;
height: 110px;
background: url(images/logo2.jpg) no-repeat;
background-color: #626061; }

#navigation { 
background-color: #3F4040; 
padding: 3px;    /* höhe des roten Navibalken */
text-align: right;
font-size: 10pt;
font-weight: bold; }

#navigationzwei { 
float: left;
width: 18%;
background-color: #ffffff;
color: #000000;  }

#inhalt {
float: left;
width: 64%;
background-color: #ffffff;
color: #000000; }       

#werbung { 
float: left;
margin-top: 10px;
width: 14%;
background-color: #ffffff;
color: #000000; }

#bookmark {
float: right;
padding: 5px; }


/* -----------> NAVIGATION oben <--------------- */
/* WICHTIG ---- erst visited dann hover ------ WICHTIG */

#navigation a:link {
color: #ffff00;
text-decoration: none; }

#navigation a:visited {
color: #ffff00;
text-decoration: none; }

#navigation a:hover {
color: #3890FF; }

#navigation a:active {
color: #ffff00;
text-decoration: none; }

#navigation ul {
list-style-type: none;
display: inline;
padding: 0;
margin: 0; }

#navigation li {
display: inline;
margin: 0px 10px; }

/* -----------> erzeugt senkrechte Trennstriche in Navigation oben <----------- */

#navigation li a {
border-left: 2px solid #7F6F6F;
padding: 0px 5px 0px 17px    ; }

#navigation li a.erste {
border: none; }

/* -----------------> Navigation links <------------------------- */

#navigationzwei ul {
list-style: none; 
background-color: #626061;
padding: 2px;
margin: 0px 5px 0px 15px;
font-size: 10pt; }

#navigationzwei li {
margin: 0px 5px 0px 5px;
font-size: 10pt; }

li.navirot {
background-color: #626061;
border: none;
margin: 0;
padding: 2px 2px 2px 5px; }

h1.navi {
background-color: #626061;
color: #ffffff;
border-bottom: 2px solid #7F6F6F;
margin: 18px 5px 0px 15px;
padding: 2px 2px 2px 10px; }

#navigationzwei a:link {
color: #ffff00;
text-decoration: none; }

#navigationzwei a:visited {
color: #ffff00;
text-decoration: none; }

#navigationzwei a:hover {
color: #3890FF; }

#navigationzwei a:active {
color: #ffff00;
text-decoration: none; } 

/* -------------> Links normal <----------------- */

a:link {
color: #0000ff;
text-decoration: none; }

a:visited {
color: #0000ff;
text-decoration: none; }

a:hover {
color: #3890ff; }

a:active {
color: #0000ff;
text-decoration: none; }

/* ------------------> Links ohne <---------------- */

a.ohne:link {
color: #ffffff;
text-decoration: none; }

a.ohne:visited {
color: #ffffff;
text-decoration: none; }

a.ohne:hover {
color: #3890ff; }

a.ohne:active {
color: #ffffff;
text-decoration: none; }

/* -------------> Links Fusszeile <-------------- */

a.foot:link {
color: #ffff00;
text-decoration: none; }

a.foot:visited {
color: #ffff00;
text-decoration: none; }

a.foot:hover {
color: #3890FF; }

a.foot:active {
color: #ffff00;
text-decoration: none; } 

/* -----------------> TEXTE TEXTE TEXTE <---------------------- */

h1, h2, p { 
font-size:10pt;
letter-spacing: 0.5px; 
margin: 10px 5px 10px 5px;
padding: 2px; }

p, .textlinks, .textrechts { 
text-align: justify; }

table {font-size:10pt;
margin: 10px 5px 10px 5px; }

p.weit {
margin: 20px 5px 20px 5px; }

ul.normal {
font-size:10pt;
letter-spacing: 0.5px; 
margin: 5px;
list-style: none;
text-align: justify; }

.textunterbild {
clear: both; }

#inhalt ul {
font-size:10pt;
letter-spacing: 0.5px; 
margin: 10px;
padding: 0;
font-weight: bold;
list-style: none; }

/* ----------> p.bread = breadcrumb navigation <--------------- */

p.bread {
font-size: 9pt;
color: #0000ff;
margin: 18px 10px 20px 5px;
border-bottom: dotted 2px #0000ff; }

/* -------------> zurück zur Übersicht <-------------- */

p.uebersicht {
float: right;
margin: 18px 10px 5px 5px;
padding: 2px; }

a.uebersichtlink:link {
color: #008000;
text-decoration: none; }

a.uebersichtlink:visited {
color: #008000;
text-decoration: none; }

a.uebersichtlink:hover {
color: #808080; }

a.uebersichtlink:active {
color: #008000;
text-decoration: none; }


/* ---------------------------> Fusszeile <------------------------- */

p#fusszeile {
clear: both;         /* damit blöcke immer unter gefloateten landen */
font-size: 9pt;
margin: 30px 0px 0px 0px;
padding: 3px;
text-align: center;
color: #ffff00;
background-color: #626061;
border-top: 1px solid silver;  }

/* ---------------------> Befehl für Fettschrift <----------- */

strong {
font-weight: bold; }

/* ------------------> Werbung rechts <--------------------- */

p.werbung {
margin: 18px 10px 0px 5px; }

p.werbunglinks {
margin: 18px 10px 0px 20px; }


/* -------------> p class um zentrierten Trennstrich einzufügen <----------- */

p.trennstrich {
width: 450px;
margin-left: auto;
margin-right: auto; }

/* ------------> Bilder und Texte Startseite <-------------- */

.bildstart {
width: 525px;
margin-left: 7px;
 }

.textlinks {
width: 47%;
float: left; }

.textrechts {
width: 47%;
float: left; }

/* ----------shirt banner und text---------------------------- */

.textzentriert {
text-align: center; }

.shirtbanner {
width: 492px;
margin-left: auto;
margin-right: auto; }

/* ------------------> Bild zentriert links <---------------- */

.bild {
float: left;
width: auto;
height: auto;
margin: 2px;
padding: 0px 5px; }

/* --------------> Rahmen, Startseite <--------------- */

.rahmen {
margin: 5px 10px 5px 5px;
padding: 5px; 
border: dotted 2px silver;
font-weight: bold; }

/* --------------> Suchfeld im Kopf <--------------- */

.suchekopf {
float: right; 
margin-top: 23px;
margin-right: 45px;
padding: 2px; 
border: none; }

/* ---------------> ebay werbung unten <-------------- */

.werbungunten {
width: 492px;
margin: 40px 0px 40px 0px;
margin-left: auto;
margin-right: auto; }


/* ----------------------------werbung im text------------------------------ */

.werbungtext {
float: left;
margin: 0px 0px 0px 4px;
}

.werbungtext_gr {
float: left;
margin: 0px 0px 0px 6px;
}

.werbungtext_schmal {
float: left;
margin: 0px 0px 0px 6px;
}

/* -----------> Span Startseite Text links <------------ */

#linktipp {
width: 470px;
border: 2px solid silver; 
margin: 0px 0px 0px 25px;
padding: 10px; 
}

#linktipp ul {
list-style-type: none;
margin-left: 1em;
padding-left: 1em;}

#linktipp li {
font-size:10pt;
letter-spacing: 0.5px;  }


#linktipp2 {
width: 470px;
border: 2px solid silver; 
margin: 0px 0px 0px 25px;
padding: 10px; 
}

#linktipp2 ul {
list-style-type: none;
margin-left: 1em;
padding-left: 1em;}

#linktipp2 li {
font-size:10pt;
letter-spacing: 0.5px;  }


/* ---------------------------------counter--------------------------------- */

#counter {
font-size: 11px;
margin-top: 0px; }


/* ----------------------fischlexikon spaltelinks spalterechts-------------- */

#spaltelinks {
width: 50%;
margin: 0;
padding: 0;
float: left; }
 
#spalterechts {
width: 30%;
margin: 0;
padding: 0;
float: left; }


/* -------------------------partner link block------------------------------ */
#partner {
float: left;
margin: 10px 0px 0px 5px; }

/* ------------------------amazon rezepte banner---------------------------- */

#amazonbanner {
margin: 20px 10px 40px 10px; }