/*

bugs in i.e. and fixes (paul irish and friends)
http://nicewebtype.com/notes/2009/10/30/how-to-use-css-font-face/

another practical solution
http://www.metaltoad.com/blog/how-use-font-face-avoid-faux-italic-and-bold-browser-styles

http://fontfabric.com/nexa-free-font/
http://www.myfonts.com/fonts/font-fabric/nexa/

*/



@font-face {font-family: 'Nexa-Book';src: url('/mcms/zirkusmedia/_fonts/27595F_0_0.eot');src: url('/mcms/zirkusmedia/_fonts/27595F_0_0.eot?#iefix') format('embedded-opentype'),url('/mcms/zirkusmedia/_fonts/27595F_0_0.woff') format('woff'),url('/mcms/zirkusmedia/_fonts/27595F_0_0.ttf') format('truetype');}


@font-face {font-family: 'Nexa-Black';src: url('/mcms/zirkusmedia/_fonts/27595F_1_0.eot');src: url('/mcms/zirkusmedia/_fonts/27595F_1_0.eot?#iefix') format('embedded-opentype'),url('/mcms/zirkusmedia/_fonts/27595F_1_0.woff') format('woff'),url('/mcms/zirkusmedia/_fonts/27595F_1_0.ttf') format('truetype');}


/*
@font-face {
    font-family: 'Nexa-Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Nexa-Bold'), url('/mcms/zirkusmedia/_fonts/Nexa-Bold.otf') format('opentype');
}
*/


@font-face {font-family: 'Nexa-Bold';src: url('/mcms/zirkusmedia/_fonts/nexa_bold-webfont.eot');src: url('/mcms/zirkusmedia/_fonts/nexa_bold-webfont.eot?#iefix') format('embedded-opentype'),url('/mcms/zirkusmedia/_fonts/nexa_bold-webfont.woff') format('woff'),url('/mcms/zirkusmedia/_fonts/nexa_bold-webfont.ttf') format('truetype');}


/*

Nexa-Light: not used right now
@font-face {font-family: 'Nexa-Light';src: url('/mcms/zirkusmedia/_fonts/nexa_light-webfont.eot');src: url('/mcms/zirkusmedia/_fonts/nexa_light-webfont.eot?#iefix') format('embedded-opentype'),url('/mcms/zirkusmedia/_fonts/nexa_light-webfont.woff') format('woff'),url('/mcms/zirkusmedia/_fonts/nexa_light-webfont.ttf') format('truetype');}
*/







b, strong {
    font-family: 'Nexa-Book';
    font-style: normal;
    font-weight: normal;
    color:#ffffff;


}

/*
#block_3 b,#block_3 strong {
    //font-family: 'Nexa-Book';
    font-family: 'Nexa-Bold';
    font-style: normal;
    font-weight: normal;
    color:#555555;


}
*/


/*

@import url(http://fonts.googleapis.com/css?family=Montserrat:700,400);

@font-face {
    font-family: 'Gotham';
    font-style: normal;
    font-weight: bold;
    src: local('Gotham'), url('/mcms/zirkusmedia/_fonts/Gotham-Bold.otf') format('opentype');
}


@font-face {
    font-family: 'AlexBrush';
    src: local('AlexBrush'), url('/mcms/zirkusmedia/_fonts/AlexBrush-Regular-OTF.otf') format('opentype');
    font-style: normal;
    font-weight: normal;
}


@font-face {
    font-family: 'Gotham-Book';
    src: local('Gotham-Book'), url('/mcms/zirkusmedia/_fonts/Gotham-Book.otf') format('opentype');
    font-style: normal;
    font-weight: normal;
}

*/
/**********************************************
	SHADOWS oo
**********************************************/

#loginbox {
    -moz-box-shadow: 1px 3px 1px #2a2a2a;
    -webkit-box-shadow: 1px 3px 1px #2a2a2a;
    box-shadow: 1px 3px 1px #2a2a2a;
}

