body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    behavior: url("../resources/css/csshover3.htc");
    padding: 0;
    width: 100%;
    margin: 0;
    background: #ff9935 url(../images/bg.jpg) repeat-x;
}

a {color: #f93;}

.container {
        position: relative;
}


.header {width: 970px; position: relative; margin: 0 auto; z-index: 999;}

.head_logo {
        position: absolute;
        top: 27px;
        left: 0;
        background-image: url(../images/weisandfriends-logo.gif);
	width: 205px;
	height: 44px;
	margin-left: 3px;
	display:block;
	}
	
.head_right {width:765px;}

.content_main {position: relative; margin: 0 auto; width: 970px;}

/*CSS Menu */

#menu {position: absolute; top: 120px; left:0;}

#menu, #menu ul, #menu li{
padding:0;
margin:0;
border:none;
width: 290px;
} 

#menu li{
list-style: none;
position: relative;
width:83px;
height: 29px;
padding:0 0px;
cursor:pointer;
} 

#menu li a{
text-decoration:none;
border: 0px solid;;
} 



#menu ul ul{
position: absolute;
top:0;
left:83px;
width: 145px;
display:none;
} 

#menu ul li:hover ul {
display:block;
}

/*#menu a {display:block;}
/*#menu ul {background-image:url(images/sprite.jpg) no-repeat;width: 83px; height: 29px;display:block;}
#menu ul li ul li a {background:url(images/sprite.jpg) no-repeat;width: 145px; height: 29px;display:block;}*/
#menu ul li {
    background: url(../images/sprite.gif) 0 0 no-repeat;
    margin: 0;
    padding: 0;
    display:block;
    width: 83px;
    height: 29px;
}
#menu ul li a {
    padding: 0;
    margin: 0;
    outline: none;
    display:block;
    width: 83px;
    height: 29px;
}

#menu ul .we {background-position: 0px 0px; }
#menu ul .we:hover, #menu ul .we-active:hover {background-position: -83px 0px;}
#menu ul .we-active {background-position: -166px 0px;}
#menu ul .why {background-position: 0px -29px; }
#menu ul .why:hover, #menu ul .why-active:hover {background-position: -83px -29px;}
#menu ul .why-active  {background-position: -166px -29px;}
#menu ul .what{background-position: 0px -58px; }
#menu ul .what:hover, #menu ul .what-active:hover {background-position: -83px -58px;}
#menu ul .what-active {background-position: -166px -58px;}
#menu ul .where {background-position: 0px -87px; }
#menu ul .where:hover, #menu ul .where-active:hover {background-position: -83px -87px;}
#menu ul .where-active  {background-position: -166px -87px;}
#menu ul .web {background-position: 0px -116px; }
#menu ul .web:hover, #menu ul .web-active:hover {background-position: -83px -116px;}
#menu ul .web-active  {background-position: -166px -116px;}
#menu ul .work{background-position: 0px -145px; }
#menu ul .work:hover, #menu ul .work-active:hover {background-position: -83px -145px;}
#menu ul .work-active  {background-position: -166px -145px;}

#menu ul li ul li {
    display:block;
    width: 145px;
    height: 29px;
}
#menu ul li ul li a {
    background: url(../images/sprite.gif) 0 0 no-repeat;
    display:block;
    width: 145px;
    height: 29px;
}

#menu ul li ul .steckbrief {background-position: -250px 0px; }
#menu ul li ul .steckbrief:hover {background-position: -250px -29px;}
#menu ul li .friends {background-position: -249px -58px;  }
#menu ul li .friends:hover {background-position: -249px -87px;}
#menu ul li .teambuilding {background-position: -249px -116px;  }
#menu ul li .teambuilding:hover {background-position: -249px -145px;}
#menu ul li .meetings {background-position: -394px 0px;  }
#menu ul li .meetings:hover {background-position: -394px -29px;}
#menu ul li .incentives {background-position: -394px -58px;  }
#menu ul li .incentives:hover {background-position: -394px -87px;}
#menu ul li .outdoor {background-position: -394px -116px;  }
#menu ul li .outdoor:hover {background-position: -394px -145px;}
#menu ul li .konferenzen {background-position: -539px 0px;  }
#menu ul li .konferenzen:hover {background-position: -539px -29px;}
#menu ul li .events {background-position: -539px -58px;  }
#menu ul li .events:hover {background-position: -539px -87px;}
#menu ul li .workwith {background-position: -539px -116px;  }
#menu ul li .workwith:hover {background-position: -539px -145px;}
#menu ul li .kuenstler {background-position: -684px 0px;  }
#menu ul li .kuenstler:hover {background-position: -684px -29px;}

