/*  ===============================================
Stylesheet für www.fidele-flotte.de
Datei: style.css
Datum: 10.02.2009

Template modifiziert:
Template Design by TheWebhub.com
http://www.thewebhub.com
Released for free under a Creative Commons Attribution-Share Alike 3.0 Philippines
=================================================*/

/* Allgemeine HTML-Elemente */
  *  {
margin : 0;
padding : 0;
}
body {
margin : 20px 0;
line-height : 20px;
text-align : justify;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 12px;
color : #696969;
background-color : #004391;
}
h1, h2, h3 {
padding : 0;
font-weight : normal;
color : #578bc5;
}
h1 {
font-size : 2em;
}
h2 {
font-size : 1.4em;
}
h3 {
font-size : 1em;
}
p, ul, ol {
margin-top : 1.5em;
font-size : 12px;
text-align : left;
}
ul, ol {
margin-left : 3em;
}
blockquote {
margin-left : 3em;
margin-right : 3em;
}
a {
text-decoration : none;
color : #004391;
}
.link1 {
text-align : center;
}
.unsichtbar {
display : none;
}
img {
border-width : 0;
}

/* ---------------
1. DIV-Bereiche 
------------------*/

/* Logo-Titel */
#logo {
width : 800px;
height : 120px;
background-attachment : scroll;
background-image : url(../images/header.jpg);
background-repeat : no-repeat;
background-position : center bottom;
margin-top : 0;
margin-bottom : 0;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 14px;
font-weight : bold;
color : #fff;
margin-right : auto;
margin-left : auto;
clip : rect(10px,auto,auto,auto);
}

#logo h1 {
font-size : 11px;
color : #ffffff;
text-align : right;
vertical-align : bottom;
padding-top : 50px;
padding-right : 43px;
font-weight : bold;
font-family : Georgia, "Times New Roman", Times, serif;
}

/* Inhalt-Text */
#content {
width : 800px;
padding : 0;
background-attachment : scroll;
background-repeat : no-repeat;
background-position : left bottom;
margin-top : 0;
margin-right : auto;
margin-bottom : 0;
margin-left : auto;
background-color : #ffffff;
background-image : url(../images/flottenlotte.jpg);
float : none;
}
#left {
float : left;
width : 230px;
border : thin dashed #004391;
margin-left : 20px;
display : block;
margin-top : 45px;
text-align : left;
padding : 10px;
}
#right {
float : right;
margin : 0;
width : 450px;
background-attachment : scroll;
background-repeat : no-repeat;
background-position : right bottom;
padding-top : 0;
padding-right : 30px;
padding-bottom : 20px;
padding-left : 20px;
}

/* Menu oben*/
#navi_o {
padding : 0;
clip : rect(10px,auto,auto,auto);
}
#navi_o ul {
padding : 0;
float : right;
font : bold 80% Verdana;
margin-top : 48px;
margin-right : 30px;
margin-bottom : 0;
margin-left : 0;
background-image : url(../images/bg.gif);
background-repeat : repeat-x;
}
#navi_o ul li {
display : inline;
}
#navi_o ul li a, #navi_o ul li span {
float : left;
color : #004391;
font-weight : bold;
padding : 8px 13px 5px 6px;
text-decoration : none;
background : url(../images/divider.gif) no-repeat top right;
}
#navi_o ul li span {
padding-left : 0;
}
#navi_o ul li a#leftcorner {
float : none;
padding-left : 10px;
padding-right : 0;
background : url(../images/leftcorner.gif) no-repeat top left;
}
#navi_o ul li a#rightcorner {
padding-right : 10px;
background : url(../images/rightcorner.gif) no-repeat top right;
}
#navi_o ul li a:hover {
text-decoration : underline;
}

/* Menu unten*/
#navi_u {
clip : rect(10px,auto,auto,auto);
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
margin-left : 0;
color : #004391;
font-weight : bold;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 90%;
width : 200px;
padding-left : 70px;
background-color : #578bc5;
} 

/* Fussbereich */
#footer {
clear : both;
width : 800px;
height : 42px;
margin : 0 auto;
padding-top : 13px;
font-size : 10px;
color : #ffffff;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
#footer .copyright {
margin : 0;
text-align : center;
}
#footer a {
color : #ffffff;
text-decoration : none;
font-weight : bold;
}