/**********************************************
	GRADIANTS
**********************************************/

#loginbox {
    background:-moz-linear-gradient(top, rgba(255,255,255,.75), rgba(175,175,175,.75)); /* Firefox */
    background:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.75)), to(rgba(175,175,175,.75))); /* Safari, Chrome */
}

/**********************************************
	CONTENT
**********************************************/

body {
    /*background-color: black;*/
    background-color: #d6d4d5;
    font-family: 'Nexa-Book', sans-serif;
    font-size:12px;
    font-style: normal;
    font-weight: normal;
    line-height: 18px;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    color: #555555;
    /* line-height: 1.6em; */


}

.clearleft			{ clear: left; }

/* #b1b1b1 hell ton ERSETZT #867C73 */
/* #383838 background anthrazit #423733 */
/* 828282 mittel ersetzt #655A56 */

div#content {
    background-color: #d6d4d5;
    /* width: 820px; */
    min-height: 660px;
    border: 0px none;
    margin: 5px 0 5px 0;
    /*padding: 40px 20px 20px 40px;*/
    padding: 34px 20px 20px 54px;
    position: relative;
    top: 0px;
}

div#maincontent {
    background-color: #d6d4d5;
    width: 900px;
    xmin-height: 660px;
    border: 0px none;
    margin: 60px  0 40px 00px; /* was 40px */

}

.home div#maincontent {margin: 0 0 0 40px;}

/**********************************************
	HEADER
**********************************************/

#content div#header {
    width: 800px;
    xpadding: 20px 0px 0px 0px;
    xtext-align: center;
}
#content h1 {
    color: #ffffff;
    text-transform:uppercase;
    font-size: 30px;
    /*font-weight: 700;*/
    font-weight: bold;
    padding: 0;
    margin: 12px 0 0 0;
    line-height: 30px;
    font-family: 'Nexa-Bold', sans-serif
    /*font-family: 'Montserrat', sans-serif;*/

    /*font-family: 'Montserrat', sans-serif;*/


    /*font-family: arial, tahoma, sans-serif, sans;*/
}





#content h1 a {
    color: #ffffff;
    font-family: 'Nexa-Black', sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 3px;
    text-transform:uppercase;
    padding: 0;
    margin: 12px 0 0 0;
    line-height: 30px;
    text-decoration: none;
}
#content h1 a:active, #content h1 a:hover{text-decoration: none}

#content h2 {
    color: #b1b1b1;
    font-size: 45px;
    font-weight: bold;
    padding: 0;
    margin: 12px 0 0 0;
    line-height: 45px;
    font-style: italic;
}

#content #header h2 {
    margin: 4px 0 0 0;
}

#content h3 {
    color: #b1b1b1;
    font-size: 18px;
    font-weight: bold;
}


/**********************************************
	NAVIGATION
**********************************************/

#content div#nav {
    color:#000;
    margin-top:22px;
    margin-bottom:0px;

}

#content #nav ul {
    list-style-type:none;
    padding:0;
    margin: 0px 0 10px 0;
    text-align: bottom;
}
.home #content #nav ul { margin: 0 0 0 0; }
#content #nav ul ul {
    margin: 10px 0 20px 0;

    position: absolute;
    top: 130px;


} /* 40px */

#content #nav ul li {
    list-style-type:none;
    display: inline;


    font-family: 'Nexa-Book', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    letter-spacing:3px;
    text-transform:uppercase;




    /*
    display: inline-block;
    width:90px;
    vertical-align: top;
    */

    /*margin-right:20px;*/
}

#content #nav ul li a {
    /*margin: 0;*/
    font-family: 'Nexa-Book', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    letter-spacing:3px;
    text-transform:uppercase;
    color: #565656;



}

#content #nav ul li a.selected {
    font-family: 'Nexa-Book', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    letter-spacing:3px;
    text-transform:uppercase;
    color: #ffffff;
}



