/* 
**********************************
Cineprog - Einfach alle erreichen.
**********************************
*/

body {
background-image:url(images/body_bg.gif);
background-color:#dfbb55;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
margin:0;
padding:0;
}

#pre {display:none;}

#aussen {width:100%; background-color:#edd9a2; background-image:url(images/aussen_bg.jpg); background-position:top; background-repeat:repeat-x; text-align:center}
#foot {width:100%; height:13px; background-color:#dfbb55; text-align:center;}

#center_box {width:995px; background-color:#edd9a2; margin:auto; text-align:left;}

#head_box {width:995px; height:334px; background-color:#f3e1ad;}
#main_box{width:995px; background-image:url(images/main_bg.gif);}
#main_box_innen {width:995px; min-height:10px; background-image:url(images/main_innnen_bg.jpg); background-position:top; background-repeat:repeat-x; }

#foot_center_box {width:995px; height:13px; background-image:url(images/foot_bg.gif); margin:auto; font-size:9px; color:#fff8e6; line-height:12px; text-align:right;}

/* START HEAD */
#left_icon {width:307px; height:186px; float:left;}
#icon_flyer {width:184px; height:164px; float:left;}
#icon_webseite {width:125px; height:164px; float:left;}
#icon_handy {width:106px; height:164px; float:left;}
#icon_newsletter {width:107px; height:164px; float:left;}
#icon_service {width:125px; height:164px; float:left;}
#icon_kasse {width:184px; height:164px; float:left;}
/* ENDE HEAD */

/* START NAVIGATION */
#nav_box {width:164px; float:left; text-transform:uppercase; line-height:23px; font-size:10px;}
ul#mainnav {list-style-type:none; padding:0px; margin:0px;}
ul#mainnav li a {width:103px; font-weight:bold; margin:2px 0px 0px 1px; padding-left:30px; display:block; border-bottom:1px solid #dfbb55;}
ul#mainnav li a:hover {background-color:#fff8e6;}
ul#mainnav li div#nav_aktiv {width:103px; font-weight:bold; margin:2px 0px 0px 1px; padding-left:30px; background-color:#fff8e6; display:block; border-bottom:1px solid #dfbb55;}
ul#subnav {list-style-type:none; padding:0px; margin:0px; text-transform:none; line-height:18px;}
ul#subnav li a {width:103px; font-weight:normal; margin:2px 0px 0px 1px; display:block; padding-left:30px; border:0px;}
ul#subnav li a:hover {background-color:#fff8e6;}
ul#subnav li div {width:103px; font-weight:normal; margin:2px 0px 0px 1px; display:block; padding-left:30px; border:0px;}
/* ENDE NAVIGATION */

/* START LOGIN */
#login_box {width:133px; padding:0px 0px 10px 0px; margin:30px 0px 30px 0px;}
.login_input {background-color:#fcf4d6; border:0px; padding:4px 0px 4px 30px; width:102px; margin-bottom:3px; margin-left:1px;}
.login_submit {border:0px; background-color:#f3e1ad; margin:5px 0px 0px 30px; padding:2px 0px 2px 0px; color:#980000;}
/* ENDE LOGIN */

/* START CONTENT */
#content_box {width:559px; padding:18px; float:left;}
h1, h2 {font-size:13px; font-weight:bold; margin:0px 0px 10px 0px; padding:0px; text-transform:uppercase;}
h2, h3 {color:#980000}
h3 {font-size:11px; text-transform:uppercase; margin:15px 0px 5px 0px;}
.gfx_fr {float:right; margin:0px 0px 15px 15px;}
ul.contul {list-style-type:square; margin:0px 0px 0px 16px; padding:0px; color:#980000;}
ul.contul li span {color:#000;}
.flyer_muster {width:200px; float:left; text-align:center; padding-top:15px;}
.kontakt_input {width:250px; border:0px; background-color:#f3e1ad; padding:4px;}
.kontakt_checkbutton {border:0px; background-color:#f3e1ad; padding:0px;}
.kontakt_submit {border:0px; background-color:#f3e1ad; padding:4px; color:#980000;}
.news_datum {color:#7e7e7e; float:right; margin:0px 0px 0px 15px; padding:0px; font-weight:normal;}
/* ENDE CONTENT */

/* START RECHTE SPALTE */
#right_box {width:194px; padding:18px; padding-top:0px; float:right;}
ul#rightnav {list-style-type:none; padding:0px; margin:0px;}
ul#rightnav li {line-height:25px;}
/* ENDE RECHTE SPALTE */



/*************************************************************/

/* SONSTIGES CSS */
a:link {color:#980000; text-decoration:none;}
a:visited {color:#980000; text-decoration:none;}
a:hover {color:#000; text-decoration:none;}
a:active {color:#980000; text-decoration:none;}

/* Allgemeine Trennlinie */
.trenner {height:1px; border-top:1px dotted #980000; line-height:0px; font-size:0px; margin:15px 0px 15px 0px; padding:0px;}
.trenner_2 {height:1px; border-top:1px solid #dfbb55; line-height:0px; font-size:0px; margin:15px 0px 15px 0px; padding:0px;}

/* Allgemeine Formular-Definitionen */
form {display:inline;}
input {font-size:11px; color:#7e7e7e;}

/* Allgemeine Tabellen-Definitionen */
table {font-size:11px; line-height:18px;}
.tr_bg_1 {background-color:#f3e1ad;}
.tr_bg_2 {background-color:#fbefc9;}
td {padding:5px;}
.tabelle_im_text {margin-left:-5px; padding:0px; line-height:10px;}

/* Befehl, der dafuer sorgt, dass Boxen-rahmen mit Float-Inhalten und variablen Höhen bis zur unteren Inhaltskante laufen.*/
.clear {clear:both; height:0px; line-height:0px; margin:0px; padding:0px; font-size:0px;}
/* Hack: alle ausser IE brauchen font-size>0 */
html>body .clear {font-size:1px;}