html {
height:100%;
}
/* Übergeordnet Farbe definieren*/
a:active , a:focus,a:hover, a, a:link , a:visited ,h1, h2, h3, h4, b, a.vor, a.vor:link, a.vor:visited, a.vor:hover, a.vor:focus{ color : #622524; }
body {
min-height:101%;
font-family:Arial,Helvetica,sans-serif ;
/* background: url(http://www.texte.offene-weite.de/templates/offene_weite/images/background.jpg) repeat fixed 0 0 #FDFDFD ; */
background-attachment: fixed;
margin-top:0px;
}
div.container {
width: 100%;
max-width: 750px ;
/* Für Zentrierung */
margin: 5px auto 0;
font-size:13px;
}
div.kopf {
background-image : url(http://www.zettel.net/bilder/header/hgow.jpg);
background-repeat : no-repeat; /**/
margin-top: 10px;
margin-bottom:0px;
height: 120px;
-webkit-box-shadow: 5px 5px 10px #cccccc; /* webkit browser*/ -moz-box-shadow: 5px 5px 10px #cccccc; /* firefox */ box-shadow: 5px 5px 10px #cccccc;
}
div.schrift {
float:right;
padding-top:20px;
padding-right: 55px;
color:#FFFFFF;
font-size:0.7em;
font-weight:bold;
}
div.logo {
padding-top: 10px;
padding-left: 5px;
display:none;
}
div.kopf-leiste {
float:left;
width : 100%;
max-width : 750px;
background-color:#444444;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
border:2px;
-webkit-box-shadow: 5px 5px 10px #cccccc; /* webkit browser*/ -moz-box-shadow: 5px 5px 10px #cccccc; /* firefox */ box-shadow: 5px 5px 10px #cccccc;
}
ul.menue {
float:left;
margin:0;
padding:0;
}
li.menue {
background:none repeat scroll 0 0 transparent;
display:block;
float:left;
list-style:none outside none;
margin:0;
font-size : 0.85em;
font-weight:bold;
text-align : left;
color:#ffffff;
position:relative;
border-top-width : 2px;
border-right-width : 2px;
border-bottom-width : 2px;
border-left-width : 2px ;
border-top-color : #F2F2F2 ;
border-right-color : #333333;
border-bottom-color : #F2F2F2;
border-left-color : #555555 ;
border-top-style : none;
border-right-style : solid;
border-bottom-style : none ;
border-left-style : solid;
}
a:link.kopf-leiste {text-decoration:none; color : #ffffff;}
a:hover.kopf-leiste { text-decoration : none; background-color : #006674; color : #ffffff; }
a:active.kopf-leiste {text-decoration:none; color : #000; }
a:visited.kopf-leiste {text-decoration:none; color : #ffffff; }
div.leiste {
-webkit-box-shadow: 5px 5px 10px #cccccc; /* webkit browser*/ -moz-box-shadow: 5px 5px 10px #cccccc; /* firefox */ box-shadow: 5px 5px 10px #cccccc;
}
div.leiste-ende {
-webkit-box-shadow: 5px 5px 10px #cccccc; /* webkit browser*/ -moz-box-shadow: 5px 5px 10px #cccccc; /* firefox */ box-shadow: 5px 5px 10px #cccccc;
}
div.text-box {
background : url(http://www.zettel.net/bilder/c-bg2.gif) no-repeat scroll 18% 0 #ececec;
float:left;
width:100%;
max-width:750px;
/* padding-top:13px; */
margin-bottom:0px;
-webkit-box-shadow: 5px 5px 10px #cccccc; /* webkit browser*/ -moz-box-shadow: 5px 5px 10px #cccccc; /* firefox */ box-shadow: 5px 5px 10px #cccccc;
}
div.text-box-2 {
float:left;
width:100%;
max-width:750px;
background: url(http://www.zettel.net/bilder/desktop-3.jpg);
margin-bottom:0px;
}
div.text-box-3 {
float:left;
width:100%;
max-width:750px;
background-color:#F0F0F0;
margin-bottom:0px;
}
a:link.titel {text-decoration:none; color : #000; }
a:hover.titel { text-decoration : none; color : #c30000; }
a:active.titel {text-decoration:none; color : #000; }
a:visited.titel {text-decoration:none; color : #000; }
div.navigation {
float: left;
width: 170px;
margin: 0 0 0 1px;
padding-left:5px;
padding-top: 5px;
line-height: 110%;
font-size:1em;
}
div.liste-1 {
margin-top : 14px;
margin-bottom : 14px;
font-size:1em;
font-weight:400;
font-style:normal;
color:#A80000;
text-transform:none;
text-decoration:none;
letter-spacing:normal;
word-spacing:0;
line-height:18px;
vertical-align:baseline;
}
div.hometopic {
line-height:1.4em; font-size:1.11em; margin-bottom : 2px; margin-top : 14px; padding-top : 1.0px; padding-bottom : 1px;
}
div.maintopic {
line-height:1.2em; font-size:0.9em; margin-bottom : 2px; padding-top : 1.0px; padding-bottom : 1px;
}
div.subtopic {
font-size:1em; margin-bottom : 1px; margin-left: 4px; padding-top : 2px;padding-left : 5px; padding-bottom : 1px;
}
a, a:link , a:visited, a:hover {text-decoration:none;}
a:active , a:focus { }
.hometopic a, a:link, a:visited, a:active, a:hover, a:focus
{}
.maintopic a, a:link, a:visited, a:active, a:hover, a:focus
{}
.subtopic a, a:link, a:visited, a:active, a:hover, a:focus
{}
/* Textbereich */
/**/
div.leiste-t {
margin-left: 175px;
margin-top: 0px;
margin-bottom: 0px;
height: 10px; /* */
}
div.inhalt {
background-color : #F6F6F6 ;
margin-left: 175px;
margin-bottom: 0px;
padding: 1em;
padding-top:0px;
padding-left: 30px;
max-width: 95%;
min-height: 350px;
line-height: 110%;
font-size:1em;
}
div.text {
padding-left:5px;
padding-right: 10px;
margin : 2px 0 0 0;
line-height : 140%;
font-size:1em;
}
h1 { margin : 10px 0 ; font-size : 1.11em; font-weight : bold; }
h2 { margin : 10px 0 ; font-size : 1.0em; font-weight : bold; }
h3 { margin : 5px 0 5px 5px; font-size : 1.0em; font-weight : bold; }
h4 { margin : 0 0 0 0; font-size : 1.0em; font-weight : bold; }
h5 { margin : 0 0 0 0; font-size : 1.0em; font-weight : bold; }
p , div { margin : 0 0 0.5em 0; }
b { font-size : 1.11em; font-weight:bold;}
i {font-weight:500;}
hr { color : #C0C0C0; border-color : #C0C0C0; background-color : #C0C0C0; height : 1px; border:thin; text-align:left; }
div.bild { margin : 0 0 0px 0px; float : left; border-color : #C0C0C0; font-weight : bold; font-size : 0.8em; color : #a00000; }
/**/
/* Allgemeine Leiste am Ende - Fussleiste*/
/**/
div.fuss-leiste {
float:left;
width : 100%;
max-width : 750px;
background-color:#444444;
margin-top:0px;
margin-bottom:10px;
margin-left:0px;
-webkit-box-shadow: 5px 5px 10px #cccccc; /* webkit browser*/ -moz-box-shadow: 5px 5px 10px #cccccc; /* firefox */ box-shadow: 5px 5px 10px #cccccc;
}
ul.menue-2 {
float:left;
margin:0;
padding:0;
}
li.menue-2 {
background:none repeat scroll 0 0 transparent;
display:block;
float:left;
list-style:none outside none;
margin:0;
padding-top: 2px;
padding-bottom: 4px;
padding-right: 10px;
padding-left: 10px;
line-height: 10px;
font-size : 0.85em;
font-weight:bold;
text-align : left;
color:#ffffff;
position:relative;
border-top-width : 2px;
border-right-width : 2px;
border-bottom-width : 2px;
border-left-width : 2px;
border-top-color : #F2F2F2 ;
border-right-color : #333333;
border-bottom-color : #F2F2F2;
border-left-color : #555555 ;
border-top-style : none;
border-right-style : solid;
border-bottom-style : none ;
border-left-style : solid;
}
a:link.fuss-leiste {text-decoration:none; color : #ffffff; }
a:hover.fuss-leiste { text-decoration : none; color : #ffffff; }
a:active.fuss-leiste {text-decoration:none; color : #fffff; }
a:visited.fuss-leiste {text-decoration:none; color : #ffffff; }
a.vor, a.vor:link, a.vor:visited, a.vor:hover, a.vor:focus {
font-size:1em;
font-weight:400;
font-style:normal;
text-transform:none;
text-decoration:none;
letter-spacing:normal;
word-spacing:0;
line-height:18px;
vertical-align:baseline;
background-color:#f6f6f6;
}