html,body{
    min-height:100%;
}

body {
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #fff;
    background-repeat: repeat-x;
    color:#555;
    background-image: url('/grfx/bg2.jpg');
    margin-bottom:20px;
}

#content:first-child>h2.selected {
    
    border-top-style: dashed;
    border-top-width: 20px;
    margin-top:20px;
    
    margin-top:0;
    border-top:none;
}


h3 {
    font-size:1.3em;
    line-height:1.4em;
}



#pagewrap {
    height:100%;
    width:900px;
    margin: 0 auto;
    text-align: left;
    border:1px solid #666;
    border-top:none;
    background-color: #fff;
    overflow:visible;
}

.magazine-container {
    background-color: #eee;
    margin-bottom:10px;
}


.teaserblock{
}


#head{
    height:207px;
    width:900px;
    background-image: url('/grfx/header.jpg');
    margin:0;
}

#head img{
    position:relative;
    top:115px;
    left:25px;
}

#content {
    padding-top:10px;
    width:660px;
    float:left;
}

ul {
   list-style:none;
   margin:0;
   padding:0;
   left:0;
}

.line {
    clear:both;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    margin-top:20px;
    margin-bottom:20px;
}

.clear {
    clear: both;
}

.clearleft {
    clear: left;
}

.clearright {
    clear: right;
}

#ntz, #pass {
    border:1px solid #666;
}

.denied {
    color:red;
    font-weight:bold;
}

#nav {
    background-image: url('/grfx/header_ecke.jpg');
    background-repeat: no-repeat;
    width:200px;
    float:left;
    padding-top:50px;
}

#nav a {
    display:block;
    width:160px;
    height:25px;
    margin-bottom:3px;
    padding-left:20px;
    background-image: url('/grfx/sq_0.gif');
    background-position: 0 5px;
    background-repeat: no-repeat;
    text-decoration:none;
    color:#666;
}


#nav a.back {
    background-image: url('/grfx/ar_0.gif');
}

#nav a:hover {
    color:#000;
}

/* ---- REFERENZEN ----
 *
 */

.ref {
    margin:0;
    padding:0;
    margin-bottom:5px;
}

.ref img {
    border: 1px solid black;
    display:inline;
    margin:0;
}


.ref .p2a {
    width:323px;
    height:150px;
    margin-right:6px;
}
.ref .p2b {
    width:323px;
    height:150px;
}


.ref .p3a {
    width:212px;
    height:98px;
    margin-right:5px;
}
.ref .p3b {
    width:212px;
    height:98px;
}


.ref .p4a {
    width:156px;
    height:72px;
    margin-right:5px;
}
.ref .p4b {
    width:156px;
    height:72px;
}
#footer {
    height:50px;
    background-image: url('/grfx/footer.jpg');
    padding:10px 0 0 15px;
    color:#999;
    font-size: 10px;
    line-height:12px;
    margin-top:50px;
}

#footer img {
    float:left;
    margin-right:15px;
    vertical-align: text-bottom;
}

#footer div {
    float:left;
    position:relative;
    top:14px;
    width:530px;
}
.imgleft {
    float: left;
    margin-right: 20px;
}
          
.imgright {
    float: right;
    margin-left: 20px;
}

.graurahm {
    padding:2px;
    background-color:#eee;
}

.graurahm a {
    padding:0;
    margin:0;
}
body { font: 0.8em/1.4em "Lucida Grande", Calibri, "Segoe Sans", Futura, "Gill Sans", "Lucida Sans", "News Gothic MT", "Bitstream Vera Sans", "Trebuchet MS", sans-serif; }

h1,h2,h3,h4,h5,h6 {
    font-weight:normal;
}

h1 {
    color:#000;
    font-size:1.5em;
    line-height:1.3;
/*    border-bottom:1px dashed #555;*/
    margin-bottom:25px;
}

h2 {
    font-size:18px;
    line-height:2em;
}

h2.selected {
   margin-top: 20px;
   cursor:not-allowed;
   background: none !important; 
   padding-left: 0px;
}

h2.hover {
    cursor:pointer;
    background: url('/grfx/ausklappen.gif') no-repeat;
    background-position:0 17px;
    background-color:#eee;
}
p { margin-bottom: 15px; }

#content embed { /*border: 1px solid #555; border-bottom:none;*/ }

ol li { margin-left:20px;}