/* ## Glaserei Klotzbach - Kunst und Bauglaserei ############################ */
/*                                                                            */
/* body #212121   schwarz   #323232   privat  #89c6ba   architektur #7ac170   */
/* font #666666   klotzbach #cccccc   kuechen #68cd9f   kirchen     #97c86c   */
/*                                                                            */
/* ############################################################# voxmedien ## */
*    { margin:0px; padding:0px; outline:none; }
html { width:100%; height:100%; margin-bottom:1px; }
body { width:100%; height:100%; background-color:#212121; background-image:url(images/bg_xpos.gif); background-repeat:repeat-x; text-align:center; }
a    { color:#cccccc; text-decoration:underline; }
p    { line-height:1.2em; }

h1, h2, h3, h4, h5, h6  { }
label, legend, fieldset { color:#cccccc; font-family:'Verdana'; font-size:12px; font-weight:normal; line-height:24px; text-decoration:none; border:0px; }

/* ############ BOXMODEL ############ */
#container  { position:relative; width:987px; min-height:100%; height:auto !important; height:100%; margin:auto; top:0px; left:0px; text-align:left; z-index:2; }
.myMailForm { padding-left:47px; font-size:12px; }

#header       { display:block; width:987px; height:226px; float:left; }
#leistung_box { display:block; width:987px; height:36px;  float:left; background-color:#212121; }
#main         { display:block; width:987px; height:auto;  float:left; background-image:url(images/bg_main.gif); }
#main_top     { display:block; width:987px; height:22px;  float:left; background-image:url(images/main_top.png); background-repeat:no-repeat; }
#footer       { display:block; width:987px; height:64px;  float:left; background-image:url(images/footer.png);   background-repeat:no-repeat; }
.row_sp_big   { display:block; width:987px; height:25px;  float:left; }
.row_sp_lil   { display:block; width:987px; height:8px;   float:left; font-size:7px; }
.col_sp_hyp   { display:block; width:1px;   height:36px;  float:left; }

#banner        { width:787px; height:226px; float:left; }
#leistungen    { width:743px; height:36px;  float:left; }
#navigation    { width:216px; height:auto;  float:left; }
#nav_bottom    { width:216px; height:44px;  float:left; background-image:url(images/nav_bottom.png); background-repeat:no-repeat; }
#content_box   { width:615px; height:auto;  float:left; }
#headline      { width:615px; height:58px;  float:left; }
#content       { width:615px; height:auto;  float:left; }
#content_left  { width:379px; height:auto;  float:left; }
#content_right { width:236px; height:auto;  float:left; }
#col_sp_box    { width:47px;  height:450px; float:left; }
.col_sp_rec    { width:100px; height:226px; float:left; }
.col_sp_mac    { width:64px;  height:170px; float:left; }
.col_sp_mid    { width:28px;  height:170px; float:left; }

#leistung_left, #leistung_right { width:122px; height:36px; float:left; }
#leistung_left                  { background-image:url(images/leistung_left.png);  background-repeat:no-repeat; }
#leistung_right                 { background-image:url(images/leistung_right.png); background-repeat:no-repeat; }

/* ########### NAVIGATION ########### */
.navlevel, .navlevel_active                { display:block; max-width:216px; height:23px; padding:9px 0px 0px 57px; color:#cccccc; font-family:'Arial'; font-size:12px; text-decoration:none; background-image:url(images/navigation.png); background-repeat:no-repeat; }
.n1, .n1a, .n2, .n2a, .n3, .n3a, .n4, .n4a { display:block; width:185px; height:25px; float:left; padding-top:11px; color:#ffffff; font-family:'Arial'; font-size:12px; text-decoration:none; background-image:url(images/leistungen.png); background-repeat:no-repeat; text-align:center; }
a.navlevel                                 { background-position:0px 0px; }
a.navlevel:hover, a.navlevel_active        { background-position:0px -34px; }

a.n1              { background-position:0px 0px; }
a.n1:hover, a.n1a { background-position:0px -36px; }
a.n2              { background-position:0px -72px; }
a.n2:hover, a.n2a { background-position:0px -108px; }
a.n3              { background-position:0px -144px; }
a.n3:hover, a.n3a { background-position:0px -180px; }
a.n4              { background-position:0px -216px; }
a.n4:hover, a.n4a { background-position:0px -252px; }

#imprint, #imprint a, #imprint a:hover { color:#666666; font-family:'Verdana'; font-size:9px; text-decoration:none; text-align:right; margin:49px 71px 0px 0px; }

/* ########## CONTACTFORMS ########## */
.contactform          { color:#cccccc; font-family:'Verdana'; font-size:12px; line-height:24px; }
.contactform td       { color:#cccccc; font-family:'Verdana'; font-size:12px; line-height:24px; }
.contactform_radio    { color:#cccccc; font-family:'Verdana'; font-size:12px; line-height:24px; }
.contactform_all      { color:#cccccc; font-family:'Verdana'; font-size:12px; line-height:24px; border:0px; }
.contactform_input    { color:#cccccc; font-family:'Verdana'; font-size:12px; line-height:18px; width:300px; height:18px; border:0px solid #212121; background-color:#424242; }
.contactform_textarea { color:#cccccc; font-family:'Verdana'; font-size:12px; line-height:18px; width:300px; height:90px; border:0px solid #212121; background-color:#424242; overflow:auto; overflow-x:hidden; }
.contactlogin_input   { color:#cccccc; font-family:'Verdana'; font-size:12px; line-height:18px; width:150px; height:18px; border:0px solid #212121; background-color:#424242; }
.contactlogin_text    { color:#cccccc; font-family:'Verdana'; font-size:12px; line-height:24px; }
.contactform_submit   { margin-top:8px; }

/* ############ MAILFORM ############ */
#mailform                      { margin-bottom:-20px; padding:0px; }
#mailformformtype_mail         { background-color:#e4e0c9; width:80px; height:24px; }
#mailformformtype_mail a       { display:block; background-image:url(images/fe_button_send.gif); width:80px; height:24px; }
#mailformformtype_mail a:hover { background-position:0px 100%; }

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

#lbPrevLink        { left:0px; }
#lbNextLink        { right:0px; }
#lbPrevLink:hover  { background:transparent url(images/sb_prev.gif) no-repeat 0% 15%; }
#lbNextLink:hover  { background:transparent url(images/sb_next.gif) no-repeat 100% 15%; }
#lbBottom          { color:#cccccc; font-family:'Verdana'; font-size:11px; line-height:13px; margin:0px 0px 0px 10px; padding:0px; text-decoration:none; text-align:left; }
#lbCloseLink       { display:block; float:right; width:66px; height:22px; background:transparent url(images/sb_close.gif) no-repeat center;     margin:0px 0px 0px 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; }
#lbPrintLink:hover { border:1px solid #666666; padding:0px; }
#lbSaveLink:hover  { border:1px solid #666666; padding:0px; }

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

/* ############ RGACCORD ############ */
#rgaccord2-nest                   { margin:0px; }
h3.rgaccord2-toggle               { color:#ffffff; font-family:'Arial'; font-size:12px; font-weight:normal; text-decoration:none; height:19px; background:transparent url(images/subheadline.png) no-repeat 32px -144px; padding:5px 0px 0px 47px; margin-bottom:5px; cursor:pointer; }
h3.rgaccord2-toggle:hover, h3.act { background-position:32px -168px; }

div.rgaccord2-content     { width:594px; height:20px; }
.csc-textpic-clear { height:0px; padding:0px; margin:0px; }
div.rgaccord2-content .ce { margin-bottom:0px; }
div.rgaccord2-content h1  { display:none; }

/* ############## TYPO ############## */
.content_headline { }
.content_text     { color:#cccccc; font-family:'Verdana'; font-size:12px; line-height:18px; padding:0px 25px 0px 47px; text-decoration:none; }
.content_image    { border:0px; }
.content_text li  { margin-left:14px; }

/* ############# FOOTER ############# */
a#voxmedien { position:fixed; right:5px; bottom:5px; display:block; color:#333333; font-family:'Verdana'; font-size:10px; text-decoration:none; text-align:right; z-index:1; }

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


div.csc-textpic-imagewrap .csc-textpic-image {
	margin-right:0px !important;
}
