﻿/*
	Es wird nicht gestattet, die css-Seite (auch auszugsweise) fuer kommerzielle
	oder nicht kommerzielle Zwecke ohne vorherige Genehmigung weiter zu verwenden !!!
	All rights reserved. Alle Rechte vorbehalten.
	
	Copyright: froese multimedia
	Autor: Frank Froese
	erstellt: 04.06.2009
	aktualisiert: 29.06.2018
	e-mail: office@internetkundenservice.de
	
	Website: www.pyramidenbau-aegypten.de
	*/

/* -------------------- global ----------------------- */

body {
width: 100%;
margin:0;
padding:0;
font-family:Verdana, Helvetica, sans-serif;
font-size:11px;
color:#68411F;
background-color:#9B6D3C;
}

img {
border-width:0;
}

h1 {
margin:12px 0 6px 0;
padding:0;
text-align:center;
font-size:16px;
font-family:"Times New Roman", Times, serif;
/* background-color:green; */
}

h2 {
margin:12px 0 6px 0;
padding:0;
text-align:center;
font-size:13px;
font-family:"Times New Roman", Times, serif;
/* background-color:green; */
}

p {
margin:0 0 6px 0;
padding:0;
/* background-color:orange; */
}

ul, ol {
margin:0;
padding:0;
list-style-type:none;
}

a:link, a:hover, a:visited {
font-family:"Times New Roman", Times, serif;
font-weight:bold;
text-decoration:none;
}

.cleaner {
clear:both;
margin:0;
padding:0;
height:0;
width:0;
}

/* -------------------- flaechen --------------------- */

#inhalt {
position:relative;
top:8px;
left:50%;
margin-left:-386px;
width:776px!important;
/* background-color:yellow; */
z-index:0;
}

/* -------------------- vertikal */

#oben {
width:779px!important;
height:256px;
background-image:url(../bilder/gizeh.jpg);
background-repeat:no-repeat;
vertical-align:bottom;
/* background-color:green; */
z-index:1;
}

#mitte {
width:779px!important;
background-image:url(../bilder/inhaltgrund.gif);
background-repeat:repeat-y;
/* background-color:orange; */
z-index:1;
}

#unten {
width:779px!important;
height:188px;
background-image:url(../bilder/inhaltfussgrund.jpg);
background-repeat:no-repeat;
/* background-color:blue; */
z-index:1;
}

/* -------------------- horizontal */

#inhaltlinks {
float:left;
width:170px!important;
/* background-color:olive */
z-index:2;
}

#inhaltmitte {
float:left;
padding:0 24px 0 24px;
width:365px;
/* background-color:orange; */
z-index:2;
}

#inhaltrechts {
float:left;
width:170px!important;
/* background-color:green; */
z-index:2;
}

#fusslinks {
float:left;
padding:12px;
width:153px!important;
height:160px;
text-align:center;
/* background-color:yellow; */
z-index:2;
}

#fussmitte {
float:left;
padding:160px 12px 0 12px;
width:390px!important;
height:24px;
/* background-color:orange; */
z-index:2;
}

#fussrechts {
float:left;
padding:12px;
width:150px!important;
height:160px;
/* background-color:cyan; */
z-index:2;
}
/* -------------------- topnavi ----------------------- */

#sprachnavi {
/* position:absolute;
top:26px;
left:50%;
margin-left:290px; */
margin:0;
padding:19px 0 0 692px;
z-index:3;
/* background-color:cyan; */
}

.sprachnavi_li {
float:left;
margin:0 6px 0 0;
padding:0;
/* width:80px;
height:20px;
text-align:right;
background-color:yellow; */
}

.sprachnavi_li a {
font-size:10px;
text-decoration:none;
color:#FFFFFF;
}

.sprachnavi_li a:hover {
font-size:10px;
text-decoration:underline;
color:#FFFFFF;
}

/* -------------------- hauptnavi --------------------- */

#hauptnavi {
margin:0;
padding:202px 0 0 212px;
}

