/* programming by sebastian stuetz | mediaagentur fuer print und web */
/* visit www.sebastian-stuetz.de for more informations */

body {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:1.7em;
    font-weight:normal;
    margin:0;
    padding:0;
    color:#333;
    background-color:#FFF;
    background-image:url(../images/bg_body.png);
    background-repeat:repeat-y;
    text-align:left;
    }

img {
    border:0;
    margin:0;
    padding:0;
    }

h1 {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height:1.3em;
    font-weight:normal;
    color:#333;
    background-color:transparent;
    margin:0 0 8px 0;
    padding:0;
    }

h2 {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:18px;
    line-height:1.2em;
    font-weight:bold;
    color:#333;
    background-color:transparent;
    margin:0 0 8px 0;
    padding:0;
    }
    
h3 {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height:1.2em;
    font-weight:bold;
    color:#333;
    background-color:transparent;
    margin:0 0 0 0;
    padding:0;
    }
    
ul {
    list-style-image:url(../images/icon_pfeil.png);
    margin:0 20px 0 20px;
    padding:0;
    }
    
    ul li {
        padding:0 0 0 0;
        margin:0;
        }

a {
    text-decoration:underline;
    color:#006699;
    background-color:transparent;
    }

a:hover {
    text-decoration:none;
    color:#006699;
    background-color:transparent;
    }
    
.aus {
    height:1px;
    clear:both;
    overflow:hidden;
    }

/* --- Layout --- */

.container {
    width:740px;
    text-align:left;
    }

    .header {
        height:69px;
        background-image:url(../images/bg_header.png);
        background-repeat:repeat-x;
        position:relative;
        }
        
        .logo {
            position:absolute;
            right:30px;
            top:20px;
            text-align:right;
            }
    
    .hauptbild {
        height:300px;
        overflow:hidden;
        }
    
    .mainwrapper {
        background-image:url(../images/bg_mainwrapper.png);
        background-repeat:repeat-x;
        padding:30px 0 0 0;
        }

    .mainwrapper_bildergalerie {
        padding:30px 0 0 0;
        }
                
        .artikel {
            padding:10px 0 15px 0;
            margin:0 30px 30px 30px;
            background-image:url(../images/bg_header.png);
            background-repeat:repeat-x;
            background-position:bottom;
            }

        .artikelohne {
            padding:10px 0 15px 0;
            margin:0 30px 10px 30px;
            }
            
        .artikeltop {
            padding:15px;
            margin:0 30px 30px 30px;
            border:1px solid #CCC;
            background-color:#F2F2F2;
            }
        
        .pic {
            padding:10px 0 15px 0;
            margin:0 0 0 30px;
            width:458px;
            height:350px;
            float:left;
            }
            
        .sidebox {
            padding:10px 0 15px 0;
            margin:0 30px 0 30px;
            _margin:0 10px 0 20px;
            width:192px;
            _width:172px;
            float:left;
            }
            
        .sidebox_right {
            float:right;
            margin:0 30px 10px 30px;
            width:292px;
            }
        
        .thumbnails {
            margin:0 30px 30px 30px;
            padding:10px 0 15px 0;
            clear:left;
            }