/* screen.css Projekt Finestfog */


@import 'nav.css';

html, body {
    height: 100%;
}
body {
    margin: 0;
        padding: 0;
        background-color:#666666;
        font-family:verdana, tahoma, arial, sans serif;
}


#wrapper {
    min-height: 100%;
    position: relative;
    width:984px;
    margin:0 auto;
    background-color:#ffffff;
    background-image:url(../images/main_bg.gif);
    background-repeat:repeat-y;
}
#wrapper_start {
    min-height: 100%;
    position: relative;
    width:984px;
    margin:0 auto;
    background-color:#ffffff;
}

#content {
    padding:0 0 60px 0;
}

/* Content Bereiche */
#top {
    height:78px;
    width:100%;
    background-image:url(../images/top_bg.gif);
    background-position:0 bottom;
    background-repeat:repeat-x;
    background-color:#ffffff;
}

#logo {
    float:right;
    margin:27px 34px 0 0;
}
#logo a img {
    border:0px;
}

/* Illustration */
#illustration {
    width:100%;
    border:0px;
    border-bottom:1px solid #7f7f7f;
        position:relative;
}
#illustration img {
    display:block;
}

#illustration a {
    position:absolute;
    left:0;
    top:0;
}

#main {
    padding:30px 0 0 0;
}

.main_content {
    float:right;
    width:720px;
    padding:0 0 0 84px;
    font-size:10px;
}
.main_content .left {
    border:0px solid red;
    min-height:100px;
    width:460px;
    float:left;
}
.main_content .right {
    border:0px solid red;
    min-height:100px;
    width:200px;
    padding:0 40px 0 20px;
    float:left;
}

.main_content .right_gallery {
    border:0px solid red;
    min-height:100px;
    width:200px;
    padding:0 0px 0 60px;
    float:left;
    margin:-29px 0px 0px 0px;
}

.main_content .right_gallery img {
    margin:0 0 1px 0;
}

.main_content h1 {
    font-size:10px;
    font-weight:bold;
    text-decoration:none;
    margin:0 0 4px 0;
}

.main_content h2 {
    font-size:10px;
    font-weight:bold;
    text-decoration:none;
    margin:0 0 4px 0;
}

.main_content p {
    font-size:10px;
    margin:0 0 4px 0;
    line-height:16px;
}

.main_content strong {
    font-weight:normal;
    color:#CD0000;
}

/* Links */
.main_content a, #main_content a:link {
    text-decoration:none;
    color:#333333;
    text-decoration:none;
}
.main_content a:hover {
    color:#666666;
    text-decoration:none;
}

/* Image Links */
.main_content a img {
    border:none;
}


/* Inhaltsbereich Tabelle mit Klassenangabe */
table.lines {
    border:0px;
    border-collapse:collapse;
}

table.lines thead tr td, table.lines thead tr th {
    padding:0 0 15px 0;
    border-bottom:1px solid #414141;
    vertical-align:top;
}

table.lines tbody tr td {
    padding:2px 0 4px 0;
    border-bottom:1px solid #cddcdd;
    vertical-align:top;
}

/* Listelemente */
.main_content ul {
    margin:16px 0 16px 0;
    padding:0px;
}
.main_content ul li {
    list-style-type:image;
    list-style-image:url(../images/bullet.jpg);
    line-height:16px;
    margin:0 0 0 16px;
    padding:0px;
}

/* Listelemente */
.main_content ol {
    margin:16px 0 16px 0;
    padding:0px;
}
.main_content ol li {
    line-height:16px;
    margin:0 0 0 16px;
    padding:0px;
}

/* Artikelliste */
.main_content div.listItem {
    margin:0px 0px 10px 0px;
    padding:0px 0px 10px 0px;
    border-bottom:1px solid #7F7F7F;
}