#content #nav ul li ul li a {
    /*font-family: 'Montserrat', sans-serif;*/
    font-size: 12px;
    font-weight: normal;
    text-transform:uppercase;
    color: #565656;
}

#content #nav ul ul li {
    display: inline;
}

#content #nav a {
    margin: 0px 20px 0px 0px;
    padding: 0px;
    display: inline;
    color: #565656;
    font-size: 28px;
    font-weight: bold;
    text-decoration: none;
}
#content #nav a.selected { color: #000000; }
#content #nav a.selected:hover,
#content #nav a.selected:active,
#content #footer a:hover {
    /* color: #be643f; */ /* ardnt_orange */
    font-family: 'Nexa-Book', sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #ffffff;
}

#content #nav ul li:first-child a.selected { color: #ffffff; }
#content #nav ul li:first-child a.selected:hover,
#content #nav ul li:first-child a.selected:active {
    /* color: #be643f; */ /* ardnt_orange */
    color: #ffffff;
}

#content #nav ul ul a.selected { /* color: #be643f; */ /* ardnt_orange */ color: #ffffff; }
#content #nav ul ul a.selected:hover,
#content #nav ul ul a.selected:active {
    /* color: #be643f; */ /* ardnt_orange */
    color: #ffffff;
}
#content #nav ul ul li:first-child a.selected {  /* color: #be643f; */ /* ardnt_orange */ color: #ffffff;  }

#footer #nav a:hover,
#content #nav a:hover,
#nav a:active {



    font-family: 'Nexa-Book', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    letter-spacing:3px;
    text-transform:uppercase;
    color: #ffffff;



}
.hovermovie {
    /*border: 2px solid #d6d4d5;  arndtbg  */

}

.outmovie {
    /* border: 2px solid #be643f; */ /*arndtorange */
    /*border: 2px solid #d6d4d5;  arndtbg  */
}

/**********************************************
	Footer
**********************************************/

#footer {

}

#content #footer a {
    margin: 0px 20px 0px 0px;
    padding: 0px;
    display: inline;
    font-size: 45px;
    font-weight: bold;
    text-decoration: none;
}


/**********************************************
	CONTENT
**********************************************/

#maincontent table.contenttable {padding: 3px 0 3px 0;;margin:0; border: 0; }
#maincontent table.contenttable tr {padding:0;margin:0;}
#maincontent table.contenttable td {padding: 0px 25px 0 0;margin:0;white-space:nowrap; /*font-size: 18px; */}
#maincontent table.contenttable tr:nth-child(odd)   { background-color:none; }
#maincontent table.contenttable tr:nth-child(even)    { background-color: none; /*#282828;*/ }

#content span.open {
    margin: 0px 20px 0px 0px;
    padding: 0px;
    display: inline;
    /* color: #be643f; */ /* ardnt_orange */
    color: #b1b1b1;
    /* color: #be643f; */ /* ardnt_orange */
    color: #b1b1b1;
    font-size: 20px;
    font-weight: bold;
}

#maincontent ul {
    list-style-type:none;
    margin-left:0;
    padding-left: 0;

}

#maincontent ul li {
    /* font-size: 18px;*/
    /* margin-left: -21px; */
    list-style-type:none;
    margin-left:0;
    padding-left: 0;

}

#content div#content {
    margin: 30px 0px 0px 0px;
    padding: 20px 0px 0px 0px;
    text-align: left;
    min-height: 200px;
}

#content img {
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
#content #imgbox_left img,
#content #imgbox_right img {
    margin-bottom: 0px;
    float: left;
    margin-right: 0px;
}

#content div.imgsub {
    margin-bottom: 0px;
    float: left;
    width: 167px;
    min-height: 102px;
    position: relative;
}

