.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
html {
height:100%;
min-height:100%;
overflow:hidden;
width:100%;
}
body {
color: #636363;
font-family: Georgia, serif;
font-size: 14px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
width:100%;
height:100%;
min-height:100%;
overflow:hidden;
line-height: 22px;
}

img{
margin: 0;
padding: 0;
}

a {
font-size: 14px;
color: #969696;
text-decoration: underline;
}
a:hover{
text-decoration: none;
}
a:focus { 
-moz-outline-style: none;
}
li.active a{ 
color: #821e14;
}

h1 {
font-family: Verdana, Tahoma, sans-serif;
color: #821e14;
font-size:15px;
line-height:22px;
padding-bottom:8px;
margin-top: 10px;
letter-spacing:1px;
border-bottom: 2px dotted #969696;
margin-bottom: 10px;
text-transform:uppercase;
}
h2 {
font-family: Georgia, serif;
color: #821e14;
font-size:16px;
line-height:22px;
margin-top: 15px;
margin-bottom: 15px;
}
p {font-size:14px;
line-height:22px;
padding-top: 3px;
padding-bottom: 3px;
margin-top:8px;
margin-bottom:8px;
}
blockquote, blockquote p, p blockquote{
font-style: italic;
margin:0;
padding:0;
}
em {
font-style:normal
}

table {
border-collapse: collapse;
margin: 20px 0px;
border: none;}
td {
vertical-align: top;
margin:0;
padding:0;
border: none;
}
td img{
margin-right:8px;
margin-bottom: 14px;
}
td p{
margin-top: -6px;
margin-bottom: 14px;
}

.portrait {
float:left;
margin-right:8px;
}

.quote_author, p.quote_author, quote_author p {
font-family: verdana, sans-serif;
font-size: 12px;
margin-top:0;}

#background {
position:relative;
width:100%;
height:100%;
overflow:hidden;
z-index:0;
background:transparent none repeat scroll 0 0;
text-align: center;
}
#outer_container {
z-index:2;
position:absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
overflow:auto;
text-align: center;
}
#inner_container {
margin: 0px auto;
text-align: left;
width: 900px;
}

#topbar {
margin-top: 29px;
margin-bottom: 46px;}

#topbar a{
width: 217px;
height: 53px;
display:block;
text-decoration: none;
background-image: url(../images/schoengut_logo.png);
}

/* Ganze Navigation */

#nav_column {
width:190px;
float:left;}

.nav_box {
margin-bottom: 10px;
}
.nav_box ul {
background-image: url(../images/nav_box_seamless.png);
background-repeat: repeat-y;
}
.nav_box a {
font-size: 12px;
text-decoration:none;
color:#969696;
font-family: Verdana, Tahoma, sans-serif;}
.nav_box a:hover {
font-size: 12px;
text-decoration:none;
color:#821e14;
font-family: Verdana, Tahoma, sans-serif;}

#nav_box_1_top {
width: 192px;
height: 20px;
background-image: url(../images/nav_box_1_top.png)
}
#nav_box_1_bottom {
width: 192px;
height: 20px;
background-image: url(../images/nav_box_1_bottom.png)
}
#nav_box_2_top {
width: 192px;
height: 20px;
background-image: url(../images/nav_box_2_top.png)
}
#nav_box_2_bottom {
width: 192px;
height: 20px;
background-image: url(../images/nav_box_2_bottom.png)
}
#nav_box_3_top {
width: 192px;
height: 20px;
background-image: url(../images/nav_box_3_top.png)
}
#nav_box_3_bottom {
width: 192px;
height: 20px;
background-image: url(../images/nav_box_3_bottom.png)
}

.nav_box ul {
list-style-type:none;
margin:0;
padding:3px 0px 7px 0px;
}
.nav_box li:last-child {
border-bottom: 2px dotted #969696;
}
.nav_box li {
margin-left:15px;
margin-right:13px;
padding:4px 0;
border-top: 2px dotted #969696; 
}

.schlussbutton{
padding-top: 4px;
margin-top: 10px;
margin-bottom: -15px;
}

.speziallink{
font-size:12px;
font-family: verdana, Tahoma, sans-serif;
}
.speziallink img {
margin:0;
}
a.speziallink{
text-decoration: none;
}
a:hover.speziallink{
text-decoration: underline;
}

.schlussbutton a{
display:block;
margin:0;
padding:0;}

.hervorhebung {
font-weight:900;
color: #821e14;
}

.dots_top{
border-top: 2px dotted #969696; 
}
.dots_bottom{
border-bottom: 2px dotted #969696; 
}


/* content-Bereich */

#content_column {
margin-top:0px;
margin-left:230px;
width:670px;
}

#cont_top {
width: 670px;
height: 40px;
background-image: url(../images/cont_top.png);
margin: 0;
padding:0;
margin-bottom: -15px;
}
#main_content {
width:670px;
min-height:300px;
margin: 0;
padding-left:0;
padding-right:0;
padding-top: 10px;
padding-bottom:70px;
background-image: url(../images/cont_seamless.png);
background-repeat: repeat-y;
}
#cont_bottom {
width: 670px;
height: 40px;
background-image: url(../images/cont_bottom.png);
margin-top: 0px;
padding:0;
}

#text_content {
margin-left:40px;
width:405px;
float:left;
}
#text_content li:first-child {
border-top: 2px dotted #969696;
}
#right_content {
width: 178px;
float:right;
margin-right:30px;
margin-top:10px;
}
#right_content img{
margin-bottom: 8px;
}

#broad_content{
margin-left: 45px;
margin-right: 45px;
}
#broad_content ul, #text_content ul {
list-style-type:none;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 30px;
padding: 0;
}
#broad_content li, #text_content li {
margin-left: 0;
margin-right: 0;
margin-bottom: 1px;
padding-top: 5px;
padding-bottom: 4px;
border-bottom: 2px dotted #969696; 
}
#broad_content li:last-child {
border-bottom: none;
}



/* Abstract-Class */

.abstract{
font-family: verdana, sans-serif;
font-size:12px;
border-top: 2px dotted #969696; 
margin-top: 17px;
margin-bottom: 8px;
margin-left: 0px;
margin-right: 0px;
padding-top: 8px;
padding-bottom: 4px;
}
.abstract h2{
font-family: verdana, sans-serif;
font-size: 12px;
color: #636363;
margin: 0;
padding: 0px;
}

#text_content .abstract ul{
font-family: verdana, sans-serif;
list-style-type: none;
margin: 0;
padding: 0;
}
#text_content .abstract li{
font-family: verdana, sans-serif;
line-height: 22px;
margin: 0;
padding: 0;
border: none;
}
.abstract a{
font-size: 12px;
font-family: verdana, sans-serif;
}
.abstract p{
font-size: 12px;
font-family: verdana, sans-serif;
}

/* Teaser-Klassen */

.wer_teaser{
width: 580px;
padding: 15px 0px;
border-bottom: 2px dotted #969696; 
margin:0}
.wer_teaser td img{ 
margin-top: 10px;
margin-left: 0px;
}

.wer_teaser td p{
width: 367px;
margin-top: 10px;
margin-left: 8px;
margin-right:8px;
margin-bottom: -7px;
}

.teaser {
border-bottom: 2px dotted #969696; 
}

table.teaser{
padding-top:0px;
margin: 8px 0px 30px 0px;}

/* Für Fade-in-Effekt benötigt: */

#fade {
position:fixed;
bottom:50px;
right:0px;
}

#fade_ie6{
position:fixed;
top: -1000px;
}

.hidden {
position: absolute;
top: -10000px;
}