/************************************************************************************************/
/*** ALLGEMEINE ANGABEN *************************************************************************/
/************************************************************************************************/

*
{
margin: 0px;
padding: 0px;
}

html
{
/* ERZWINGT DIE SCROLLBALKEN IM FIREFOX */
/* IM IE SIND SCROLLBALKEN DEFAULT! */
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;
}

body
{
font-size: 76%;
font-family: Verdana, Geneva, sans-serif;
background: #FA0001; /* Original-Farbe = #F70000 -> durch JPG-Komprimierung wird daraus #FA0001 */
margin: 0px;
padding: 0px;
}

img
{
border: 0px;
}

/************************************************************************************************/
/*** ANGABEN DIV-LAYOUT *************************************************************************/
/************************************************************************************************/

#banner
{
width: 100%; /* FESTER WERT */
height: 195px; /* FESTER WERT */
background-color: #020530;
background-image: url(../img/casino_mobile_banner.jpg);
background-position: center;
background-repeat: repeat-x;
}

#container
{
width: 100%; /* FESTER WERT */
margin: 0px auto;
background-image: url(../img/casino_mobile_verlauf.jpg);
background-repeat: repeat-x;
}

#navigation
{
width: 838px; /* FESTER WERT */
height: 86px; /* FESTER WERT */
margin: 0px auto;
background-image: url(../img/casino_mobile_navigation.png);
background-position: center;
background-repeat: no-repeat;
}

#wrapper
{
width: 838px; /* FESTER WERT */
overflow: hidden;
margin: 0 auto;
}

#links
{
float: left;
width: 37px; /* FESTER WERT */
background-image: url(../img/casino_mobile_rand_links.jpg);
background-position: center;
background-repeat: repeat-y;
}

#links_oben
{
height: 350px; /* FESTER WERT => MINDEST-HHE */
background-image: url(../img/casino_mobile_rand_li_oben.jpg);
}

#inhalt
{
float: left;
width: 764px; /* FESTER WERT => ERGIBT SICH AUS 838px - 37px - 37px */
background-color: #C80000;
font-size: 12px;
color: #FFFFFF;
line-height: 1.5em;
}

#rechts
{
float: left;
width: 37px; /* FESTER WERT */
background-image: url(../img/casino_mobile_rand_rechts.jpg);
background-position: center;
background-repeat: repeat-y;
}

#rechts_oben
{
height: 350px; /* FESTER WERT => MINDEST-HHE */
background-image: url(../img/casino_mobile_rand_re_oben.jpg);
}

#links, #inhalt, #rechts
{
padding-bottom: 32767px; /* FESTER WERT */
margin-bottom: -32767px; /* FESTER WERT */
}

#footer
{
clear:both;
width: 838px; /* FESTER WERT */
height: 63px;
margin: 0px auto;
text-align: center;
background-image: url(../img/casino_mobile_footer.jpg);
background-repeat: no-repeat;
}

.footer
{
position: relative;
top: 46px;
text-align: center;
}

#footer_2
{
width: 764px; /* FESTER WERT */
margin: 0px auto;
margin-top: 1px;
border: 1px solid #4e0000;
background-color: #6d0100;
padding-top: 3px;
padding-bottom: 5px;
text-align: center;
}

.footer_navigation{
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #CEA8A8; 
font-weight:bold; 
text-decoration:none;
}

.footer_navigation:hover
{
color: #FFFFFF;
}

/************************************************************************************************/
/*** ALLGEMEINE FORMAT-ANGABEN ******************************************************************/
/************************************************************************************************/

h1
{
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
margin-left: 20px;
margin-right: 20px;
margin-top: 25px;
margin-bottom: 15px;
}

.index
{
margin-top: 25px;
margin-bottom: 15px;
margin-left: 50px;
}

h2
{
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
margin-left: 20px;
margin-right: 20px;
margin-top: 25px;
margin-bottom: 5px;
}

p
{
margin-left: 20px;
margin-right: 20px;
margin-top: 0px;
margin-bottom: 5px;
}

.slideshow
{
position: relative;
top: 0px;
left: 30px;
height: 340px;
}

.image_left
{
float: left;
}

.image_right
{
float: right;
}

.image_center
{
text-align: center;
}

.content_full_line{
height:1px; 
background-color:#FFFFFF; 
border:none; 
width:720px; 
margin:10px 20px 10px 20px;"
}

/************************************************************************************************/
/*** DIV-SPEZIFISCHE FORMAT-ANGABEN *************************************************************/
/************************************************************************************************/

.index_links /* STARTSEITE VERLANGT EIGENE ANWEISUNG, DA SPALTEN-DARSTELLUNG... */
{
margin-left: 47px;
margin-right: 20px;
margin-bottom: 10px;
text-align: justify;
}

.index_rechts /* STARTSEITE VERLANGT EIGENE ANWEISUNG, DA SPALTEN-DARSTELLUNG... */
{
margin-right: 73px;
margin-bottom: 10px;
text-align: justify;
}

#navigation li
{
float: left;
list-style-type: none;
}

#navigation .main
{
position: relative;
width: 637px; /* 838px - 201px Abstand links*/
left: 165px;
top: 22px;
}

#navigation .sub
{
position: relative;
float: left;
width: 734px; /* 838px - 67px Abstand links - 37px RECHTER RAND */
left: 67px; /* FESTER WERT => ERGIBT SICH AUS 0px + 37px LINKER RAND + 30px ABSTAND VOM LINKER RAND */
top: 23px;
}