#content div.movieinfo {

    font-family: 'Nexa-Book', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    width: 167px;
    height: 102px;

    display:none;
    position:absolute;
    left:0px;
    bottom:0px;
    z-index:3;
    padding: 0px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.6);
    cursor: pointer;
}

#content .movieinfo h3 {
    font-size: 13px;
    color: white;
    /*font-size: 28px;*/
    font-weight: bold;
    padding: 0 0 10px 0;
    margin: 0;
    line-height: 12px;

}
#content .movieinfo p {
    font-size: 12px;

    line-height: 12px;
    cursor: pointer;


}

#content .videohead {
    margin: 10px 0 10px 0;
}

#content .videohead h3 {
    margin: 0 0 10px 0;
}

div.videohead p {
    font-family: 'Nexa-Book', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px !important;
    bottom:auto!important;
}

div.videohead p p {}


/* div.videohead>:first-child {color:#ffffff;} */



#content div.imgsub_f {
    width: 140px;
    margin-bottom: 10px;
    margin-right: 18px;
    float: left;
    font-size: 12px;
}
#content div#imgbox_left {
    float: left;
    width: 640px;
}
#content div#imgbox_right {
    display:none;
    float: left;
    width: 395px;
}

div.vp-window {
    position:absolute;
    left:190px!important;
    top:242px!important;

}

#content ul { margin: 18px 0 18px 0; }
#content p { margin: 0 0 10px 0; }
#content h3 { margin: 18px 0 18px 0; }

#content p {
    /* font-size: 18px;*/
}




#content a {
    color: #555555;
    text-decoration: none;
}


#maincontent a:link, #maincontent a:active, #maincontent a:visited {
    color: #555555;
    text-decoration: none;
}
#maincontent a:hover {
    color: #ffffff;
    text-decoration: none;

}



#content div.filmo {
    width: 780px;
    height: 500px;
    margin-top: 40px;

}
#content a.filmlink {
    color: #555555;
    font-size: 18px;
    margin-right: 10px;
}
#content div#film li {
    font-size: 20px;
}
#content div#topcontent {
    background-color: #d6d4d5;
    z-index: 0;
    width: 800px;
    min-height: 680px;
    position: absolute;
    top: 0px;
    left: 0px;
    filter:alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity:0.5;
    display: block;
}
#content div#filmbox {
    z-index: 11;
    width: 665px;
    height: 400px;
    position: relative;
    margin: auto;
    top: -200px;
    filter:alpha(opacity=99);
    opacity: 0.99;
    -moz-opacity:0.99;
    display: none;
}
#content div#filmclose {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 3px;
    right: 0px;

    z-index: 20;
    display: none;
}


#content form.contactform {
    width: 465px;
    margin-left: 20px;
}

#content input, #content button {
    background-color:#D1D1D1;
    border:1px solid #4A4A4A;
    color:#000000;
    font-size:100%;
    margin-bottom:0.8em;
    padding:2px;
}

#content div.fieldsetcolumnleft, #content div.fieldsetcolumn {
    float:left;
    width:220px;
    margin-right: 20px;
}

#content div.fieldsetcolumnright {
    float:left;
    width:220px;
}

#content div.fieldsetrow {
    clear:both;
    margin-right:13px;
}

#content input.button {
    cursor:pointer;
}

#content input, #content textarea, #content button {
    background-color:#D1D1D1;
    border:1px solid #4A4A4A;
    color:#000000;
    font-size:100%;
    margin-bottom:0.8em;
    padding:2px;
}
.contactform div.triggers { padding-right:10px;}
#content input:focus, #content textarea:focus,
#content button:focus, #content button:hover,
#content input.button:hover {
    background-color:#FFFFFF;

}

.contactform div.missionmessage,
.contactform div.missionmessageerror,
.contactform div.missionmessagesuccess,
.contactform div.missionmessagehint {
    background-color:#404040;
    border:2px solid #D1D1D1;
    color:#FFFFFF;
    margin: 0 20px 2em 0;
    padding:5px 8px;
}

