/* pages.css - for "stolenmoments" */
/* CSS for pages/home.php 
---------------------------------------------------------------------*/
#img_randPicLink:hover{ border:1px solid #C0FF00; }
#div_home.rightFrame{ text-align:center; }

#slideShowBtns { float:left; margin:-75px 0 0 321px;  }
#slideShowBtns strong{ display:none; }
#slideShowBtns #play,
#slideShowBtns #pause{ cursor:pointer; display:none; width:76px; height:33px; background-position:center; }
#slideShowBtns #play { background:url("../_pics/playBtn.png")  no-repeat; }
#slideShowBtns #pause{ background:url("../_pics/pauseBtn.png") no-repeat; }

/*++ info.php +++++++++++*/
#div_kurzBiografie{ padding:0 1em; }
#div_kurzBiografie h4{ margin-bottom:0.5em; }
#div_kurzBiografie ul{ list-style:none; }
#div_kurzBiografie li{ margin-bottom:1em; }
#div_kurzBiografie li span{ display:block; font-weight:bold; }
/*++ news.php +++++++++++*/
#ul_News{ list-style:none; border:3px double #FFF; border-left:none; border-right:none; padding-top:1em; }
#ul_News li{ margin-bottom:2em; padding-left:1em; }
#ul_News h3{ font-size:1em; color:#C0FF00; margin-left:-1em; }
#ul_News h3 .span_NewsDatum{ color:#FFF; }
#ul_News .lastItem{ margin-bottom:0em; }
#ul_News li .a_mehrNewsLink,
#ul_News li .a_lessNewsLink{ display:block; text-align:right; margin-top:-1.2em; font-size:0.8em; }
/*++ Preise.php +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#div_Preise{ position:relative; width:86%; margin:-80px 0 0 6% ; background:url(../_pics/popUpBG.gif) #FDFDFD; border:2px solid #F60; color:#2B2D28; padding:3em 2.5em 1em 2.5em; z-index:10; }

#div_Preise #preisStand{ position:absolute; top:6px; }

#div_Preise p{ margin-bottom:2em; text-align:justify; }
#div_Preise ul{ list-style:none; margin:-1em 0em 2em 0em; }
#div_Preise li{ border-bottom:1px dashed #2B2D28; padding:1em 0em 1em 2em; text-align:justify; }
#div_Preise ul .firstListItem{ border-top:1px dashed #2B2D28; }


.ctrlBtns{ position:absolute; top:5px; right:10px; }
.ctrlBtns a{ float:left; margin:0px 4px; color:#2B2D28; text-indent:50px; overflow:hidden; border:1px solid #FFF; }
.ctrlBtns #back{ text-indent:0px; font-size:0.8em; font-weight:bold; padding:4px 3px; border:1px solid #2B2D28; display:none; }
.ctrlBtns #back:hover{ border:3px double #2B2D28; }
.ctrlBtns a:hover{ border:3px double #2B2D28; margin:-2px 2px; text-decoration:none; color:#2B2D28; }
.ctrlBtns #listSwitch{ text-indent:0px; font-size:0.8em; font-weight:bold; padding:4px 3px; border:1px solid #2B2D28; }
.ctrlBtns #listSwitch:hover{ border:3px double #2B2D28; }
.ctrlBtns #pdf{ width:20px; height:20px; background:url(../_pics/pdfBtn.png) no-repeat 1px 1px; }
.ctrlBtns #printPreview, .ctrlBtns #print{ width:20px; height:20px; background:url(../_pics/printer.gif) no-repeat; }
.ctrlBtns #close{ width:20px; height:20px; background:url(../_pics/closeX.png) no-repeat 4px 4px; border:1px solid #2B2D28; }
.ctrlBtns #close:hover{ border:3px double #2B2D28; }
.ctrlBtns #print, #thisFooter{ display:none; }

.priceLogoArea,
.div_PreiseBspBild{ position:absolute; top:4em; width:400px; }
.div_PreiseBspBild{ left:426px; }
.div_PreiseBspBild img{ padding-left:3em; }
.div_PreiseBspBild .picCaption{ padding-left:3.1em; text-align:center; }
 
#div_Preise .preisliste{ list-style:none; border-top:1px dashed #2B2D28; margin:2em 0em 0em 3em; width:400px; }
#div_Preise .preisliste h4{ color:#F60; margin:0em 0em 0.5em -2em; }
#div_Preise .preisliste h4 span{ margin-left:1em; font-size:1em; }
#div_Preise .preisliste span{ font-size:0.8em; font-weight:bold; }
#div_Preise .preisliste strong{ color:#F60; display:block; text-align:left; margin-top:1em; font-style:italic; }

#div_Preise #div_TechDetails h4{ font-size:0.95em; color:#F60; }
#div_Preise #div_TechDetails p{ font-size:0.95em; line-height:1.5em; text-align:left; }

#div_Preise #div_WichtigeKundeninfos.analog { float:left; margin-top:18em; }
#div_Preise #div_WichtigeKundeninfos.digital{ float:left; margin-top:18em; }
#div_Preise #div_WichtigeKundeninfos h3{ color:#F60; margin-bottom:1em; }
#div_Preise #div_WichtigeKundeninfos li h4{ background:url(../_pics/li_arrow.gif) no-repeat; padding-left:3em; margin:0em 0em 0.5em 0em; color:#F60; }
#div_Preise #div_WichtigeKundeninfos li{ padding-left:0em; }

/*- modelVertrag -------*/
#div_Preise #modelVertrag .vertragsHead{ margin:-30px 0px 0px 0px; text-indent:0em; font-size:1.5em; }
#div_Preise #modelVertrag .vertragsHead span{ display:inline; font-size:inherit; }
#modelVertrag #pdf_Rossi_Logo{ margin-top:50px; }
#modelVertrag form{ text-align:center; border:1px ridge #888; margin-bottom:1em; }
#hasselbladPic{ margin-top:-50px; }
#modelVertrag form .orangeText{ display:inline; font-size:0.9em; }
body #modelVertrag form h3{ margin-bottom:0.5em; font-size:1.5em; }
#modelVertrag #rossiTop{ width:80%; text-align:center; font-size:1.5em; font-family:Georgia, serif; font-style:italic; border:none; background:none; margin:0.5em auto; }
#modelVertrag div{ padding:1em; margin-bottom:1em; border:none; }
#modelVertrag p{ text-align:inherit; }
#modelVertrag a{ color:#2B2D28; font-weight:bold; }
#modelVertrag label{ display:block; }
#modelVertrag label input,
#modelVertrag label textarea
{ width:80%; text-align:center; font-size:1.5em; font-family:Georgia, serif; font-style:italic; padding:3px 3px 0px 3px; margin-bottom:0.5em; background:none; border:none; border-bottom:1px dashed #2B2D28; }
#modelVertrag label textarea{ border:1px dashed #2B2D28; text-align:justify; overflow:auto; }
#modelVertrag span{ display:block; font-size:0.8em; font-weight:bold; margin-top:1em; padding-bottom:1px; }
#modelVertrag #Zeitraum { margin:auto; }
#modelVertrag #Zeitraum input{ display:inline; width:299px; }
#modelVertrag #Zeitraum #bigDash{ display:inline; font-size:1.8em; width:1em; border:none; background:none; }
#modelVertrag #rossiBottom{ width:80%; text-align:center; font-size:1.5em; font-family:Georgia, serif; font-style:italic; background:none; margin-bottom:1em; }
#modelVertrag div #label_fOrt,
#modelVertrag div #label_mOrt,
#modelVertrag div #label_fOrt input,
#modelVertrag div #label_mOrt input
{ float:left; display:inline; width:299px; margin:0px 0px 0px 40px; }
#modelVertrag div #label_mOrt span,
#modelVertrag div #label_fOrt span{ float:left; width:299px; margin-left:40px; }

#modelVertrag div #label_fDatum,
#modelVertrag div #label_mDatum,
#modelVertrag div #label_mDatum input,
#modelVertrag div #label_fDatum input{ float:right; display:inline; width:299px; margin:0px 40px 0px 0px; }
#modelVertrag div #label_mDatum span,
#modelVertrag div #label_fDatum span{ float:right; width:299px; margin-right:40px; }

#modelVertrag .Unterschriften{ margin-top:4em; }
#modelVertrag .Unterschriften input{ margin-top:1em; width:410px; }

#modelVertrag .blockText{ text-align:justify; margin:auto 76px 1em 76px; }
#modelVertrag .cutLine{border-bottom:2px dashed #2B2D28; margin:1em; }
/*++ links.php +++++++++++*/
#div_Links{ font-size:0.82em; margin:0 auto 0 65px; width:100%; padding-bottom:2em; }
#div_Links ul{ float:left; list-style:none; margin-top:2.5em;}
#div_Links ul li{ float:left; } 
#div_Links .ul_sectName{ margin-left:-1em; } 
#div_Links .ul_sectName h3{ position:absolute; margin-left:-1em; line-height:1.5em! important; font-size:1.2em; } 
#div_Links ul li ul{ float:left; margin-top:2.25em; padding:0em; list-style:none; }
#div_Links ul li ul li{ float:none; padding:0em; list-style:disc; margin-right:1em; }
#div_Links ul li ul li a{ display:block; width:14.3em; padding-left:0; font-size:1.15em; text-decoration:none; outline:none; }
#div_Links ul li a{ }
#div_Links ul li ul a:visited{ color:#565A50; }
#div_Links ul li ul a:hover{ color:#FFF; }
#div_Links #Kooperationspartner{ clear:both; }
#div_Links #Kooperationspartner { width:auto; }
#div_Links #Kooperationspartner ul li a{ width:300px; }

/*+++ Kontakt.php +++++++++++++++++++++++++++++++++++++*/
#h3_kontaktGruess{ display:block; text-align:center; }
#form_Kontakt{ width:80%; text-align:center; margin-left:6%; }
#form_Kontakt br{ display:none; }
#form_Kontakt fieldset{ width:100%; padding:0em 2em; margin:0.3em auto; border:none; }
#form_Kontakt fieldset legend{ color:#2B2D28; }
#form_Kontakt .floatL{ float:left;  width:47%; }
#form_Kontakt .floatR{ float:right; width:47%; }
#form_Kontakt label span{ float:left; color:#FFF; font-weight:bold; padding-top:3px; font-size:0.8em; }
#form_Kontakt label input{ float:left; width:100%; background:none; padding:3px 3px 2px 3px; border:1px dashed #C0FF00; color:#FFF; }

#form_Kontakt #textArea{ margin-top:1em; }
#form_Kontakt #textArea label{ width:100%;}
#form_Kontakt #textArea label #Nachricht{ width:100%; padding:2px 3px 1px 3px; background:none; border:1px dashed #C0FF00; font-family:Verdana, Arial, "Segoe UI", sans-serif; font-size:1.2em; color:#FFF; overflow:auto; }

#form_Kontakt #buttons{ padding-top:2em; }
#form_Kontakt #buttons input{ background:none; border:1px dashed #C0FF00; color:#FFF; font-size:0.9em; font-weight:bold; padding:2px 5px; }
#form_Kontakt #buttons input:hover{ color:#C0FF00; }
#form_Kontakt #buttons #Senden{ margin-right:1em; }

#form_Kontakt #sendCopy { margin-top:0.5em; }
#form_Kontakt #sendCopy label{ width:auto; float:none; }
#form_Kontakt #sendCopy label span{ float:none; margin-left:auto; }
#form_Kontakt #sendCopy label input{ width:auto; float:none; background:none; }
#content .rightFrame #div_errorMessage{ font-weight:bold; text-align:center; margin:2em auto 0em auto; width:85%; color:#C0FF00; }
#content .rightFrame #div_errorMessage p{ font-weight:bold; text-align:center; }
/*++ Impressum.php +++++++++++*/
#content .rightFrame #w3c{ margin-top:5em; }
#content .rightFrame #w3c a{ margin-right:28px; }
#content .rightFrame #w3c a:hover img{ margin:-1px -2px; width:92px; }
#content .rightFrame #w3c a:active img{ margin:0px; width:88px; }
#content .rightFrame #w3c img{ border:none; }

#content #div_AGBs{ position:relative; width:86%; right:50%; margin:-424px -48% 2% auto; background:url(../_pics/popUpBG.gif) #FDFDFD; border:2px solid #F60; color:#2B2D28; padding:3em 2.5em 1em 2.5em; }
#content #div_AGBs #div_popUpCloseBtn{ position:absolute; width:20px; height:20px; top:5px; right:15px; }
#content #div_AGBs #div_popUpCloseBtn a{ display:block; color:#F60; text-indent:-999em; overflow:hidden; background:url(../_pics/closeX.png) no-repeat 4px 4px; border:1px solid #2B2D28; }
#content #div_AGBs #div_popUpCloseBtn a:hover{ border:3px double #2B2D28; margin:-2px 0px 0px -2px; }
#content #div_AGBs #close{ width:20px; height:20px;  }
#content #div_AGBs h1{ font-size:1.5em; text-align:center; margin-bottom:1em; } 
#content #div_AGBs h2{ font-size:1.25em; margin:1em 0 0.25em; } 
#content #div_AGBs h3{ font-size:1em; display:inline; } 
#content #div_AGBs ul{ list-style:none; } 
#content #div_AGBs ul li ul li{ margin:0em auto 1em 2em; line-height:1.5em; } 
#content #div_AGBs .topLink{ font-weight:bold; text-align:center; } 
#content #div_AGBs .topLink a{  display:block; width:100%; outline:none; } 
/*++ _gal/gal.php +++++++++++*/
#content #thumbs{ margin-top:-11px; padding:0px; width:320px; float:left; font-size:0.9em; }
#content #thumbs a{ outline:none; }
#content #thumbs img{ border:1px solid #FFF; margin:12px; padding:0px; opacity:0.60; filter:alpha(opacity=80); }
#content #thumbs img:hover{ border:1px solid #C0FF00; opacity:1; filter:alpha(opacity=100); }
#content #thumbs img:active{ border:1px solid #DDD; }
#content #thumbs span img{ border:1px solid #C0FF00; opacity:1; filter:alpha(opacity=100); }
#content #thumbs .picCaption{ text-align:center; font-size:0.9em; font-weight:bold; margin-bottom:2em; }
#content #thumbs .span_tmbActive,
#content #thumbs .blockNav{ margin:0.25em auto 1em auto; }
#content #thumbs p{ margin:0.5em auto 1em auto; }
#content #thumbs .span_tmbSubLink a{ font-weight:bold; padding:0px 5px; }
#content #thumbs .span_tmbActive{ padding-bottom:0px; margin-bottom:5px; font-size:1.3em; }
#content #thumbs #tmbBlockDn{ position:absolute; left:0px;   font-size:0.6em; padding:0px 20px;  margin-left:-20px;}
#content #thumbs #tmbBlockUp{ position:absolute; left:282px; font-size:0.6em; padding:0px 20px; }
/*++++*/
#content #div_sectInfo{ position:absolute; top:580px; left:12px; text-align:left; width:320px; font-size:0.9em; }
#content #div_sectInfo h3{ margin:1em 0 0.25em; font-size:1em; }
#content #div_sectInfo p{ margin-bottom:1.5em; }
#content #div_sectInfoPopUp{ position:absolute; top:245px; left:235px; width:500px; background:url(../_pics/popUpBG.gif) #FDFDFD; border:2px solid #F60; color:#2B2D28; padding:3em 2.5em 1em 2.5em; z-index:3; }
#content #div_sectInfoPopUp h3{ color:#F60; margin:-1em auto 1em auto; text-align:center; } 
#content #div_sectInfoPopUp h4{ color:#F60; margin-bottom:0.25em; }
#content #div_sectInfoPopUp ul{ margin:0em 0em 1.5em 1.9em; }
#content #div_sectInfoPopUp ul li{ margin-bottom:0.25em; }
#content #div_sectInfoPopUp #div_popUpCloseBtn{ position:absolute; width:20px; height:20px; top:5px; right:15px; }
#content #div_sectInfoPopUp #div_popUpCloseBtn a{ display:block; color:#F60; text-indent:-999em; overflow:hidden; background:url(../_pics/closeX.png) no-repeat 4px 4px; border:1px solid #2B2D28; }
#content #div_sectInfoPopUp #div_popUpCloseBtn a:hover{ border:3px double #2B2D28; margin:-2px 0px 0px -2px; }
#content #div_sectInfoPopUp p{ margin-bottom:1.5em; line-height:1.5em; text-align:justify; }
#content #div_sectInfoPopUp a{ color:#F60; }
#content #div_sectInfoPopUp #close{ width:20px; height:20px;  }

/*+++*/
#content #pics{ padding-left:384px; padding-bottom:3em; font-size:0.9em; outline:none; }
#content #pics img{ border:1px solid #FFF; }
#content #pics .picCaption{ text-align:center; }
#content #pics .picNav{ font-weight:bold; opacity:0.60; filter:alpha(opacity=60); margin:0px; outline:none; }
#content #pics .picNav:hover{ opacity:1; filter:alpha(opacity=100); }
#content #pics #picNavDn{ position:absolute; left:403px; height:400px; width:270px; text-indent:-999em; overflow:hidden; background:url(../_pics/galArrowL.gif) no-repeat 26px center; }
#content #pics #picNavUp{ position:absolute; left:669px; text-indent:-999em; overflow:hidden; background:url(../_pics/galArrowR.gif) no-repeat 234px center; height:400px; width:270px; }
#content #pics .noClick{ padding:193px 22px 0px 22px; opacity:0; filter:alpha(opacity=0); }
body #content #pics #div_picInfo{ text-align:left; }
body #content #pics #div_picInfo table{ margin-left:79px; margin-top:1em; }
body #content #pics #div_picInfo td{ vertical-align:top; padding:0.25em; }
body #content #pics #div_picInfo .leftCell{ width:120px; text-align:right; color:#C0FF00; }
body #content #pics #div_picInfo .rightCell{ width:280px; text-align:left; }
/*++ pages/projekte.php +++++++++++*/
#ul_projektListe{ list-style:none; }
#ul_projektListe h3{ font-size:1em; }
#ul_projektListe li{ margin:1em 0em; }
/*++++*/
#div_projekteLinkList{ display:none; position:absolute; top:580px; left:460px; text-align:center; font-size:0.9em; }
#div_projekteLinkList a, #div_projekteLinkList span{ line-height:2em; font-weight:bold; padding:20px; margin-bottom:10px; margin-right:1px; }
#backLink{ position:relative; float:left; padding:10px 15px 12px 15px; font-size:0.9em; left:0px; margin-top:-28px; width:100%; outline:none; z-index:10; }