/* reset ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin:0; padding:0; } h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size:1em; font-weight:normal; font-style:normal; } ul,ol { list-style:none; } fieldset,img { border:none; } caption,th { text-align:left; } table { border-collapse:collapse; border-spacing:0; } a:focus { outline:none; } /* standards ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ .clearboth { clear:both; } .floatleft { float:left; } .floatright { float:right; } body { background:url(../images/layout/bg.png) repeat-x; font-size:12px; padding:0 0 70px 0; font-family:"Lucida Grande", Verdana, Arial, sans-serif; } a { font-size:12px; font-family:verdana; text-decoration:underline; color:#828282; } a:hover { color:#ff006c; } input { font-size:12px; margin:1px 0 0 0; padding:2px 0 0 2px; background:rgb(240,240,240); border:1px solid rgb(220,220,220); } h1 { font-weight:bold; font-size:15px; } h1 span { color:#ff006c; } div.adsAlt { width:468px; height:25px; font-weight:bold; border:1px solid #CFEAFB; margin:0pt auto; } p { margin:10px 0 0 0; } form p { margin:0 0 0 0; } /* non-linear ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* button */ a.button { display:block; text-decoration:none; float:left; margin:0 7px 0 0; text-align:center; color:#000; font-size:12px; height:26px; padding:6px 0 0 0; } a.button:hover { text-decoration:none; color:#ff006c; } a.button.small { background:url(../images/layout/buttonSmall.jpg); width:63px; } a.button.small.nobg { background:none; width:63px; } a.button.small.active, a.button.small:hover { background:url(../images/layout/buttonSmallActive.jpg); cursor:pointer; } a.button.medium { background:url(../images/layout/buttonMedium.jpg); width:73px; } a.button.medium.nobg { background:none; width:73px; } a.button.medium.active, a.button.medium:hover { background:url(../images/layout/buttonMediumActive.jpg); cursor:pointer; } a.button.large { background:url(../images/layout/buttonLarge.jpg); width:90px; } a.button.large.active, a.button.large:hover { background:url(../images/layout/buttonLargeActive.jpg); cursor:pointer; } a.button.Xlarge { background:url(../images/layout/buttonXLarge.jpg); width:144px; } a.button.Xlarge.active, a.button.Xlarge:hover { background:url(../images/layout/buttonXLargeActive.jpg); cursor:pointer; } /* check */ div.check { background:url(../images/layout/check.gif) left center no-repeat; padding:0 0 0 12px; margin:3px 0 3px 0; } div.check span { color:#ff006c; } /* noscript */ noscript { float:left; width:500px; color:#ff006c; font-weight:bold; padding:0 0 3px 0; } /* linear ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ div#center { width:885px; margin:0pt auto; } div#contentA { min-height:280px; height:auto !important; height:280px; } div#contentA div.left { float:left; width:400px; margin:0 40px 0 0; } div#contentA div.right { float:left; width:430px; min-height:120px; height:auto !important; height:120px; background:url(../images/layout/circles.gif) no-repeat 60% 100%; padding:60px 0 20px 0; } div#contentA div.subNavi { margin:10px 0 10px 0; } div#contentA form#upload { padding:50px 0 0 0; } div#contentA form#upload p { padding-bottom:8px; } div#contentA input.file { float:left; margin:4px 15px 0 0; background:rgb(250,250,250); } div#contentA input.upload { font-size:12px; background:url(../images/layout/buttonLargeActive.jpg); cursor:pointer; width:90px; float:left; border:0; height:25px; } div#primaryNav { padding:0 0 0px 0; float:left; } div#primaryNavAd { float:right; padding:14px 0 0 0; } div#contentDivider { background:#E5E5E5; clear:both; height:10px; margin:5px 0 30px 0; } div#contentB { min-height:280px; height:auto !important; height:280px; } div#loginForm { background:url(../images/layout/user.jpg) center right no-repeat; margin:6px 0 0 0; height:70px; padding:15px 0 0 0; } div#loginForm input { margin:0 0 3px 0; } div#regForm { background:url(../images/layout/user.jpg) center right no-repeat; margin:6px 0 0 0; height:70px; padding:0px 0 0 0; } div#regForm input { margin:0 0 3px 0; } div#footer { border-top:1px solid #D8D8D8; color:#828282; padding:5px 0 0 1px; margin:30px 0 0 0; font-size:10px; } div#footer div.left { float:left; width:500px; } div#footer div.left a { font-size:10px; } div#footer div.right { float:right; width:127px; } div#footer div.right img { opacity:1; } div#footer div.right img:hover { opacity:0.7; } div#footer div.right a { display:block; float:left; } div#footer div.right a.inside { margin:0px 8px 0 0; } /* unterseite: home/start/ ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ div#home-start div.subNavi { padding:10px 0 0 0; } div#home-start div.a { float:left; width:290px; margin:0 80px 0 0; } div#home-start div.b { float:left; width:180px; margin:0 80px 0 0; } div#home-start div.b { float:left; width:180px; margin:0 80px 0 0; } div#home-start div.b div.thumbnail { float:left; background-repeat:no-repeat; border:1px solid rgb(210,210,210); width:50px; height:50px; margin:0 8px 10px 0; } div#home-start div.b div.thumbnail a { display:block; height:50px; } div#home-start div.c { float:left; width:240px; } div#home-start div.a div.content { clear:both; padding:15px 0 0 0; height:140px; } div#home-start div.b div.content { clear:both; padding:15px 0 0 0; height:140px; } div#home-start div.c div.content { clear:both; padding:15px 0 0 0; height:200px; } div#home-start div.content p { line-height:14px; margin:0; } div#home-start div.content { position:relative; overflow:hidden; } div#home-start div.slidesInA { width:290px; } div#home-start div#slideA { position:absolute; } div#home-start div#slideB { position:absolute; left:290px; } div#home-start div#slideC { position:absolute; left:580px; } div#home-start div#slideD { position:absolute; left:870px; } div#home-start div.slidesInB { width:180px; } div#home-start div#slideE { position:absolute; } div#home-start div#slideF { position:absolute; left:180px; } div#home-start div.slidesInC { width:240px; } div#home-start div#slideG { position:absolute; } div#home-start div#slideH { position:absolute; left:240px; } div#home-start input.login { font-size:12px; background:url(../images/layout/buttonLarge.jpg); margin:42px 0 0 0; width:90px; border:0; height:25px; cursor:pointer; } div#home-start input.reg { font-size:12px; background:url(../images/layout/buttonLarge.jpg); margin:8px 0 0 0; width:90px; border:0; height:25px; cursor:pointer; } /* unterseite: home/nutzungsbedingungen/ ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ div#home-nutzungsbedingungen ul { margin:10px 0 0 20px; list-style-type:circle; } div#home-nutzungsbedingungen li { margin:3px 0 0 0; } /* unterseite: home/uploads/ ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ div#home-uploads div#thumGalerie { padding:30px; } div#home-uploads div.thumbnail { float:left; background-repeat:no-repeat; width:70px; height:70px; border:1px solid #9F9F9F; margin:0 10px 10px 0; } /* unterseite: home/suchen/ ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ div#home-suchen form { padding:30px 30px 30px 0; } div#home-suchen input { padding:3px; width:240px; } div#home-suchen div#results { padding:0 30px 30px 30px; /*border:1px solid #777; background:#F0F0F0;*/ } div#home-suchen div#results div.img { display:none; width:80px; height:80px; border:2px solid #888; margin:0 25px 25px 0; overflow:hidden; float:left; } div#home-suchen div#results img { width:130px; } div#home-suchen div#results img#loading { width:32px; height:32px; display:none; } /* unterseite: user/deine-dateien/ ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ div#user-mein-loaditup div.containerArea { padding:30px; } div#user-mein-loaditup div.container { background:#FAFAFA; border:1px solid #CECECE; float:left; width:31%; margin:5px 5px 0 0; } div#user-mein-loaditup div.container div.inner { padding:5px; } div#user-mein-loaditup div.container div.title { font-weight:bold; border-bottom:1px solid #CECECE; margin:0 0 5px 0; } div#user-mein-loaditup div.container div.row { } div#user-mein-loaditup div.container p { padding:5px 0 0 0; } /* unterseite: user/deine-dateien/ ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ div#user-deine-dateien div.selectionLogHolder { margin:20px 0 0 0; height:30px; } div#user-deine-dateien div.selectionLog { background:#FFFFE0; padding:5px; width:250px; border:1px solid #F1F1F1; } div#user-deine-dateien div.selectionLog div.l { float:left;; } div#user-deine-dateien div.selectionLog a { display:none; float:right; } div#user-deine-dateien div.head { margin:30px 0 0 0; } div#user-deine-dateien div.head div.col { float:left; font-weight:bold; padding:0 10px 15px 0; } div#user-deine-dateien div.body { border:0px solid red; } div#user-deine-dateien div.body div.row { padding:5px 0 0 0; border-top:1px dotted rgb(230,230,230); } div#user-deine-dateien div.body div.row.active { background:#FFFFE0 !important; } div#user-deine-dateien div.body div.row:hover { background:rgb(240,240,240); } div#user-deine-dateien div.body div.col { float:left; padding:0 10px 0 0; height:71px; } div#user-deine-dateien div.body div.col.id { display:none; } div#user-deine-dateien div.col.b { min-width:80px; } div#user-deine-dateien div.col.c { width:190px; overflow:hidden; } div#user-deine-dateien div.col.d { width:140px; } div#user-deine-dateien div.col.e { width:100px; } div#user-deine-dateien div.col.f { width:150px; } div#user-deine-dateien div.body div.thum { border:1px solid rgb(230,230,230); width:60px; height:60px; overflow:hidden; } div#user-deine-dateien div.body img { } /* unterseite: upload/upload/ ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ div#upload-upload div#success { margin:0pt auto; width:400px; border:3px solid #FF006C; background:rgb(240,240,240); padding:10px; } div#upload-upload div#success a { color:#FF006C; font-weight:bold; } div#upload-upload div#success input { padding:3px; border:1px solid #777; }