#menu ul li .webreg {background-position: -687px -58px;  }
#menu ul li .webreg:hover {background-position: -687px -87px;}
#menu ul li .webtools {background-position: -684px -116px;  }
#menu ul li .webtools:hover {background-position: -684px -145px;}

#menu ul li .opportunities {background-position: -830px 0px;  }
#menu ul li .opportunities:hover {background-position: -830px -29px;}
#menu ul li .sample {background-position: -829px -58px;  }
#menu ul li .sample:hover {background-position: -829px -87px;}

.button{width:100px;height:30px;display:block;}

.photo_content_start {position: absolute; top:40px; right: 0px; width: 634px; height: 285px;background-image:url(../images/weis_and_friends_01.jpg); background-repeat: no-repeat;}
.content_upper {height:325px;}
.content_upper p {line-height:17px;}
.content_lower {height: 355px;}

.navi-top {
    color: #fbcb8c;
    font-size: 11px;
    position: absolute;
    top: 12px;
    right: 0;
}
.navi-top a {
    color: #ffffff;
    font-size: 11px;
    text-decoration: none;
    margin: 0 10px;
}
.navi-top a:hover {
    color: #feed7;
    font-size: 11px;
}
.zitat {float:left;background: url(../images/zitat.gif) 0 40px no-repeat;width: 330px; height:355px;}

.overlayer_intro_wrapper {
    position:absolute;
    bottom: 20px;
    left: 20px;
    z-index: 998;
}
.overlayer_intro {
	background-color: #000000; 
	width: 480px;
	height: 60px; 
	padding: 20px;
        
	
        /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=80);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.8;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.8;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.8;
}

