 /*_______________________________________________________________________



                 styles.css

                 Layout for meier-luedenscheid.de

                 Thomas Krug, 12. Juli 2005

   ________________________________________________________________________ */



body {

   padding: 0px;

   margin: 0px;

   font-family : verdana;

   font-size: 12px;

   background-color: #FFFFFF;

   height: 100%;

}



.boxwrap {

   padding: 0px;

   width: 960px;

   height: 486px;

   margin-top: 0px;

   margin-bottom: 0px;

   margin-left: 0px;

   margin-right: 0px;

   background-image:url(images/background.jpg);

   background-repeat: no-repeat;

}



.boxwrap_start {

   padding: 0px;

   width: 960px;

   height: 486px;

   margin-top: 0px;

   margin-bottom: 0px;

   margin-left: 0px;

   margin-right: 0px;

   background-image:url(images/background_clean.jpg);

   background-repeat: no-repeat;

}

.kopfzeile {
   width: 960px;
   text-align: left;
   height: 50px;
   margin: 0px;
}

.mazda_logo_kopfzeile {
   text-align: left;
   float: left;
   width: 200px;
   margin: 0px;
}

.topnavialign {
   width: 521px;
   text-align: left;
   margin: 0px;
   margin-left: 429px;
   padding-top: 32px;
}

.topnavigation {
   white-space: nowrap;
}

.zoomzoom {
   margin-left: 388px;
}



.zentrierer {

   position: absolute;

   top: 50%;

   left: 50%;

   right: 0px;

   padding: 0px;

   margin: 0px;

   margin-top: -285px;

   margin-left: -480px;

   height: 574px;
   width: 960px;

}



.topline {

   margin-top: 20px;

   margin-left: 245px;

   width: 578px;

   height: 14px;

   border-top: 1px solid #FFFFFF;

   border-left: 1px solid #FFFFFF;

   line-height: 10px;

}



.subnavigation {

   margin-top: 0px;

   margin-left: 245px;

   width: 578px;

   height: 14px;

   border-top: 1px solid #FFFFFF;

   border-bottom: 1px solid #FFFFFF;

   border-left: 1px solid #FFFFFF;

   padding: 0px;

   line-height: 10px;

}



.content {

   margin-top: 20px;

   margin-left: 260px;

   width: 563px;

   height: 350px;

   padding: 0px;

   padding-right: 10px;

   overflow: auto;

}



.content_start {

   padding: 0px;

   padding-top: 190px;

   margin-left: 332px;

   width: 628px;

   height: 250px;

}



div.mainfield {

   margin: 0px;

   width: 823px;

   height: 450px;

   padding: 0px;

   overflow: hidden;

}



div.rightcontent {

   float: right;

   margin-top: 0px;

   margin-left: 0px;

   width: 130px;

   height: 450px;

   padding: 0px;

   overflow: hidden;

}



div.rightmain {

   height: 390px;

}



div.right_impressum {

   font-family : arial;

   font-size: 12px;

   font-weight: bold;

   color: #FFFFFF;

   padding-top: 0px;

   height: 30px;

   text-align: center;

   vertical-align: bottom;

}



div.auto_grafik {

   position: absolute;

   top: 50%;

   left: 50%;

   margin-left: -480px;

   margin-top: 11px;

   z-index: 2;

   width: 235px;

   height: 70px;

}

div.auto_grafik_start {

   position: absolute;

   top: 50%;

   left: 50%;

   margin-left: -480px;

   margin-top: -64px;

   z-index: 2;

   width: 235px;

   height: 70px;

}



div.navi_strich {

   position: absolute;

   top: 50%;

   left: 50%;

   margin-left: -480px;

   margin-top: -201px;

   border-top: 1px solid #FFFFFF;

   width: 246px;

   height: 1px;

}



/* =======================================================================

         text formating

   =======================================================================*/



a.right_impressum {

   font-family : arial;

   font-size: 12px;

   color: #FFFFFF;

   text-decoration: none;

   padding: 0px;

   margin: 0px;

}



a.right_impressum:hover {

   text-decoration: underline;

}



a {

   font-family : verdana;

   color: #FFFFFF;

   text-decoration: underline;

}



a:hover {

   text-decoration: none;

}

a.OptionNavigation {

   font-family : verdana;

   font-size: 10px;

   color: #C4BBDA;

   text-decoration: none;

}



a.OptionNavigation:hover {

   text-decoration: underline;

}

