/* ## Hans Reuffurth GmbH - Unternehmen für digitale Kommunikation ## */
*    { margin:0px; padding:0px; outline:none; }
html { width:100%; height:100%; }
body { width:100%; height:100%; background-color:#000000; text-align:center; }
a    { color:#999999; text-decoration:underline; }

h1 { color:#9a1e27; font-family:'Arial'; font-size:14px; letter-spacing:0px; line-height:21px; text-decoration:none; font-weight:normal; }
h2 { color:#9a1e27; font-family:'Arial'; font-size:12px; letter-spacing:0px; line-height:21px; text-decoration:none; font-weight:normal; }
h3 { color:#999999; font-family:'Arial'; font-size:12px; letter-spacing:0px; line-height:21px; text-decoration:none; font-weight:normal; }
h4 { color:#ffffff; font-family:'Arial'; font-size:12px; letter-spacing:0px; line-height:21px; text-decoration:none; font-weight:normal; }
h5 { color:#999999; font-family:'Arial'; font-size:10px; letter-spacing:0px; line-height:14px; text-decoration:none; font-weight:normal; }
h6 { color:#ffffff; font-family:'Arial'; font-size:11px; letter-spacing:0px; line-height:21px; text-decoration:none; font-weight:normal; }

label, legend, fieldset { color:#ffffff; font-family:'Arial'; font-size:12px; letter-spacing:0px; line-height:21px; text-decoration:none; border:0px; }

.myUnselectableText { -moz-user-select:none; -khtml-user-select:none; }
.myTemplateTable    { width:535px; color:#ffffff; font-family:'Arial'; font-size:12px; letter-spacing:0px; }
.myLoginboxForm     { padding:10px 0px 0px 10px; }
.myMailForm         { padding-left:10px; }

/* ########## BOXMODEL ########## */
#bg_xpos { position:absolute; width:110px; height:325px; margin:auto; top:0px; left:425px; background-image:url(images/bg_xpos.gif); background-repeat:no-repeat; z-index:1; }
#bg_ypos { position:absolute; width:850px; height:100%;  margin:auto; top:0px; left:0px;   background-image:url(images/bg_ypos.gif); background-repeat:repeat-y;  z-index:1; }

#container { position:relative; width:850px; min-height:100%; height:auto !important; height:100%; margin:auto; top:0px; left:0px; text-align:left; z-index:2; }
#footer    { position:absolute; width:670px; height:80px; margin:auto; bottom:0px !important; left:180px; background-image:url(images/footer.gif); background-repeat:no-repeat; }

#header          { display:block; background-color:#000000; width:850px; height:325px; background-image:url(images/header.jpg);          background-repeat:no-repeat; }
#header_projekte { display:block; background-color:#000000; width:850px; height:325px; background-image:url(images/header_projekte.jpg); background-repeat:no-repeat; }
#header_team     { display:block; background-color:#000000; width:850px; height:325px; background-image:url(images/header_team.jpg);     background-repeat:no-repeat; }
#main_box        { display:block; background-color:#000000; width:850px; height:360px; background-image:url(images/bg_ypos.gif);         background-repeat:repeat-y; padding-bottom:80px; }

#navigation { width:180px; height:347px; float:left; padding-top:0px; }
#main       { width:560px; height:360px; float:left; overflow:hidden; }
#content    { width:535px; height:335px; float:left; overflow:hidden; scrollbar-base-color:#000000; scrollbar-3d-light-color:#000000; scrollbar-darkshadow-color:#333333; scrollbar-face-color:#191919; scrollbar-track-color:#333333; scrollbar-arrow-color:#ffffff; scrollbar-highlight-color:#333333; scrollbar-shadow-color:#000000; }
#main_right { width:110px; height:360px; float:left; }

#content_5cols  { width:905px; min-height:335px; float:left; overflow:hidden; }
#content_kunden { width:905px; min-height:321px; float:left; background-image:url(images/bg_kunden.gif); background-repeat:repeat; overflow:hidden; padding-bottom:14px; }

/* ###### BOXMODEL:CONTENT ###### */
#content_col_headline                { width:535px; min-height:28px;  clear:both; overflow:hidden; padding:2px 0px 12px 0px; }
#content_col1_ext, #content_col2_ext { width:355px; min-height:293px; float:left; overflow:hidden; }
#content_col1, #content_col2, #content_col3, #content_col4, #content_col5 { width:175px; min-height:293px; float:left; overflow:hidden; }

/* ###### BOXMODEL:KUNDEN_ ###### */
#kunden_col1, #kunden_col2, #kunden_col3, #kunden_col4, #kunden_col5 { width:175px; min-height:335px; float:left; overflow:hidden; }

#kunden_col1 { background-image:url(images/bg_kunden_col1.jpg); background-repeat:no-repeat; background-color:#000000; }
#kunden_col2 { background-image:url(images/bg_kunden_col2.jpg); background-repeat:no-repeat; background-color:#000000; }
#kunden_col3 { background-image:url(images/bg_kunden_col3.jpg); background-repeat:no-repeat; background-color:#000000; }
#kunden_col4 { background-image:url(images/bg_kunden_col4.jpg); background-repeat:no-repeat; background-color:#000000; }
#kunden_col5 { background-image:url(images/bg_kunden_col5.jpg); background-repeat:no-repeat; background-color:#000000; }

/* ##### BOXMODEL:PROJEKTE_ ##### */
#projekte_gal_ext { width:355px; min-height:251px; float:left; overflow:hidden; }

#projekte_gal_caption                     { width:175px; height:42px; float:left; overflow:hidden; }
#projekte_gal_back, #projekte_gal_forward { width:90px;  height:42px; float:left; overflow:hidden; }

/* ####### BOXMODEL:TEAM_ ####### */
#team_col_ext { width:355px; min-height:293px; float:left; background-position:0px 10px; background-image:url(images/bg_team_col_ext.jpg); background-repeat:no-repeat; overflow:hidden; }

#team_col_caption                 { width:175px; height:42px; float:left; overflow:hidden; }
#team_col_back, #team_col_forward { width:90px;  height:42px; float:left; overflow:hidden; }

/* ######### SCROLLBARS ######### */
.vScrollbar { float:left; padding-left:10px; }
.hScrollbar { clear:both; }

.vTrack { position:relative; width:15px;  height:345px; background-image:url(images/vTrack.gif); background-repeat:repeat-y; overflow:hidden; }
.hTrack { position:relative; width:545px; height:15px;  background-image:url(images/hTrack.gif); background-repeat:repeat-x; overflow:hidden; float:left; }

.vThumb { position:absolute; width:15px; height:15px; top:0px; left:0px; background-image:url(images/vThumb.gif); background-repeat:no-repeat; overflow:hidden; }
.hThumb { position:absolute; width:15px; height:15px; top:0px; left:0px; background-image:url(images/hThumb.gif); background-repeat:no-repeat; overflow:hidden; }

.arrowLeft, .arrowRight, .arrowUp, .arrowDown { width:15px; height:15px; overflow:hidden; }

.arrowLeft  { background-image:url(images/arrowLeft.gif);  background-repeat:no-repeat; float:left; }
.arrowRight { background-image:url(images/arrowRight.gif); background-repeat:no-repeat; float:left; }
.arrowUp    { background-image:url(images/arrowUp.gif);    background-repeat:no-repeat; }
.arrowDown  { background-image:url(images/arrowDown.gif);  background-repeat:no-repeat; }

.corner { width:15px; height:15px; background-image:url(images/corner.gif); background-repeat:no-repeat; overflow:hidden; float:left; }
.arrowLeft, .arrowRight { float:left; }

/* ########## NAVIGATION ########## */
.navlevel1, .navlevel1_active { display:block; max-width:180px; height:18px; padding:3px 0px 0px 35px; font-family:'Arial'; font-size:12px; letter-spacing:0px; text-decoration:none; }
.navlevel2, .navlevel2_active { display:block; max-width:180px; height:18px; padding:3px 0px 0px 35px; font-family:'Arial'; font-size:12px; letter-spacing:0px; text-decoration:none; }
.navfooter, .navfooter_active { display:block; max-width:180px; height:13px; padding:3px 0px 0px 0px;  font-family:'Arial'; font-size:11px; letter-spacing:0px; text-decoration:none; }

a.navlevel1        { background-image:url(images/nav_normal.gif);    background-repeat:no-repeat; color:#ffffff; }
a.navlevel1:hover  { background-image:url(images/nav_hover.gif);     background-repeat:no-repeat; color:#9a1e27; }
a.navlevel1_active { background-image:url(images/nav_active.gif);    background-repeat:no-repeat; color:#9a1e27; }
a.navlevel2        { background-image:url(images/subnav_normal.gif); background-repeat:no-repeat; color:#999999; }
a.navlevel2:hover  { background-image:url(images/subnav_hover.gif);  background-repeat:no-repeat; color:#9a1e27; }
a.navlevel2_active { background-image:url(images/subnav_active.gif); background-repeat:no-repeat; color:#9a1e27; }
a.navfooter        { background-image:url(images/spacer.gif);        background-repeat:no-repeat; color:#999999; }
a.navfooter:hover  { background-image:url(images/spacer.gif);        background-repeat:no-repeat; color:#9a1e27; }
a.navfooter_active { background-image:url(images/spacer.gif);        background-repeat:no-repeat; color:#9a1e27; }

/* ########### CONTENTS ########### */
.content_normal_headline, .content_left_headline, .content_right_headline, .content_rand_headline, .content_extra_headline, .content_headline { display:none; }

.content_text    { color:#ffffff; font-family:'Arial'; font-size:12px; letter-spacing:0px; line-height:21px; text-decoration:none; padding:10px 0px 0px 10px; }
.kunden_text     { color:#ffffff; font-family:'Arial'; font-size:11px; letter-spacing:0px; line-height:21px; text-decoration:none; padding:10px 0px 0px 10px; }
.kunden_headline { color:#9a1e27; font-family:'Arial'; font-size:12px; letter-spacing:0px; line-height:47px; text-decoration:none; padding:0px 0px 3px 78px;  width:97px; height:42px; background-image:url(images/kunden.gif); background-repeat:no-repeat; }
.content_image   { padding:0px; }

/* ############ SPACER ############ */
#br_content_col_headline        { width:535px; height:2px;   clear:both; overflow:hidden; }
.br_content_col, .br_kunden_col { width:5px;   height:335px; float:left; }
.br_footer { line-height:37px; }

/* ########### SLIMBOX_ ########### */
#lbOverlay                      { position:absolute; top:0px; left:0px; width:100%; background-color:#000000; cursor:pointer; z-index:1000; }
#lbCenter, #lbBottomContainer   { position:absolute; left:50%; padding:0px; overflow:hidden; background-color:#222222; z-index:1000; }
.lbLoading                      { background:#222222 url(images/sb_loading.gif) no-repeat center; z-index:1000; }
#lbCanvas                       { border:9px solid #222222; z-index:1000; }
#lbCanvas iframe, #lbCanvas img { border:1px solid #333333; margin:0px; padding:0px; z-index:1000; }
#lbPrevLink, #lbNextLink        { display:block; position:absolute; top:0px; width:50%; outline:none; background:url(images/sb_anchor_spacer.gif); }

#lbPrevLink       { left:0px; }
#lbPrevLink:hover { background:transparent url(images/sb_prev.gif) no-repeat 0% 15%; }
#lbNextLink       { right:0px; }
#lbNextLink:hover { background:transparent url(images/sb_next.gif) no-repeat 100% 15%; }
#lbBottom         { font-size:10px; font-family:'Arial'; color:#999999; line-height:1.4em; text-align:left; margin:0px 0px 0px 10px; padding:0px; }
#lbCloseLink      { display:block; float:right; width:66px; height:22px; background:transparent url(images/sb_closelabel.gif) no-repeat center; margin:0px; padding:0px; }
#lbPrintLink      { display:block; float:right; width:22px; height:22px; background:transparent url(images/sb_printicon.gif) no-repeat center; margin:0px 5px 0px 0px; padding:1px; }
#lbSaveLink       { display:block; float:right; width:22px; height:22px; background:transparent url(images/sb_saveicon.gif) no-repeat center; margin:0px 5px 0px 0px; padding:1px; }
#lbSaveLink:hover, #lbPrintLink:hover { border:1px solid #333333; padding:0px; }

#lbCaption, #lbNumber { }
#lbCaption            { display:none; }

/* ######### CONTACTFORMS ######### */
.contactform          { color:#ffffff; font-family:'Arial'; font-size:12px; letter-spacing:0px; line-height:21px; }
.contactform td       { color:#ffffff; font-family:'Arial'; font-size:12px; letter-spacing:0px; line-height:21px; }
.contactform_radio    { color:#cccccc; font-family:'Arial'; font-size:12px; letter-spacing:0px; line-height:21px; margin:0px; padding:0px; }
.contactform_all      { color:#cccccc; font-family:'Arial'; font-size:12px; letter-spacing:0px; line-height:21px; margin:0px; padding:0px; border:0px; }
.contactform_input    { color:#cccccc; font-family:'Arial'; font-size:12px; letter-spacing:0px; line-height:19px; padding:0px 5px 0px 5px; width:333px; height:19px; border:1px solid #333333; background-color:#222222; }
.contactform_textarea { color:#cccccc; font-family:'Arial'; font-size:12px; letter-spacing:0px; line-height:19px; padding:0px 5px 0px 5px; width:333px; height:61px; border:1px solid #333333; background-color:#222222; overflow:auto; overflow-x:hidden; scrollbar-base-color:#000000; scrollbar-3d-light-color:#000000; scrollbar-darkshadow-color:#333333; scrollbar-face-color:#191919; scrollbar-track-color:#333333; scrollbar-arrow-color:#ffffff; scrollbar-highlight-color:#333333; scrollbar-shadow-color:#000000; }
.contactform_submit   { margin-left:269px; }

.contactlogin_text  { color:#cccccc; font-family:'Arial'; font-size:12px; letter-spacing:0px; line-height:21px; }
.contactlogin_input { color:#cccccc; font-family:'Arial'; font-size:12px; letter-spacing:0px; line-height:21px; padding:0px 5px 0px 5px; width:143px; height:17px; border:1px solid #333333; background-color:#222222; }

/* ########### MAILFORM ########### */
#mailform { padding-top:10px; }

#mailformformtype_mail         { background-color:#000000; width:150px; height:26px; }
#mailformformtype_mail a       { display:block; background-image:url(images/button_send.gif); width:150px; height:26px; }
#mailformformtype_mail a:hover { background-position:0px 100%; }

/* ############ FOOTER ############ */
#imprint { padding-left:538px; }
#login   { padding-left:531px; }

.voxmedien, a.voxmedien { position:absolute; bottom:5px; right:5px; color:#333333; font-family:'Verdana'; font-size:10px; text-decoration:none; z-index:1; }

/* ############# TYPO ############# */
div.csc-textpic img      { padding-top:0px; }
div.csc-textpic-imagerow { width:355px !important; padding-top:5px; }
.csc-textpic-firstcol    { width:180px !important; }
.csc-bulletlist          { margin:10px 0px 0px 9px; }
.csc-bulletlist li       { margin-left:15px; color:#999999; font-family:'Arial'; font-size:12px; line-height:21px; }

/* ##################################################### voxmedien ## */