.hauptnavi_li, .hauptnavi_li_aktiv {
float:left;
margin:0 17px 0 0;
padding:0;
}

.hauptnavi_li_ende {
margin:0 0 0 68px;
padding:0;
float:left;
font-size:14px;
color:#FFFFFF;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
}

.hauptnavi_li a {
font-size:14px;
color:#FFFFFF;
}

.hauptnavi_li a:hover, .hauptnavi_li_aktiv a {
font-size:14px;
color:#FFFFFF;
text-decoration:underline;
}

/* -------------------- unternavi -------------------- */

#unternavi_1 {
margin:0 0 0 3px;
padding:96px 0 67px 0;
width:170px !important;
/* height:312px; */
text-align:center;
background-position:left top;
background-repeat:no-repeat;
background-image:url(../bilder/unternavibild.jpg);
background-color:#A3885A;
z-index:3;
}

#unternavi_2 {
margin:0 0 0 3px;
padding:96px 0 67px 0;
width:170px!important;
height:194px;
text-align:center;
background-position:left 24px;
background-repeat:no-repeat;
background-image:url(../bilder/unternavibild.jpg);
background-color:#A3885A;
z-index:3;
}

#unternavi_3 {
margin:0 0 0 3px;
padding:96px 0 67px 0;
width:170px!important;
height:237px;
text-align:center;
background-position:left 24px;
background-repeat:no-repeat;
background-image:url(../bilder/unternavibild.jpg);
background-color:#A3885A;
z-index:3;
}

.unternavi_trenner {
margin:0 0 0 3px;
padding:0;
width:170px!important;
height:36px;
background-color:#e9ca98;
/* background-color:red; */
}

.unternavi_ul {
margin:12px 0 0 0;
padding:0;
/* background-color:blue; */
}

.unternavi_li, .unternavi_li_aktiv {
margin:8px 0 0 0;
padding:0;
}

.unternavi_li_erste a , .unternavi_li a {
font-size:14px;
color:#FFFFFF;
}

.unternavi_li a:hover, .unternavi_li_aktiv a {
font-size:14px;
color:#FFFFFF;
text-decoration:underline;
}

/* -------------------- fussnavi --------------------- */

#fussnavi {
margin:0;
padding:0 0 0 30px;
}

.fussnavi_li, .fussnavi_li_aktiv {
margin:0 17px 0 0;
padding:0;
float:left;
}

.fussnavi_li a {
font-size:12px;
color:#A3885A;
}

.fussnavi_li a:hover, .fussnavi_li_aktiv a {
font-size:12px;
text-decoration:underline;
color:#A3885A;
}

/* -------------------- textnavi --------------------- */

.textlink a {
color:#68411F;
font-family:Verdana, Helvetica, sans-serif;
font-weight:bold;
}

.textlink a:hover {
color:#68411F;
font-family:Verdana, Helvetica, sans-serif;
font-weight:bold;
}

.textlink_rt a {
color:#C02901;
font-family:Verdana, Helvetica, sans-serif;
font-weight:bold;
}

.textlink_rt a:hover {
color:#C02901;
font-family:Verdana, Helvetica, sans-serif;
font-weight:bold;
}

.textlink_bl a {
color:#0e154b;
font-family:Verdana, Helvetica, sans-serif;
font-weight:bold;
}

.textlink_bl a:hover {
color:#C02901;
font-family:Verdana, Helvetica, sans-serif;
font-weight:bold;
}

/* -------------------- buchbestellungen ------------- */

.h-linie {
margin:36px 0 0 0;
padding:3px 0 0 0;
width:176px;
height:21px;
text-align:center;
font-size:14px;
color:#FFFFFF;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
background-color:#A3885A;
}

#buchbestellung_1 {
margin:0;
padding:24px 12px 0 12px;
width:152px;
height:252px;
background-color:#F7E0B8;
/* background-color:cyan; */
z-index:3;
}

#buchbestellung_2 {
margin:0;
padding:24px 12px 0 12px;
width:152px;
background-color:#F7E0B8;
/* background-color:cyan; */
z-index:3;
}

