/* DATEI: screen.css */

/* Style Sheet Definitionen für http://www.mein-geburtshoroskop.de/ */
/* Version weissgrau */
/* Autor: Frank Doerr/Wolke23 */

body {
background-color:#ffffff;
color:#660000;
font-size: 100.01%;
font-family: 'Times New Roman',Times,serif;
margin: 0;
padding: 0;
}

p,h1,h2,h4,ul,ol,li,div,td,th,nobr,b,i { font-family:'Times New Roman',Times, serif; }
h1,h2 { font-size:22px;color:#660000;font-weight:normal; }
h4 { font-size:22px;color:#660000; margin-top:30px; }
p,ul,ol,li,div,td,th { font-size:18px;color:#000000; }
.form { background-color:#660000;color:#ffffff}
.sma { font-size:15px;color:#000000; }

li.big {
font-size:20px;
color:#000000;
text-align: left;
margin-left:-20px;
padding: 0;
}

a.big {
font-size:20px;
color:#000000;
text-align: left;
padding: 0;
}


#header {
position: absolute;
background-color:#cccccc;
height:69px;
left: 0px;
width: 100%;
top: 0px;
z-index:2;
}

#headlinks {
position: absolute;
background-color:#cccccc;
height:67px;
background-image:url("/img/linie1.gif");
background-repeat:repeat-x;
left: 0px;
width: 315px;
top: 0px;
z-index:2;
}

#headmitte {
position: absolute;
background-color:#cccccc;
height:67px;
left: 322px;
width: 279px;
top: 0px;
z-index:3;
}

h1.titel {
position:absolute;
top:20px;
left: 322px;
z-index:3;
font-family:'Times New Roman',Times,serif;
font-style:italic;
font-size:1.8em;
}

#headrechts {
position: absolute;
background-color:#cccccc;
height:67px;
background-image:url("/img/linie1.gif");
background-repeat:repeat-x;
z-index:6;
right: 0px;
left: 601px;
top: 0px;
z-index:9;
}

#linielang{
position: absolute;
margin-left: 545px;
margin-right: 0px;
margin-top: 34px;
z-index:13;
}

h2.subtitel {
position:absolute;
top:18px;
z-index:2;
font-family:'Times New Roman',Times,serif;
font-style:italic;
font-size:1.0em
}

#mainbody {
position: absolute;
background-color:#ffffff;
z-index:5;
left: 0;
width: 100%;
top: 69px;
height: 100%;
border-top-width:1px;
border-top-style:solid;
border-color:#999999;
}

#menu {
position: absolute;
background-color:#ffffff;
z-index:6;
left: 0%;
width: 322px;
top: 0px;
}

p.nav {
text-align:right;
margin-right: 50px;
margin-top:20px;
line-height:30px;
}

#content {
position: absolute;
left: 322px;
width: 68%;
top: 0px;
background-color:#ffffff;
z-index:6;
}

#foto {
position: absolute;
left: 0px;
top: 15px;
z-index:8;
}

#klatt {
position: absolute;
left: 0px;
top: 187px;
z-index:8;
}

#angebot {
position: absolute;
left: 0px;
top: 47px;
line-height:30px;
z-index:8;
}

#symbol {
position: absolute;
left: 499px;
top: 209px;
z-index:6;
}

#spitze {
position: absolute;
left: 655px;
top: 0px;
line-height:30px;
z-index:6;
}

#mainmenu {
position: absolute;
background-color:#ffffff;
z-index:6;
left: 0%;
width: 322px;
height: 100%;
}

#maincon {
position: absolute;
left: 322px;
width: 65%;
margin-right: 0px;
padding-right: 20px;
background-color:#ffffff;
z-index:6;
height: 100%;
}

#footer {
position:absolute;
bottom:0px;
left:0px;
width: 100%;
background-image:url("/img/linie2.gif");
background-repeat:repeat-x;
z-index:25;
background-color:#cccccc;
height:50px;
border-top-width:1px;
border-top-style:solid;
border-color:#999999;
z-index:5;
}

#footakt {
position:absolute;
margin-top: 10px;
left:0px;
width: 322px;
}

p.footakt {
text-align:right;
margin-right: 50px;
margin-top: 0px;
}

#footcon {
position: absolute;
margin-top: 10px;
left: 322px;
width: 68%;
}

p.footcon {
text-align:left;
left: 322px;
margin-top: 0px;
}


.bild	{
	float:left;
         margin-left:0px;
         margin-bottom:10px;
         margin-right:20px;
         margin-top:0px;
         }


a:link { color:#660000; text-decoration:none; }
a:visited { color:#000000; text-decoration:none; }
a:hover {color:#006600;text-decoration:none;}
a:active { color:#006600; text-decoration:none; }

a.min:link { color:#660000; text-decoration:underline; font-size:16px; }
a.min:visited { color:#000000; text-decoration:underline; font-size:16px; }
a.min:hover {color:#006600;text-decoration:underline; font-size:16px; }
a.min:active { color:#006600; text-decoration:underline; font-size:16px; }

a.big:link { color:#660000; text-decoration:none; font-size:18px;font-weight:bold; }
a.big:visited { color:#660000; text-decoration:none; font-size:18px;font-weight:bold; }
a.big:hover {color:#006600;text-decoration:none; font-size:18px;font-weight:bold; }
a.big:active { color:#006600; text-decoration:none; font-size:18px;font-weight:bold; }

a.sma:link { color:#660000; text-decoration:none; font-size:18px;font-weight:bold; }
a.sma:visited { color:#660000; text-decoration:none; font-size:18px;font-weight:bold; }
a.sma:hover {color:#FF0000;text-decoration:none; font-size:18px;font-weight:bold; }
a.sma:active { color:#FF0000; text-decoration:none; font-size:18px;font-weight:bold; }