h1 {

   font-weight: bold;

   padding-left: 0px;

   padding-top: 5px;

   padding-bottom: 5px;

   margin: 0px;

   font-family : verdana;

   font-size: 14px;

   color: #FFFFFF;

}

h1.spezialueberschrift {

   font-weight: bold;

   padding-left: 0px;

   padding-top: 0px;

   padding-bottom: 0px;

   margin: 0px;
   margin-top: 10px;
   margin-bottom: 5px;

   font-family : verdana;

   font-size: 13px;

   color: #222C5F;

   background-color: #FFFFFF;
}

h2 {

   font-weight: bold;

   font-family : verdana;

   font-size: 13px;

   color: #FFFFFF;

   padding-top: 5px;

   padding-bottom: 5px;

   margin: 0px;

}



h3 {

   font-weight: bold;

   font-family : verdana;

   font-size: 12px;

   color: #FFFFFF;

   padding-top: 5px;

   padding-bottom: 5px;

   margin: 0px;

}



p {

   font-family : verdana;

   font-size: 12px;

   color: #FFFFFF;

   margin: 0 0 0 0;

}

p.siteop {

   font-family : verdana;

   font-size: 10px;

   color: #C4BBDA;

   margin: 0px;

   margin-top: 5px;

}

p.sitetitle {

   font-family : verdana;

   font-weight: bold;

   font-size: 10px;

   color: #FFFFFF;

   margin: 0px;

   margin-top: 2px;

   margin-left: 15px;

}

ul {

   margin-right: 5px;

   padding: 0px 0px 0px 18px;

   margin: 0;

}



li {

   font-family : verdana;

   font-size: 12px;

   color: black;

   margin: 0;

   padding: 0 0 5px 0;

}





/* =======================================================================

         position and formating forms

   =======================================================================*/



input.searchfield {

   height: 16px;

   z-index: 3;

   width: 70px;

   font-size: 12px;

   font-family : verdana;

   color: #000000;

   border: 1px solid #B3B3B3;

   margin-bottom: 5px;

}



input.submitbutton {

   content: suchen;

   color: #FFFFFF;

   cursor: hand;

   margin-top: 3px;

   margin-bottom: 0px;

}



input.loginfield {

   height: 12px;

   z-index: 3;

   width: 51px;

   font-size: 10px;

   font-family : verdana;

   border: 1px solid #FFFFFF;

   margin-bottom: 5px;

}



.rightform {

   padding-right: 0px;

   margin-top: 5px;

}



form {

   margin: 0px;

}



input.tipafriend {

   height: 16px;

   z-index: 3;

   width: 150px;

   font-size: 10px;

   font-family: verdana;

   color: #FFFFFF;

   border: 1px solid #FFFFFF;

   margin-left: 5px;

   margin-bottom: 3px;

}



textarea.tipafriendtext {

   z-index: 3;

   width: 150px;

   font-size: 10px;

   font-family: verdana;

   color: #FFFFFF;

   border: 1px solid #FFFFFF;

   margin-left: 5px;

   margin-bottom: 3px;

}



input.tipafriendcheckbox {

   z-index: 3;

   color: #FFFFFF;

   margin-left: 5px;

   margin-bottom: 3px;

}



input.tipafriendsubmit {

   height: 16px;

   z-index: 3;

   width: 150px;

   font-size: 10px;

   font-family: verdana;

   color: #FFFFFF;

   border: 1px solid #FFFFFF;

   margin-left: 5px;

   margin-bottom: 3px;

}



input.tx-indexedsearch-searchbox-sword {

   height: 16px;

   z-index: 3;

   width: 100px;

   font-size: 10px;

   font-family: verdana;

   color: #000000;

   border: 1px solid #FFFFFF;

   margin-left: 5px;

   margin-bottom: 3px;

}



input.tx-indexedsearch-searchbox-button {

   height: 16px;

   z-index: 3;

   width: 100px;

   font-size: 10px;

   font-family: verdana;

   color: #000000;

   border: 1px solid #FFFFFF;

   margin-left: 5px;

   margin-bottom: 3px;

}



input#tx-newloginbox-pi1-user {

   height: 16px;

   z-index: 3;

   width: 100px;

   font-size: 10px;

   font-family: verdana;

   color: #FFFFFF;

   border: 1px solid #FFFFFF;

   margin-left: 5px;

   margin-bottom: 3px;

}



input#tx-newloginbox-pi1-pass {

   height: 16px;

   z-index: 3;

   width: 100px;

   font-size: 10px;

   font-family: verdana;

   color: #FFFFFF;

   border: 1px solid #FFFFFF;

   margin-left: 5px;

   margin-bottom: 3px;

}



