/* Dateiname: barthel.ws.css                                   */
/* Diese Datei wird verwendet in http://www.barthel.ws/        */
/* Autor: Juergen Barthel, Hohe Str. 36, 04107 Leipzig         */
/* Copyright 2007 Antje Temler, Jürgen Barthel                 */

/* ##### START ##### */

body { background-color:#ddddff; margin:0px; padding:0px; color:#000099; }

/* ?berschriftenformate */
h1,h2,h3,h4,h5,h6 { font-family:Tahoma,Helvetica,sans-serif; }
h1 { font-size:160%; margin-bottom:9px; margin-top:6px; }
h2 { font-size:140%; margin-bottom:8px; margin-top:5px; }
h3 { font-size:120%; margin-bottom:7px; margin-top:4px; }
h4 { font-size:100%; margin-bottom:6px; margin-top:3px; }
h5 { font-size:80%; margin-bottom:5px; margin-top:3px; }
h6 { font-size:70%; margin-bottom:4px; margin-top:3px; }

/* Paragraph formats */
p,b,i,u,em,li,nobr,big,small { font-family:Tahoma,Helvetica,sans-serif; }
p,li { font-size:80%; text-align:justify; margin:5px; }
p.title { font-size:14px; text-align:left; margin:0px; font-weight:bold; font-style:italic; }
p.imprint { font-size:11px; line-height:100%; margin:2px 5px 2px 5px; font-weight:bold; font-style:italic; }
p.imprint2 { font-size:9px; line-height:100%; margin:4px 5px 2px 5px; text-align:right; font-weight:bold; font-style:italic; }
p.outer { font-size:18px; text-align:right; margin:5px; padding:0px; font-variant:small-caps; font-weight:bold; line-height:100%; }
p.menu { font-size:11px; line-height:100%; margin:2px 5px 2px 45px ; font-weight:bold; font-style:italic; }
p.subtitle { font-size:11px; text-align:left; margin:0px; font-weight:bold; font-style:italic; }
b { font-weight:bold; }
i,li { font-style:italic; }
u { text-decoration:underline; }
em { font-style:italic;font-weight:bold;font-size:100%;color:#000080; }

/* Fontvarianten als Klassen */
.caps { font-variant:small-caps; }
.nobr { white-space:nowrap; }

/* Form formats */
input,option { font-family:Tahoma,Helvetica,sans-serif;font-size:80%; }
input { font-weight:bold; }

/* Link Formats */
a:link { color:#990099; text-decoration:none; border:0px; }
a:visited { color:#990099; text-decoration:none; }
a:focus { color:#990099; text-decoration:underline; }
a:hover { color:#990099; text-decoration:underline; }
a:active { color:#990099; text-decoration:underline; }

/* Seitenlayout */
DIV.outer
{
position: absolute;
left: 50%;
top: 50%;
width: 648px;
height: 414px;
margin-left: -324px; /* half of width */
margin-top: -207px;  /* half of height */
background-image:url(./images/background.jpg);
}

DIV.name
{
position: absolute;
left:10px;
top:10px;
width:300px;
margin:0px;
padding:1px;
}

DIV.main
{
position: absolute;
left:340px;
top:10px;
width:300px;
color:#000099;
}

DIV.slogan
{
position: absolute;
left:160px;
top:60px;
width:361px;
height:124px;
}