#content #movies imgbox {

}

div.login {
    z-index:1000;

}

/**********************************************
	Q-TIP
**********************************************/

.x-tip {
    background-image:none;
    background-color:#363636;
    background:none repeat scroll 0 0 #363636;
    color: #fff !important;
}

.x-tip .x-tip-body div,
.x-tip .x-tip-body,
.x-tip .x-tip-header-text,
.x-tip .x-tip-mc {
    xfont: inherit;
    color:#fff;
}

.x-tip .x-tip-body .x-tip-calentry {
    margin: 0.1em 0 0.1em 0;
    display:block;
}

.x-tip-anchor {
    background-image:url("/images/ext/qtip/tip-anchor-sprite.png");
}

.x-left-button .x-btn-center {
    text-align:left;
}

#films_submenu {
    list-style-type:none;
    padding:0;
    margin: 0px 0 10px 0;
    margin-top:-44px !important;
}

#films_submenu li {
    display: inline;
    display: inline-block;
    list-style-type:none;
    font-family: 'Nexa-Book', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px !important;
    line-height: 20px !important;
    text-transform:uppercase;
    letter-spacing:3px;
    color: #565656;
    cursor:pointer;
    margin: 0 20px 0 0;
}

#films_submenu li:hover {
    font-family: 'Nexa-Book', sans-serif;
    font-style: normal;
    font-weight: normal;
    color:#ffffff;
}


#films_submenu li.films_submenu_selected {
    font-family: 'Nexa-Book', sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing:3px;
    color:#ffffff;
}


#movies_grid {
    margin-top:100px;
}

.movie_off {
    width: 167px;
    height: 102px;
    display:block;
    position:absolute;
    left:0px;
    bottom:0px;
    z-index:2000000;
    padding: 0px;
    background: rgba(255, 255, 255, 0.6);
}

#about_submenu {
    list-style-type:none;
    padding:0;
    margin: 0px 0 10px 0;
    margin-top:-44px !important;
    margin-bottom: 84px !important;
}

#about_submenu li {
    display: inline;
    display: inline-block;
    list-style-type:none;
    font-family: 'Nexa-Bold', sans-serif;
    font-size: 12px !important;
    line-height: 20px !important;
    font-weight: normal;
    font-style: normal;
    text-transform:uppercase;
    letter-spacing:3px;
    color: #565656;
    cursor:pointer;
    margin: 0 20px 0 0;
}

#about_submenu li a:link,
#about_submenu li a:visited {
    display: inline;
    display: inline-block;
    font-family: 'Nexa-Book', sans-serif;
    font-size: 12px !important;
    line-height: 20px !important;
    font-style: normal;
    font-weight: normal;
    text-transform:uppercase;
    letter-spacing:3px;
    color: #565656;
    text-decoration: none;
}

#about_submenu li a:hover,
#about_submenu li a:active{
    color:#ffffff;
 }

.anchor_top a:link,.anchor_top a:active,.anchor_top a:visited,.anchor_top a:hover {
    cursor:pointer;
    text-decoration: none;
    color:#555555;
}




#block_1 h3, #block_1 p,#block_1 ul li,
#block_2 h3, #block_2 p,#block_2 ul li,#block_2 td,
#block_3 h3, #block_3 p,#block_3 ul li
{
    /*
    font-size:14px!important;
    line-height: 18px;
    */

}

.block_title {
    font-family: 'Nexa-Bold', sans-serif;
    font-size:12px !important;
    font-weight:normal;
    font-style:normal;
    text-transform:uppercase;
    color:#ffffff!important;
}

#block_1 ul {
    margin:0;
}

#block_1, #block_2,#block_3 {
    margin-bottom:60px;
    padding-top:3px;
}

/*
:target {
    padding-left:6px;
    border-left:1px #828282 groove;
}
*/