input#tx-newloginbox-pi1-logout_submit {

   height: 16px;

   z-index: 3;

   width: 100px;

   font-size: 10px;

   font-family: verdana;

   color: #FFFFFF;

   border: 1px solid #FFFFFF;

   margin-left: 5px;

   margin-bottom: 3px;

}

input.photo_libary_search {

   height: 16px;

   z-index: 3;

   width: 150px;

   font-size: 10px;

   font-family: verdana;

   border: 1px solid #FFFFFF;

   margin-left: 5px;

   margin-bottom: 3px;

}

input.photo_libary_submit {

   height: 16px;

   z-index: 3;

   width: 100px;

   font-size: 10px;

   font-family: verdana;

   border: 1px solid #FFFFFF;

   margin-left: 5px;

   margin-bottom: 3px;

}

select.photo_libary_search {

   height: 16px;

   z-index: 3;

   width: 150px;

   font-size: 10px;

   font-family: verdana;

   margin-left: 5px;

   margin-bottom: 3px;

}

input#tx-newloginbox-pi1-login_submit {

   height: 16px;

   z-index: 3;

   width: 100px;

   font-size: 10px;

   font-family: verdana;

   color: #FFFFFF;

   border: 1px solid #FFFFFF;

   margin-left: 5px;

   margin-bottom: 3px;

}



/*****************************/

/* Menu / Sitemap, generally */

/*****************************/

DIV.csc-menu { margin-left: 0px; }

DIV.csc-menu P { font-size: 12px; margin: 1px 0px 0px 0px; padding: 2px 2px 2px 10px; }

DIV.csc-menu P A { color: #FFFFFF; text-decoration: none; }

DIV.csc-menu P A:hover { color: #FFFFFF; text-decoration: underline; }

DIV.csc-menu P.csc-section { font-weight: normal; margin-left: 20px; font-style: italic; }



/* Menu / Sitemap, "Menu of these pages" */

DIV.csc-menu-def P {  }



/* Menu / Sitemap, "Menu of subpages to these pages" */

DIV.csc-menu-1 { }




/* Menu / Sitemap, "Sitemap" */

DIV.csc-menu-2 { }

DIV.csc-menu-2 P.csc-sitemap { }

DIV.csc-menu-2 P.csc-sitemap-level1 { margin-left: 20px; }

DIV.csc-menu-2 P.csc-sitemap-level2 { margin-left: 40px; }

DIV.csc-menu-2 P.csc-sitemap-level3 { margin-left: 60px; }

DIV.csc-menu-2 P.csc-sitemap-level4 { margin-left: 80px; }

DIV.csc-menu-2 P.csc-sitemap-level1 A { color: #FFFFFF; font-weight: bold; }

DIV.csc-menu-2 P.csc-sitemap-level1 A:hover { color: #FFFFFF; font-weight: bold; }

DIV.csc-menu-2 P.csc-sitemap-level2 A { color: #FFFFFF; font-weight: bold; }

DIV.csc-menu-2 P.csc-sitemap-level2 A:hover { color: #FFFFFF; font-weight: bold; }

DIV.csc-menu-2 P.csc-sitemap-level3 A { color: #FFFFFF; }

DIV.csc-menu-2 P.csc-sitemap-level4 A { color: #FFFFFF; }



/* Menu / Sitemap, "Section index (pagecontent w/Index checked)" */

DIV.csc-menu-3 { }

DIV.csc-menu-3 P.csc-section { margin-left: 0px; }

DIV.csc-menu-3 P.csc-section A { color: #FFFFFF; }



/* Menu / Sitemap, "Menu of subpages to these pages (with abstract)" */

DIV.csc-menu-4 { }

DIV.csc-menu-4 P { margin-top: 2px; }

DIV.csc-menu-4 P.csc-abstract { font-weight: normal; font-style: italic; margin-top: 0px; padding: 0px 2px 2px 20px; }



/* Menu / Sitemap, "Recently updated pages" */

DIV.csc-menu-5 { }



/* Menu / Sitemap, "Related pages (based on keywords)" */

DIV.csc-menu-6 { }



/* Menu / Sitemap, "Menu of subpages to these pages + sections" */

DIV.csc-menu-7 { }

DIV.csc-menu-7 P { font-weight: bold; }

DIV.csc-menu-7 P.csc-section A { color: #FFFFFF; }

/************* END SITEMAP ****************/