.overlayer_intro h1 {font-size: 17px; color: #ffffff;text-align:left;margin-top:0px; margin-bottom: 5px}
.overlayer_intro h2 {font-size: 15px; color: #ff9933; text-align:left; margin-top:0px; line-height:17px; width: 320px}

h1 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.2em;color: #ffffff;text-align:left;margin-top:0px;}
h2 {font-family: Arial, Helvetica, sans-serif;font-weight: normal; font-size: 1.2em;color: #ff9933;text-align:left;margin-top:0px;line-height:1.4;}
.container_copy {margin-top: 30px;width: 295px;}
.copy {font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #666666;text-align:left;}


.headline {
    background: url(../images/headline-sprite.gif) 0 0 no-repeat; height: 30px; width: 350px; margin: 30px 40px;
}

.content_middle {width:305px;float:left;height:415px; margin-right: 20px;}
.hl_start {background-image:url(../images/hl_startseite.jpg);width: 305px; height: 57px;margin-top:40px;}

.content_right {float:left;width:305px; height:415px; }
.hl_anfrage {background-image:url(../images/hl_anfrage.jpg);width: 285px; height: 49px;margin-top: 40px;}
.kontakt_btn {position: absolute; top: 25px; right: 20px; display:block; cursor:pointer; width:183px; height: 45px; background: url(../images/btn_anfrage.png) 2px 2px no-repeat;}

/*Standardseite Hauptmenü*/
.bg_photo {background: #fff url(../images/bg_photo.jpg) no-repeat; width: 634px; position: absolute; top: 40px;left: 332px;}
.bg_photo h3 {color: #5b5b5b; font-size: 17px;}
.bg_photo h4 {color: #a2a2a2; margin-bottom: 30px; margin-top: 5px;}

/* we */
 .we-oben {background-position: 0 0px;}
 .photo_why {background-image:url(../images/weisandfriends_why.jpg);width:554px ; height: 196px; margin-left: 40px; margin-top: 21px;}

/* why */
 .why-oben {background-position: 0 -30px;}
 .photo_why {background:url(../images/weisandfriends-why.jpg) 0 0 no-repeat; width:550px ; height: 250px; margin-left: 40px; margin-top: 21px;}

/* what */
.what-oben {background-position: 0 -60px;}
.photo_content_what {width: 550px; height: 190px; background: url(../images/weisandfriends-what.jpg) 0 0 no-repeat; margin-left: 40px; margin-top: 21px;}

/* where */
.where-oben {background-position: 0 -90px; margin-bottom: 0}
.photo_content_where {width: 550px; height: 190px; background: url(../images/weisandfriends-where.jpg) 0 0 no-repeat; margin-left: 40px; margin-top: 21px;}
.content-top ul li {
    margin-bottom: 10px;
    color: #606060
}

/* web */
 .web-oben {background-position: 0 -120px; margin-bottom: 0}
 .photo_web {background-image:url(../images/weisandfriends_web.jpg);width:554px ; height: 196px; margin-left: 40px; margin-top: 21px;}
 .content-top ul p {margin-bottom: 20px;}

 /* work */
 .work-content {height: 400px;}
 .work-oben {background-position: 0 -150px; margin-bottom: 0}
 .photo_wrok {background-image:url(../images/weisandfriends_work.jpg);width:554px ; height: 196px; margin-left: 40px; margin-top: 21px;}

 /* events */
.photo_events {background-image:url(../images/weisandfriends_events.jpg);width:634px; height: 420px;}
.content_middle_large {width:633px;float:left;height:418px;}
.container_copy_large {margin-top: 30px;width: 550px;}



/* impressum */
.impressum-oben {background-position: 0 -180px;}

/* kontakt */
.kontakt-oben {background-position: 0 -270px;}
/* anfahrt  */
.anfahrt-oben {background-position: 0 -241px;}
/*  */
/*  */
/*  */
/*  */
  
/*error*/
.error-container {height: 350px}
.error {background-position: 0 bottom;}


.table-list {
    margin: 20px 0;
}
.table-list td {
    padding: 3px 0;
    vertical-align: top;
}

.content-top {
    text-align: left;
    padding: 20px 40px;
}
.content-top h2 {
    font-size: 17px;
    line-height: 19px;
    font-weight: bold;
    color: #666;
    margin-bottom: 20px;
}

.content-top p {
    color: #5b5b5b;
    margin-top: 0px;
    margin-bottom: 40px;
}

.foto-container-top-right {
    position: absolute;
    top: 144px;
    text-align: center;
    right: 0;
    width: 200px;
    height: 200px;
}

.footer {
    position: relative;
    height: 210px;
    background: url(../images/footer-bg.gif) 0 0 repeat-x;
}

.footer-container {
    width: 970px;
    margin: 0 auto;
    position: relative;
}

.keyvisual-left {
    background: url(../images/keyvisual-left.gif) 0 40px no-repeat;
    position: absolute;
    height: 250px;
    width: 350px;
    top: -243px;
    left: 0;

}
.imprint {
    color: #606060;
    font-size: 11px;
    position: absolute;
    top: 13px;
    right: 0;
}
.imprint a {
    color: #a2a2a2;
    font-size: 11px;
    text-decoration: none;
    margin: 0 10px;
}
.imprint a:hover {
    color: #bababa;
    font-size: 11px;
}
.deeplinks {
    width: 970px;
    height: 230px;
    position: absolute;
    top: 10px;
    left: 0;
}

.footer-column {
    float: left;
    text-align: left;
    width: 150px;
    font-size: 11px;
    margin-right: 20px;
}
.footer-column h3 {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
    color: #aaa;
    text-shadow: 1px 1px 0 #444;
}
.footer-column a {
    display: block;
    color: #999;
    line-height: 17px;
    text-decoration: none;
    
}
.footer-column a:hover {
    display: block;
    color: #dadada;
}

.partner-logos {
    height: 80px;
    width: 300px;
    position: absolute;
    top: 10px;
    right: 0;
    background: url(../images/partner-logos.gif) no-repeat;
}

.kontakt-short-right {
    position: absolute;
    top: 90px;
    right: 40px;
    width: 205px;
}
.kontakt-short-right {
    color: #707070;
}
.send-success {
    background: #eaf5db;
    padding: 20px;
    color: darkolivegreen;
}