/*
Reset the CSS
*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 0.79em;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
table {	border-collapse: collapse; border-spacing: 0; }
a:focus { border: 0px; outline: none;}
/*
End of Reset CSS
*/
html
{
overflow: auto;
}

body
{
margin: 0px auto;
padding: 0px;
color: #888a8f;
font-family: Verdana, sans-serif;
background-color: #191c23;
}

h1
{
font-family: arial;
font-size: 20px;
font-weight: bold;
color: #fff;
letter-spacing: 1px;
padding-top: 12px;
padding-left: 5px;
}

h2
{
font-size: 17px;
font-weight: normal;
margin: 0px;
color: #862e06;
}

h3
{
font-family: tahoma;
font-size: 14px;
font-weight: normal;
color: #fff;
}

.page_width
{
margin: 0px auto;
position:relative;
width: 1010px;
}

.hidden
{
display: none;
}

.right
{
position: absolute;
right: 0px;
}
/*
**************************************************************************** Top
*/
#CRcontainer_startseite_top
{
position: relative;
width: 100%;
height: 78px;
border-bottom: 2px solid #888a8f;
background-color: #1f222b;
}

#CRcontainer_startseite_top_content
{

}

#CRcontainer_startseite_top_logo
{
position: relative;
top: 10px;
left: 10px;
width: 240px;
height: 55px;
border-left: 2px solid #888a8f;
}

.blue
{
color: #7994ec;
}

.orange
{
color: #cc6600;
}

.add
{
position: relative;
top: -10px;
left: 0px;
color: #fff;
font-size: 10px;
font-weight: bold;
padding-left: 5px;
}
/*
********************************************************************* Navigation
*/
#CRcontainer_startseite_navigation
{
position: relative;
width: 100%;
height: 40px;
background-color: #1f222b;
}

#CRcontainer_startseite_navigation_content
{
position: relative;
top: 5px;
left: 10px;
height: 100%;
}

#CRcontainer_startseite_navigation_text a
{
position: relative;
width: 100px;
height: 30px;
float: left;
font-size: 11px;
}

#link_startseite
{
width: 70px ! important;
}

#link_hamburgische_staatsoper
{
width: 75px ! important;
}

#link_semperoper_dresden
{
width: 85px ! important;
}

#link_staatsoper_hannover
{
width: 75px ! important;
}

#link_oper_leipzig
{
width: 55px ! important;
}

#link_theater_dortmund
{
width: 75px ! important;
}

#link_staatstheater_braunschweig
{
width: 94px ! important;
}

#link_theater_erfurt
{
width: 60px ! important;
}

#link_theater_bielefeld
{
width: 65px ! important;
}

#link_aalto_theater_essen
{
width: 90px ! important;
}

#link_theater_altenburg_gera
{
width: 90px ! important;
}
/*
************************************************************************* Middle
*/
#CRcontainer_startseite_middle
{
position: relative;
width: 100%;

background-color: #000;
color: #fff;
}

#CRcontainer_startseite_middle_content
{
}

#CRcontainer_startseite_flash
{
width: 100%;
height: 260px;
}
/*
************************************************************************ Trenner
*/
#CRcontainer_startseite_trenner
{
position: relative;
width: 100%;
height: 20px;
background-color: #000;
border-bottom: 1px solid #595959;
z-index: 10;
}

#CRcontainer_startseite_trenner_content
{
background-color: #000;
z-index: 10;
}

#punkt
{
position: absolute;
top: 16px;
left: 470px;
width: 40px;
height: 10px;
z-index: 10;
}
/*
************************************************************************* Bottom
*/
#CRcontainer_startseite_bottom
{
position: relative;
width: 100%;
height: 330px;
background-color: #000;
color: #fff;
z-index: 1;
}

#CRcontainer_startseite_bottom_content
{

}

#CRcontainer_tvaktuell_bild
{
position: absolute;
top: 15px;
left: 0;

}

#CRcontainer_startseite_videos
{
position: absolute;
top: 65px;
left: 60px;
width: 900px;
height: 390px;
overflow: hidden;
}

.video_eintrag
{
position: relative;
width: 180px;
height: 130px;
font-size: 10px;
float: left;
}

.startvideo_eintrag_bild
{
border: 1px solid silver;
}

.startvideo_eintrag_text
{
width: 160px;
}

#info
{
position: absolute;
top: -260px;
left: 0px;
width: 980px;
height: 265px;
background-color:#000;
border: 1px solid #000;
z-index: 100;
display: none;
}

#info_bild
{
position: absolute;
top: 10px;
left: 55px;
height: 245px;
}

#info_text
{
position: absolute;
top: 20px;
left: 530px;
width: 400px;
font-size: 12px;
line-height: 1.3em;
}

#impressumbox
{
padding: 5px;
position: absolute;
top: -320px;
left: 190px;
width: 600px;
height: 400px;
background-color:#000;
border: 1px solid silver;
font-size: 11px;
z-index: 100;
display: none;
line-height: 1.2em;
}

#impressumbox_close, #videopopupbox_close
{
position: absolute;
top: 5px;
right: 5px;
width: 16px;
height: 16px;
z-index: 100;
}

#ueberunsbox
{
padding: 10px;
position: absolute;
top: -320px;
left: 190px;
width: 600px;
height: 490px;
background-color:#000;
border: 1px solid silver;
font-size: 12px;
z-index: 100;
display: none;
line-height: 1.2em;
}

#videopopupbox
{
padding: 10px;
position: absolute;
top: -320px;
left: 140px;
width: 660px;
height: 390px;
background-color:#000;
border: 1px solid silver;
font-size: 12px;
z-index: 100;
display: none;
line-height: 1.2em;
}

#freies_haus_flash
{
position: relative;
top: 20px;
left: 10px;
width: 640px;
height: 365px;
background-color: #000;
}

#text_freies_haus
{
position: relative;
top: 30px;
left: 10px;
width: 640px;
height: 120px;
background-color: #000;
}

#next_button
{
position: absolute;
top: 100px;
right: 0px;
}

#prev_button
{
position: absolute;
top: 100px;
left: 0px;
}

#impressum
{
position: absolute ! important;
right: 75px;
top: 25px;
font-size: 11px;
}

#ueberuns
{
position: absolute ! important;
right: 160px;
top: 25px;
height:12px ! important;
font-size: 11px;
}
/*
************************************************************************* Footer
*/
#CRcontainer_startseite_footer
{
position: relative;

width: 100%;
height: 1px;
border-top: 1px solid #888a8f;
background-color: #191c23;
}
/*
***************************************************************************Links
*/
a{outline: none; border: 0px; line-height: 1.2;}
a:link {outline: none; border: 0px; color: #888a8f; text-decoration: none;}
a:visited {outline: none; border: 0px; color: #888a8f; text-decoration: none;}
a:hover {outline: none; border: 0px; color: #cc6600; text-decoration: none;}
a:active {outline: none; border: 0px; color: #cc6600; text-decoration: none;}