#buchbestellung_3 {
margin:0;
padding:24px 12px 0 12px;
width:152px;
background-color:#F7E0B8;
/* background-color:cyan; */
z-index:3;
}

#buchbestellung_1a {
margin:0;
padding:24px 12px 0 12px;
width:152px;
height:252px;
background-color:#F7E0B8;
/* background-color:pink; */
z-index:3;
}

#buchbestellung_2a {
margin:0;
padding:12px 12px 0 12px;
width:152px;
height:126px;
background-color:#F7E0B8;
/* background-color:pink; */
z-index:3;
}

#buchbestellung_3a {
margin:0;
padding:12px 12px 0 12px;
width:152px;
height:146px;
background-color:#F7E0B8;
/* background-color:pink; */
z-index:3;
}

/* -------------------- text ------------------------- */

.buchbestellung_headline {
color:#C02901;
font-size:10px;
font-weight:bold;
}

.buchbestellung {
color:#C02901;
font-size:9px;
}

.zaehler {
color:#FFFFFF;
font-size:9px;
font-weight:bold;
}

#antwort {
font-weight:bold;
color:#CC0000;
z-index:2;
}

.text_rt {
color:#C02901;
}

/* -------------------- listen ----------------------- */

.buchverteiler_ul {
margin:0;
padding:0;
}
.buchverteiler_li {
margin:3px 0 0 0;
padding:0 0 0 10px;
background-image:url(../bilder/listenpunkt_2.gif);
background-position:0 6px;
background-repeat:no-repeat;
}
.buchverteiler_li a {
font-family:Verdana, Helvetica, sans-serif;
color:#C02901;
}
.buchverteiler_li a:hover {
font-family:Verdana, Helvetica, sans-serif;
color:#C02901;
}

.liste_ul {
margin:6px 0 0 12px;
padding:0;
/* background-color:yellow; */
}

.liste_li {
margin:0 0 6px 0;
padding:0 0 0 14px;
background-image:url(../bilder/listenpunkt.gif);
background-position:0 6px;
background-repeat:no-repeat;
}

.zahlenliste_ul {
margin:6px 0 0 32px;
padding:0;
list-style-type:decimal;
}

.zahlenliste_li {
margin:6px 0 0 0;
padding:0 0 0 0;
}

.letterliste_ol {
margin:6px 0 0 32px;
padding:0;
list-style-type:upper-alpha;
}

.letterliste_li {
margin:6px 0 0 0;
padding:0 0 0 0;
}

/* -------------------- grafiken --------------------- */

.trenner {
margin:0;
padding:0;
height:40px;
background-image:url(../bilder/listenpunkt.gif);
background-position:center 20px;
background-repeat:no-repeat;
}

.abbildungen_li {
float:left;
margin:8px 16px 4px 0;
}

.abbildungen_re {
float:right;
margin:0 0 4px 16px;
}

.buecher {
margin:0;
margin:-86px 0 0 0;

}

#produktbild {
cursor:pointer;
display:none;
position:absolute;
top:0;
left:36px;
width:1px;
height:1px;
/* background-color:pink; */
z-index:99;
}

#produkttext {
margin:0;
padding:12px;
background-color:#f7d8a1;
/* background-color:yellow; */
}

/* -------------------- formular --------------------- */

label {
display:block;
margin:0 0 6px 0;
padding:0;
width:120px;
color:#9B6D3C;
font-size:11px;
font-weight:bold;
/* background-color:yellow; */
}
.textfeld_L {
margin:0 24px 8px 0; 
width:160px;
border:1px #9B6D3C solid;
}
textarea {
margin:0 0 8px 0;
width:170px;
height:161px;
border:1px solid #9B6D3C;
}
.button {
width:110px;
background-color:#F7E0B8;
color:#9B6D3C;
border:1px solid #9B6D3C;
font-size:10px;
font-weight:bold;
}
.email {
position : absolute;
left:-3000px;
top:-2000px;
width:190px;
}

/* ----------------------------------------------- Ende CSS -------------------------------------------------- */