#navigation a, #navigation a:link, #navigation a:visited, #navigation a:focus, #navigation a:active, #navigation a:hover
{
text-decoration: none;
color: #FFFFFF;
}

a.link_index, a.link_index:link, a.link_index:visited, a.link_index:focus, a.link_index:active
{
font-size: 12px;
color: #FFFFFF;
text-decoration: underline;
/*font-weight: bold;*/
}

a.link_index:hover
{
text-decoration: none;
}

#inhalt .normale_liste li
{
margin-left: 37px;
margin-right: 10px;
}

#inhalt .sub_liste li
{
margin-left: 17px;
margin-right: 10px;
list-style-type: disc;
}

#footer, #footer_2
{
font-size: 10px;
color: #CEA8A8;
}

#footer a, #footer a:link, #footer a:visited, #footer a:focus, #footer a:active
#footer_2 a, #footer_2 a:link, #footer_2 a:visited, #footer_2 a:focus, #footer_2 a:active
{
text-decoration: none;
color: #CEA8A8;
font-weight: bold;
}

#footer a:hover, #footer_2 a:hover
{
color: #FFFFFF;
}

.clear
{
clear: both;
}


/************************************************************************************************/
/*** UNTERSEITE LEXIKON (/information/lexikon.php) **********************************************/
/************************************************************************************************/
a.linkleiste:link, a.linkleiste:visited, a.linkleiste:focus, a.linkleiste:active
{
float: left;
font-weight: bold;
text-decoration: none;
color: #6F0000;
}

a.linkleiste:hover
{
color: #F60000;
}

.trenner
{
float:left;
margin: 0px;
margin-left: 2px;
margin-right: 2px;
cursor: pointer;
}

/************************************************************************************************/
/*** UNTERSEITE REFERENZEN (/referenzen/index.php) **********************************************/
/************************************************************************************************/

.referenzen_preview
{
margin-top: 5px;
margin-left: 10px;
font-size: 10px;
line-height: 1.2em;
}


/************************************************************************************************/
/*** KONTAKT-FORMULAR (/kontakt/formular.php) ***************************************************/
/************************************************************************************************/
#formular_box
{
width: 550px;
color: #FFFFFF;
margin: 10px;
}

#formular_box .reihe
{
clear: both;
padding-top: 4px /* PADDING WEIL FF DEN MARGIN IGNORIERT!??? */;
}

#formular_box .label
{
float: left;
width: 125px;
text-align: right;
padding-top: 3px;
padding-right: 5px;
}

#formular_box .feld
{
float: right;
width: 400px;
text-align: left;
}

#formular_box .button
{
clear: both;
text-align: left;
}

#formular_box .definiere_breite
{
width: 250px;
}

.selectfield{
width:110px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333; 
background-color:#fbfadc; 
border:none;
}

.formtd{
height:30px; 
padding-left:10px;
}

/************************************************************************************************/
/*** SITEMAP (/sitemap.php) *********************************************************************/
/************************************************************************************************/
a.knoten:link, a.knoten:visited, a.knoten:focus, a.knoten:active
{
font-weight: bold;
text-decoration: underline;
color: #FFFFFF;
font-size: 14px;
}

a.knoten:hover
{
color: #CCCCCC;
}

a.unterpunkt:link, a.unterpunkt:visited, a.unterpunkt:focus, a.unterpunkt:active
{
font-weight: bold;
text-decoration: underline;
color: #FFFFFF;
font-size: 10px;
margin-left: 20px;
}

a.unterpunkt:hover
{
color: #CCCCCC;
}



/************************************************************************************************/
/*** TEMPLATE "IMAGE_TPL.PHP" / "IMAGE_LINK_TPL.PHP" ********************************************/
/************************************************************************************************/

.image_container
{
position: relative;
top: 0px;
left: 0px;
}

.image_foto
{
position: relative;
top: 0px;
left: 0px;
padding-top: 25px;
padding-bottom: 25px;
padding-left: 35px;
padding-right: 35px;
}

.image_flash
{
position: absolute;
top: 0px;
left: 0px;
z-index: 0;
}

.image_link
{
position: absolute;
top: 217px;
left: 35px;
z-index: 1;
}

.image_link_area
{
position: absolute;
top: 25px;
left: 35px;
z-index: 1;
}

/************************************************************************************************/
/*** TEMPLATE "LINK" ****************************************************************************/
/************************************************************************************************/

.link_container
{
height: 22px;
line-height: 22px;
width: 747px;
}

.link_start
{
width: 15px;
background-image: url(../img/templates/tpl_link_start.jpg);
background-repeat: no-repeat;
float: left;
}

.link_spacer
{
background-image: url(../img/templates/tpl_link_spacer.jpg);
background-repeat: repeat-x;
float: left;
}

.link_ende
{
width: 15px;
background-image: url(../img/templates/tpl_link_ende.jpg);
float: left;
}

a.link_template:link, a.link_template:visited, a.link_template:focus, a.link_template:active, a.link_template:hover
{
text-decoration: none;
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #6F0000;
}

a.link_template:hover
{
text-decoration: underline;
}


a.classic_link:link, a.classic_link:visited, a.classic_link:focus, a.classic_link:active, a.classic_link:hover
{
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
}

a.classic_link:hover
{
text-decoration: none;
}

/************************************************************************************************/
/*** SITEMAP ************************************************************************************/
/************************************************************************************************/

.sitemap_title, .sitemap_title a{
font-weight: bold;
color: #FFFFFF;
text-decoration: underline;
}

.sitemap_link a{
padding-left: 10px;
color: #FFFFFF;
}