/*#
styles for www.verlorenes-handy-finden.de
media type: screen
#*/

         /*#
         auszeichnung allgemein
          #*/

h1, h2, h3 {
         padding:20px 0 0 5px;
         color:#0066CB;
         border-bottom:2px solid #B07A34;
         }
         h1 {font-size:1.2em;}
         h2 {font-size:1.1em;}
         h3 {font-size:1em;}
h4 {padding:15px 0 0 5px;color:#0066CB;}

p {overflow:hidden;}


table {margin-top:5px;width:396px;border:2px dashed #0066CB; border-collapse:collapse;}
         table caption {margin-top:10px;font:bold italic 100.01%/2 Arial, Helvetica;}
thead th {font:bold 132%/2 Arial, Helvetica;border:1px dotted #333330;border-bottom:2px solid #B07A34;}
tbody td {
         border-top:1px dotted #E6E6E6; border-bottom:1px dotted #E6E6E6;
         border-right:1px dotted #333330; border-left:1px dotted #333330;
         }
tfoot td {border:1px solid #333330;}
th, td {padding-top:3px; padding-bottom:3px;}
tr.sameLine {background-color:#F8E3F4;}


blockquote {
         margin:10px 30px 20px 30px; padding:5px;
         font-style:italic;
         background-color:#EAF8F9;
         border-top:1px dashed #B07A34;
         border-left:1px dashed #B07A34;
         border-right:1px dotted #B07A34;
         border-bottom:1px dotted #B07A34;
         }

         /* links */

a {color:#0066CB;text-decoration:none;border-bottom:1px dotted #0066CB;}
         a:hover, a:focus, a:active {text-decoration:none;color:#0066CB;border-bottom:1px solid #0066CB;}
  a.extern:visited, a.intern:visited {padding-right:15px;background:url(../images/ic_visited.gif) bottom right no-repeat;}
  a.extern:link {padding-right:15px;background:url(../images/ic_extern.gif) bottom right no-repeat !important;}
         a.extern:hover, a.extern:focus {padding-right:15px;background:url(../images/ic_extern_hov.gif) bottom right no-repeat !important;}
  a.intern:link {padding-right:15px;background:url(../images/ic_intern.gif) bottom right no-repeat !important;}
         a.intern:hover, a.intern:focus {padding-right:15px;background:url(../images/ic_intern_hov.gif) bottom right no-repeat !important;}

  a.mehr {font-size:0.79em;border:0;}
  a.pic {border:0;}

         /*#
         auszeichnung spezial
         #*/

.info {
         border:2px dashed #B07A34;
         text-indent:25px;
         background:url(../images/info.gif) #F8E3F4 5px 2px no-repeat;
         }
         .infoH4indent {padding-left:30px;
         }/*wenn h4 durch br in zwei zeilen getrennt wurde
         die zweite zeile in span.infoH4indent setzen damit
         die zweite zeile genauso weit eingerueckt ist wie die erste*/


.smaller {font-size:0.79em;}
.bigger {font-size:1.5em;}

#defList {margin:0; padding-left:20px;background-color:#F8E3F4;border:2px dashed #0066CB;}
         #defList dt {font-weight:bold;}
         #defList dd {font-style:italic;}

         /* spezial spezial ;) */

ul#ausruf {list-style:none;}
          ul#ausruf li {
          margin-left:2px;
          text-indent:25px;
          line-height:2em;
          background:url(http://www.verlorenes-handy-finden.de/images/ausruf.gif) 0% 0% no-repeat;
          }

         /*#
         ausrichtung
         #*/

.clr {clear:both;}
.center {text-align:center;}
img.floatRight {float:right;width:auto; height:auto;border:0;}
.fastLink {
         margin-bottom:10px;
         text-align:right;
         color:#0066CB;
         font-size:0.73em;
         }
         .fastLink a {text-decoration:none;font-weight:bold;}
         .fastLink a:hover {text-decoration:none;font-weight:bold;}
.youtube {margin:0 auto; padding:0; text-align:center;}
.demoVid {margin:30px auto; padding:10px; width:443px; text-align:center; background-color:#FFF; border:2px dashed #0066CB;}

         /*#
         trenner und interludes
         #*/

hr {margin:10px 0 10px 0;}



         /*#
         side
         #*/


#sideBar {
         margin-top:0; margin-left:675px;
         position:fixed;
         background-color:#FFF;
         border:5px solid #FFF;
         }
         #sideBarBorder {
                 padding:5px;
                 border:2px solid #0066CB;
                 background:#FFF;
                 }
                 #sideBarText {padding:10px;height:130px;}
                         #sideBarText p {padding:5px;}
                                 #sideBarText h3 {padding-top:10px;}
                         #sideBarText a {border:none;}

#sideAd {
         margin-top:200px; margin-left:675px;
         position:fixed;
         background-color:#FFF;
         border:5px solid #FFF;
         }
         #sideAdBorder {
         padding:5px;
         border:2px solid #0066CB;
         background:#FFF;
         }
         #sideAdText {padding:5px;}
         #sideAdText p {padding:5px;text-align:center;}


         /*#
         unique
         #*/

#headlines h1 {
         padding:0 0 0 20px;     width:850px;
         font:bold 2.875em "John Handy LET", Garamond, serif;
         color:#E6E6E6;
         border:0; -moz-border-radius:31px; -webkit-border-radius:31px;
         background-image:url(../images/bgTrans.png);
         }
#headlines h2 {
         padding:0 0 0 20px;     width:590px;
         font-size:120%;
         font-weight:bold;
         color:#E6E6E6;
         border:0; -moz-border-radius:31px; -webkit-border-radius:31px;
         background-image:url(../images/bgTrans.png);
         }

         /**/

dl#providerContact {margin:0; padding-left:5px;}
         dl#providerContact dd {
         text-indent:25px;
         line-height:2em;
         background:url(../images/hoerer.gif) 0% 0% no-repeat;
         }
         dl#providerContact dd a {
         display:block;
         border:0;
         }

         /**/