/* Kontaktformular */
form label {
    display:block;
    font-weight:normal;
    width:120px;
    float:left;
}
form input[type=text] {
    border:1px solid #cccccc;
    line-height:12px;
    height:14px;
    width:336px;
    font-size:10px;
    font-family:verdana, tahoma, sans-serif;
    background-color:#f5f5f5;
    color:#838F93;
}
form textarea {
    border:1px solid #cccccc;
    line-height:13px;
    font-family:verdana, tahoma, sans-serif;
    font-size:10px;
    background-color:#f5f5f5;
    color:#838F93;
}
form input[type=submit] {
    border:0px solid #7f7f7f;
    line-height:16px;
    font-size:10px;
    height:18px;
    font-weight:bold;
    background-color:#ffffff;
    color:#cd0000;
    font-family:verdana, tahoma, sans-serif;
    position:relative;
    float:right;
    right:0px;
}

/* Glossarmodul */
.glossary_nav {
    margin: 0px 0pc 10px 0px;
    letter-spacing: 10px;
}

.glossary_nav a {
    color:#333333;
    text-decoration:none;
}
.glossary_nav a.active, .glossary_nav a:hover {
    color:#666666;
}
.glossary h2 {
    margin:8px 0px 4px 0px;
}
.glossary .glossary_item {
    margin:0px 0px 0px 80px;
}

/* Toplink div mit clear */
.tl_clear {
    clear:both;
    padding:9px 0 33px 180px;
}



#footer {
    position: absolute;
    width:100%;
    bottom: 0;
    left: 0;
    height:60px;
}

#language {
    padding:0 0 0 40px;
    height:39px;
    border:0px;
    border-bottom:1px solid #7f7f7f;
}
#language span {
    margin:14px 0 0 0;
    font-size:10px;
    color:#333333;
}
#language span a {
    text-decoration:none;
    color:#333333;
}
#language span a:hover, #language span a.active {
    color:#bdcfd9;
}

#footer #page_end {
height:22px;
padding:18px 0 0 0;
}

#footer #page_end a, .toplink a {
    color:#333333;
    text-decoration:none;
}
#footer #page_end a:hover, .toplink a:hover {
    color:#bdcfd9;
}
#page_end .toplink, .toplink {
    width:83px;
    float:left;
}
#page_end .toplink a, .toplink a  {
font-size:10px;
    background-image:url(../images/up.png);
    background-repeat:no-repeat;
    background-position: 0px 4px;
    padding:0 0 0 30px;
    display:block;
}
#page_end .printlink {
    width:100px;
    float:left;
}
#page_end .printlink a {
font-size:10px;
    margin:0 0 0 28px;
    display:block;
}
#page_end .fleft {
    border-bottom:1px solid #7f7f7f;
    width:103px;
    margin:0 37px 0 40px;
    float:left;
    height:10px;
}
#page_end .fcenter {
    border-bottom:1px solid #7f7f7f;
    width:520px;
    margin:0 0 0 0px;
    float:left;
    height:10px;
}
#page_end .fright {
    border-bottom:1px solid #7f7f7f;
    width:101px;
    margin:0 0 0 0px;
    float:left;
    height:10px;
}
/* gesamtbreite Trennlinie */
.ffull {
    border-bottom:1px solid #7f7f7f;
    width:721px;
    margin:0 0 0 0px;
    float:left;
    height:10px;
}

.clear {
    clear:both;
}



/* Mootools Tooltips */
.tool-tip {
    color: #fff;
    width: 200px;
    z-index: 13000;
}
 
.tip-title {
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    color:#CD0000;
    padding: 8px 8px 4px;
    background: url(../images/tip.png) top left no-repeat !important;
    background: url(../images/tip.gif) top left no-repeat;
}
 
.tip-text {
    font-size: 11px;
    padding: 4px 8px 8px;
    background: url(../images/tip.png) bottom left no-repeat !important;
    background: url(../images/tip.gif) bottom left no-repeat;
}