/*
     Layout www.lattorff.de
     =================================
     Michael Lattorff, michael@lattorff.de, webmaster@lattorff.de
*/

body {
background-color : #fafafa;
background-image : url(back.jpg);
text-align : left;
background-attachment : fixed; 
background-position : top;
}
.zentriert_gutebrowser {
width : 650px;
margin-left : auto;
margin-right : auto;
}
#der_kopf {
color : #ffffff;
background-color : #00eeee;
background-image : url(images/lattorff.jpg);
background-repeat : no-repeat;
margin-top : 30px;
margin-bottom : 0;
width : 650px;
height : 70px;
border-top-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
border-right-width : 1px;
border-color : #000000;
border-style : solid;
}
#die_navigation {
margin-top : 0;
margin-bottom : 0;
border-left-width : 1px;
border-right-width : 1px;
border-color : #000000;
border-style : solid;
width : 650px;
background-color : #000000;
}
#border {
margin-top : 0;
margin-bottom : 0;
width : 650px;
height : 1px;
background-color : #660011;
border-left-width : 1px;
border-right-width : 1px;
border-color : #000000;
border-style : solid;
}
#die_navigation ul {
margin : 0;
padding : 0;
list-style-type : none;
}
#die_navigation ul li {
display : inline;
margin : 2px;
padding-top : 2px;
padding-bottom : 2px;
padding-left : 6px;
padding-right : 6px;
font : 10pt arial,verdana,courier new;
color : #dfdf00;
font-weight : bold;
font-style : normal;
}
#die_navigation ul li a {
background : none repeat;
color : #fafafa;
font-weight : bold;
font-style : normal;
padding-bottom : 0;
}
#die_navigation ul li a:hover {
color : #00df00;
}
#die_navigation .active {
color : #dfdf00;
}
#der_inhalt {
background-color : #ffffff;
margin-top : 0;
margin-bottom : 14px;
width : 650px;
border-width : 1px;
border-color : #000000;
border-style : solid;
}
#der_text {
padding-left : 20px;
padding-right : 20px;
padding-top : 15px;
padding-bottom : 15px;
width : 622px;
}
#der_text a p {
background : none repeat;
font : 10pt arial, verdana, courier new;
text-align : left;
color : #660011;
font-weight : bold;
font-style : normal;
padding-bottom : 0;
}
#der_text ul li a:hover {
background-color : #660011;
color : #ffffff;
}
#gallery {
background-color : #ffffff;
margin-top : 30px;
margin-bottom : 14px;
width : 450px;
text-align : left;
}
.technischer_fuss {
border-width : 2px;
border-color : #ffffff;
border-style : solid;
width : 400;
text-align : right;
padding : 5px;
margin-bottom : 30px;
float : right;
}
p {
text-align : justify;
font : 10pt arial, verdana, courier new;
line-height : 150%;
margin-top : 6px;
margin-bottom : 8px;
}
p.table {
background : #fafafa;
text-align : justify;
font : 10pt arial, verdana, courier new;
font : 10pt arial, verdana, courier new;
font-weight : bold;
font-style : normal;
text-decoration : none;
color : #afafaf;
height : 15px; 
}
tr , td , th {
text-align : left;
font : 10pt arial, verdana, courier new;
line-height : 150%;
margin-top : 6px;
margin-bottom : 8px;
}
h1 , h2 {
text-align : left;
font : 13pt arial, verdana, courier new;
font-weight : bold;
margin-top : 13px;
margin-bottom : 5px;
clear : both;
}
h2 {
color : #660011;
}
h3 {
text-align : left;
font : 10pt arial, verdana, courier new;
font-weight : bold;
margin-top : 11px;
margin-bottom : 3px;
clear : both;
font-style : normal;
}
q {
quotes : '»' '«';
font-style : italic;
}
#kopfzeile , #fusszeile , .technischer_fuss {
font : 8pt arial, verdana, courier new;
font-weight : normal;
}
#kopfzeile {
text-align : left;
font-style : italic;
margin-top : 3px;
margin-bottom : 7px;
padding-bottom : 1px;
}
#fusszeile {
text-align : right;
clear : both;
margin-top : 25px;
margin-bottom : 3px;
color : #808080;
}
.inhalt {
background-color : #ffffff;
padding : 9px;
padding-top : 6px;
width : 100%;
}
a:link , a:active , a:visited , a:hover {
color : #6E825A;
font-weight : bold;
text-decoration : none;
text-align : justify;
white-space : nowrap;
}
a:visited {
color : #808080;
}
a:hover {
color : #fafafa;
background-color : #660011;
}
a.table {
background-color : #660011;
font : 10pt arial, verdana, courier new;
font-weight : bold;
font-style : normal;
text-decoration : none;
color : #afafaf;
}
a.table1 {
background-color : #fafafa;
font : 10pt arial, verdana, courier new;
font-weight : bold;
font-style : normal;
text-decoration : none;
height : 15px; 
}
a.table1:hover {
background-color : #660011;
font : 10pt arial, verdana, courier new;
font-weight : bold;
font-style : normal;
text-decoration : none;
color : #fafafa;
height : 15px; 
}
a.rss:link , a.rss:active , a.rss:visited , a.rss:hover {
color : #ffffff;
background : #660011;
padding-left : 2px;
padding-right : 2px;
padding-bottom : 2px;
padding-top : 1px;
border-width : 1px;
border-style : solid;
border-bottom-color : #3f3f3f;
border-right-color : #3f3f3f;
border-top-color : #9f9f9f;
border-left-color : #9f9f9f;
}
a.rss:active {
border-bottom-color : #9f9f9f;
border-right-color : #9f9f9f;
border-top-color : #3f3f3f;
border-left-color : #3f3f3f;
}
a.rss:visited {
color : #c0c0c0;
}
a.rss:hover {
color : #00df00;
}
td.head {
background : #660011;
height : 18px;
width : 150px;
font : 10pt arial, verdana, courier new;
font-weight : bold;
font-style : normal;
text-decoration : none;
color : #fafafa;
}
td.head1 {
background : #660011;
height : 18px;
width : 150px;
font : 10pt arial, verdana, courier new;
font-weight : bold;
font-style : normal;
text-decoration : none;
color : #fafafa;
}
li {
margin-bottom : 5px;
text-align : left;
font : 10pt arial, verdana, courier new;
}
.navigation {
text-align : center;
}
.navigation a:hover {
background : none repeat;
}
#gallery td {
font : 7pt arial, verdana, courier new;
}
.vorschaueintrag {
text-indent : 22px;
background-repeat : no-repeat;
margin-top : 3px;
margin-bottom : 3px;
}
.img-shadow , .img-shadow-right {
background : url(../images/schatten.gif) no-repeat 100%;
margin : 10px;
margin : 10px;
}
.img-shadow {
float : left;
}
.img-shadow-right {
float : right;
}
.img-shadow img , .img-shadow-right img {
display : block;
position : relative;
background-color : #fff;
}
.kasten {
color : #000000;
text-align : left;
font : 10pt arial, verdana, courier new;
line-height : 150%;
padding-left : 6px;
padding-right : 6px;
padding-top : 2px;
padding-bottom : 4px;
margin-top : 20px;
border-bottom : 1px dotted #000000;
border-left : 1px dotted #000000;
border-right : 1px dotted #000000;
border-top : 1px dotted #000000;
background : #eeeeee;
clear : both;
}
.kasten h1 {
text-align : left;
font : 13pt arial, verdana, courier new;
font-weight : bold;
margin-top : 2px;
margin-bottom : 3px;
color : #000000;
}
.kasten p {
margin-top : 3px;
margin-bottom : 3px;
text-indent : 15px;
background-repeat : no-repeat;
}
#kastenkopf , #kastenfuss {
font : 7pt arial, verdana, courier new;
font-weight : normal;
text-indent : 0;
background-image : none;
}
#kastenkopf {
text-align : left;
font-style : italic;
margin-top : 2px;
margin-bottom : 3px;
padding-bottom : 1px;
}
#kastenfuss {
text-align : right;
margin-top : 6px;
margin-bottom : 2px;
color : #808080;
}