#recht {margin:0 5px 10px 5px;font-size:0.79em;
         }/* impressum rechtstext */

#help_tbl {
         margin-left:50px;       padding-left:10px !important;
         width:766px;            height:750px;
         background-color:#FFF;
         }

         /*#
         skelett
         #*/

body {
         padding:15px 0 0 20px;
         font-family:Arial, Helvetica, sans-serif;       font-size:87.5%;
         color:#333330;
         background:#087BDE url(../images/bgTopImage2.jpg) top right no-repeat;
         }
#bgTopImage {width:878px;}

         /**/

#kopf {margin:0 0 10px 15px;}

         /**/

#navi {
         margin:0 0 20px 30px; padding:0 0 0 10px;
         width:590px; height:42px;
         font-size:80%;
         background:url(../images/navLong.gif) no-repeat;
         }
#naviLogin {
         margin:0 0 20px 30px; padding:0 0 0 10px;
         width:804px; height:42px;
         font-size:80%;
         background:url(../images/navLongLogin.gif) no-repeat;
         }
         #navi ul li, #naviLogin ul li {
         list-style: none;
         display: inline;
         }
         #navi a, #naviLogin a {
         padding:10px;
         height: 42px;
         float: left;
         display: block;
         text-decoration:none;
         color: #FFF;
         border:0;
         }
         #navi a:hover, #naviLogin a:hover {
         padding:10px;
         height:42px;
         display:block;
         float:left;
         text-decoration:none;
         color:#FFF;
         background:url(../images/navSnippet.gif) repeat-x;
         }

         /**/

#mainContent {
         margin:0px 0 20px 30px;
         width:580px;
         float:left;
         border:5px solid #FFF;
         }/*der breite weisse rand*/
         #mainContentLogin {
                 margin:0 0 20px 0;
                 width:840px;
                 float:left;
                 border:none;
                 }

#border {
         padding:5px;
         width:566px;
         float:left;
         border:2px solid #0066CB;
         background:#FFF;
         }/*der blaue 2px rand und padding*/

#text {min-height:460px;padding:10px;}
         #text p {padding:5px;}
         #text ul, ol{padding-left:12px;margin-left:12px;
                 }/*der eigentliche (letztendliche) content container*/
         #text ul {margin:10px 0 20px 10px;}

         /**/

#fuss {
         font-size:0.79em;
         text-align:center;
         margin:10px;
         border-top:1px solid #B07A34;
         }
         #fuss a {text-decoration:none;}
         #fussLogin {
                 margin:20px 0 0 0;      overflow:auto;
                 width:824px;
                 font-size:0.79em;       text-align:center;
                 border:5px solid #FFF;
                 }
                 #fussLogin a {text-decoration:none;}
         #fussLoginBorder {
                 padding:10px 0 15px 0;
                 width:820px;
                 float:left;
                 border:2px solid #0066CB;
                 background:#FFF;
                 }

         /**/

* {padding:0; margin:0;}


#landingP {
         margin:30px auto;       padding:20px;
         width:750px;
         border:2px solid #0066CB;
         -moz-border-radius:8px; -webkit-border-radius:8px;
         background:#FFF;
         }
#landingP .gratisH {float:left;border:2px solid #A5C5ED;}

#landingP .gratisH span {display:none;}
         #landingP .gratisH:link, #landingP .gratisH:visited {
                 display:block;width:500px; height:370px;
                 background:transparent url(../images/landingP/gratis_001.png);
                 border:none;
                 }
                 #landingP .gratisH:hover, #landingP .gratisH:active, #landingP .gratisH:focus {
                         background-image:url(../images/landingP/gratis_001-HOVER.png);
                         background-color:#0066CB;
                         border:none;  -moz-border-radius:8px; -webkit-border-radius:8px;
                         }

#landingP .gratisH2 span {display:none;}
         #landingP .gratisH2:link, #landingP .gratisH2:visited {
                 display:block;width:500px;height:370px;
                 background-image:url(../images/landingP/LP-Button-15GratisOrtungen-001.jpg);
                 background-position:0px 0px;}
                         #landingP .gratisH2:hover {background-position:0px -370px;}

#lpFooter a {color:#AAC5ED;}