/* allgemeines ------------------------------------------------------ */

* { 
margin:0;
padding:0;
}

html{
height:100%;
}

.clear{
clear:both;
}

/* basis ------------------------------------------------------ */

body{
text-align:center;
font-family:"Times New Roman", Times, serif;
}

#site{
position:relative;
width:780px;
margin:0px auto;
}

#head{
width:750px;
height:180px;
border-bottom:1px solid #7a7a7a;
margin:20px 15px 3px 15px;
}

#logo{
position:absolute;
top:20px;
left:260px;
width:260px;
height:139px;
background-color:#fff;
}

#navigation{
width:750px;
height:60px;
margin:0 15px 0 15px;
}

#fader{
width:750px;
height:250px;
margin:0 15px 60px 15px;
background:#7a7a7a;
overflow:hidden;
}

#main-content{
width:780px;
margin:0 0 60px 0;
}

.single-box{
position:relative;
width:230px;
border-top:1px dotted #7a7a7a;
border-bottom:1px dotted #7a7a7a;
margin:0 15px 60px 15px;
padding:20px 0 12px 0;
float:left;
}

.single-box-image{
position:absolute;
left:90px;
width:50px;
background-color:#fff;
}

.double-box{
width:490px;
border-top:1px dotted #7a7a7a;
border-bottom:1px dotted #7a7a7a;
margin:0 15px 60px 15px;
padding:20px 0 12px 0;
float:left;
}

.triple-box{
width:750px;
border-top:1px dotted #7a7a7a;
border-bottom:1px dotted #7a7a7a;
margin:0 15px 60px 15px;
padding:20px 0 12px 0;
float:left;
}

.toggler-image-content{
height:167px;
background-color:#7a7a7a;
margin:18px 0 17px 0;
}

.t-image{
width:504px;
border-right:1px solid #fff;
float:left;
}

.t-content{
width:215px;
margin:9px 15px 0 15px;
float:right;
}

#footer{
width:750px;
border-top:1px solid #7a7a7a;
margin:30px 15px 0 15px;
padding:20px 0 30px 0;
}

/* text, listen, links ------------------------------------------------------ */

.lane-narrow{
font-size:10px;
font-family:'Lucida', Arial, sans-serif;
text-transform:uppercase;
letter-spacing:3px;
padding:11px 0 0 0;
font-weight:bold;
}

p{
font-size:14px;
margin:0 0 14px 0;
color:#7a7a7a;
}

.t-content p{
color:#fff;
font-weight:light;
}

#navigation li{
list-style-type:none;
display:inline;
margin:0 10px 0 10px;
}

a{
color:#7a7a7a;
text-decoration:none;
}

a:hover{
color:#999;
}

a.active{
color:#999;
}

a:focus{
outline:none;
}

/* bilder ------------------------------------------------------ */

img{
border:none;
}

.toggler-image-content img{
border-right:1px solid #fff;
}

/* toggler-basis ------------------------------------------------------ */

.toggler-closed{
position:absolute;
left:365px;
width:50px;
height:25px;
background-image:url('../img/layout/redefine-events_mehr.jpg');
background-repeat:no-repeat;
background-position:center;
background-color:#fff;
display:block;
}

.toggler-opened{
position:absolute;
left:365px;
width:50px;
height:25px;
background-image:url('../img/layout/redefine-events_weniger.jpg');
background-repeat:no-repeat;
background-position:center;
background-color:#fff;
display:block;
}

.toggler-c{
padding:41px 0 0 0;
}