@charset "utf-8";

/* CSS Document for gerd-wolff.com
Project:   Website
Name:      www.gerd-wolff.com
Author:    Andreas Meisenberg
E-Mail:    am@markom-online.de
Date:      2009-06-16
Copyright: �2009 - Markom Agentur f�r Marketing-Kommunikation
*/

/* BROWSERKILL */

* { margin:0px; padding:0px; border:0px; }
html { overflow:auto; }

/* BASIS-LAYOUT */
 
/* standard page config */
body {
    background-color:#eee;
    color:#333;
    font-family:Arial, sans-serif;
    font-size:10px;
    line-height:1.2em;
}
 
    /* MAIN CONTAINER CONTAINING AND POSITIONING WHOLE CONTENT */
#container {
    position:absolute;
    top:15px;
    left:50%;
    margin-left:-450px;
    width:900px;
    height:690px;
    background-color:#fff;
}
    #head {
        position:absolute;
        top:0px;
        left:0px;
        width:900px;
        height:215px;
        background-color:#c3c4c6;
    }
        #topmenuebar {
            position:absolute;
            top:80px;
            left:0px;
            width:900px;
            height:20px;
            border-top:3px solid #fff;
            border-bottom:3px solid #fff;
            background-color:#0076A6;
        }
            #topmenuebar #language {
                float:left;
                height:16px;
                width:202px;
                padding-left:4px;
                                padding-top:4px;
                border-right:3px solid #fff;
            }
                        #topmenuebar #language a {
                                float:left;
                                margin-right:4px;
                        }
            #topmenuebar #topmenu {
                float:left;
                height:12px;
                width:488px;
                padding:4px;
                border-right:3px solid #fff;
            }
            #topmenuebar #topcontact {
                float:left;
                width:180px;
                height:12px;
                padding:4px;
            }
            /* Definition of Links in the top-menu (images included!) */
            #topmenuebar a {
                float:left;
                margin-right:6px;
                margin-left:4px;
                text-decoration:none;
                color:#fff;
                font-size:1.1em;
            }
        
        /* Flash-Animation in the head */
        #flashtrailer {
            position:absolute;
            top:107px;
            left:0px;
            width:900px;
            height:107px;
        }

    #main {
        position:absolute;
        top:220px;
        left:0px;
        width:900px;
        height:445px;
        background:url(../images/page/bg_main.jpg) top left repeat-y #fff;
    }
    
        #menu_left {
            position:absolute;
            top:0px;
            left:0px;
            width:170px;
                        height:385px;
            padding:20px;   
        }
            #menu_left ul {
                list-style:none;
            }
            #menu_left li {
                display:block;
                float:left;
                width:170px;
                height:20px;
                list-style:none;
            }
            #menu_left li a {
                background:url(../images/page/li_bullet.jpg) 0px center  no-repeat;
                padding-left:10px;
                color:#333;
                font-size:1.2em;
                text-decoration:none;
                font-weight:bold;
            }
                        #menu_left li a.hier {
                background:url(../images/page/li_bullet.jpg) 15px center  no-repeat;
                padding-left:25px;
                color:#0076A6;
                font-size:1.2em;
                text-decoration:none;
                font-weight:bold;
            }
            
            #euroblech {
                
            }
 
            #adressblock {
                position:absolute;
                                left:20px;
                                bottom:0px;
            }


        #content {
            position:absolute;
            top:0px;
            left:235px;
            width:460px;
            height:435px;
            padding-top:5px;
            padding-bottom:5px;
            font-weight:bold;
        }
            #content h1, #content table h1 {
                font-size:1.3em;
                color:#0076A6;
                margin-bottom:4px;
            }
            #content ul, #content table ul {
                margin-left:1.2em;
                                list-style:none;
            }
            
            #content a { color:#0076A6; }

                        #content p { margin-bottom:1em; }

                        #content img.rechts {
                                float:right;
                                margin-left:5px;
                                margin-bottom:10px;
                        }

                        #content img.links {
                                float:left;
                                margin-right:5px;
                                margin-bottom:10px;
                        }
                        #content table ul { list-style:none; }

                        #content table li a, #content li a {
                background:url(../images/page/li_bullet.jpg) 0px center  no-repeat;
                padding-left:10px;
                color:#333;
                font-size:1.1em;
                text-decoration:none;
                margin-bottom:3px;
            }
                        .hier {
                background:url(../images/page/li_bullet.jpg) 10px center  no-repeat;
                padding-left:20px;
                color:#0076A6;
                font-size:1.1em;
                text-decoration:none;
                margin-bottom:3px;
            }

                        #content strong { color:#0076A6; }

                        #content table tr td h1.news {
                    background-color:#666;
                    height:20px;
                    text-align:center;
                        text-transform:uppercase;
                    font-style:italic;
                        font-size:1.4em;
                    font-weight:normal;
                    color:#fff;
                        padding-top:5px;
                        margin-bottom:20px;
                }
            
    #newsarea {
        float:right;
        top:0px;
        width:190px;
        height:145px;
    }
    
        #newsarea h1 {
            background-color:#666;
            height:20px;
            text-align:center;
            text-transform:uppercase;
            font-style:italic;
            font-size:1.4em;
            font-weight:normal;
            color:#fff;
            padding-top:5px;
            margin-bottom:10px;
        }
        #newsarea p {
            padding-left:25px;
            padding-right:25px;
            font-weight:bold;
        }
        #newsarea a { color:#0076A6; margin-bottom:10px; }
    
    #footer {
        position:absolute;
        bottom:0px;
        left:0px;
        height:16px;
        width:690px;
        padding-left:210px;
        padding-top:4px;
        background-color:#0076a6;
        color:#fff;
        font-size:1.1em;
        margin-top:5px;
    }




            
            #intro {
                position:absolute;
                top:105px;
                left:0px;
                width:900px;
                height:555px;
                background-color:#fff;
            }
            
/* movie */
div#movielink {position:absolute;right:0;bottom:0;background: #ccc url(../upload/flashmovie/bgr-movielink.jpg) bottom left no-repeat;width:189px;height:120px;}
div#movielink .movietitle {font-family:verdana,geneva,sans-serif;color:#333;font-weight:bold;background: transparent url(../upload/flashmovie/bt-movie.jpg) center right no-repeat;width:123px;}
/* mainnav */
li.navmainStandardLevel_3 {text-indent:17px;}
#menu_left li a.navmainStandardLevel_3 {font-weight:normal;}
#menu_left li a.navmainStandardLevel_2.active {padding-left:25px;color:#0076A6;background:url(../images/page/li_bullet.jpg) 15px center  no-repeat;}
/* trlink */
p.trlink {padding:15px 0;}
p.trlink a {text-decoration:none;color:#000;font-weight:bold;font-size:11px;}