/*
////////////////////////////////////////////////////////////////
//
// design.css Stylesheet fuer die Inhaltsseiten
// erstellt durch loss.de, 20253 Hamburg, www.loss.de
//
////////////////////////////////////////////////////////////////
*/

/*################################ BODY HTML - Container ################################*/
body {font-size:12px;background-color:#ffffff;margin:0px;padding:0px;width:100%;text-align:center;font-family:verdana,arial,helvetica,sans-serif;color:#000066;}
.bodyNoEdit {background-color:#eef3fc;text-align:center;}
/*################################ Allgemein ################################*/
a {text-decoration: none;}
a:link, a:visited {color:#000066;}
a:focus, a:hover, a:active {color:#000066;}
a img { border:0px;}
form, p, div {margin:0px;padding:0px;}
.clear {clear: both;}
.center {text-align:center;}
.nostyle  {display:none;}
.style {display:inline;}
.showPrint {display:none;}
#noFlashPlayer {display:block;}

/*################################ Schriften ################################*/
p, td   {font-size:12px;font-family:verdana,arial,helvetica,sans-serif; color:#000066;line-height:150%;}

h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px;font-family:verdana,arial, helvetica, sans-serif;color:#000066;}
h1 {font-size:16px;}
h2 {font-size:14px;}
h3 {font-size:13px;}
h4 {font-size:12px;}
h5 {font-size:11px;}
h6 {font-size:9px;}

/*################################ Content-Einstieg ################################*/
#einstieg {width:768px;height:585px;margin:0px auto;border:1px solid #011a7f;background-color:#ffffff;}
.einstiegProduct {margin-top:2px;}
.einstiegText {background-color:#011a7f;width:768px;height:145px;}
.einstiegText p, .einstiegText td {font-size:10px;color:#ffffff;line-height:100%;font-family:verdana,arial,helvetica,sans-serif;}
.einstiegText a:link, .einstiegText a:visited {color:#ffffff;text-decoration:none;}
.einstiegText a:focus, .einstiegText a:hover, .einstiegText a:active {color:#ffffff;text-decoration:none;}

.einstiegAddress {background-color:#011a7f;width:768px;height:20px;font-size:10px;color:#ffffff;}
.einstiegAddress p  {font-size:10px;color:#ffffff;font-family:verdana,arial,helvetica,sans-serif;}
.einstiegAddress a:link, .einstiegAddress a:visited {color:#ffffff;text-decoration:none;}
.einstiegAddress a:focus, .einstiegAddress a:hover, .einstiegAddress a:active {color:#ffffff;text-decoration:none;}

.flash {width:493px;height:272px;overflow:auto;text-align:left; padding: 10px 10px;border:1px solid #000000} 

/*################################ Layout  border:1px solid #ff0000; ################################*/
#page {width:768px;height:580px;background-color:#ffffff;margin-left:auto;margin-right:auto; background-image:url(/kugellager-fiedler/images/top-higru.jpg); background-repeat: no-repeat;background-position: 1px top;}
#topLang  {width:768px; height:50px;text-align:left; vertical-align:top;border-right:1px solid #011a7f;border-left:1px solid #011a7f;}
#topPic  {width:768px; height:118px;text-align:left; vertical-align:top;border-right:1px solid #011a7f;border-left:1px solid #011a7f;}

/*################################ Layout-Left ################################*/
#leftColumn {width:180px;text-align:left;border-left:1px solid #011a7f;background-image:url(/kugellager-fiedler/images/left-top-higru.jpg);background-repeat:no-repeat;background-position:left top;}
#leftColumn .tables {width:100%;height:100%;}
#leftColumn .navi {vertical-align:top;text-align:left;}
.surfer {text-align:left;vertical-align:bottom;border-left:1px solid #011a7f;}

/* Navigation */
#navimenue {text-align:left;margin-top:0px;padding:10px 0px;}
#navimenue ul {padding:0px;margin:0px;list-style-type: none;font-size:12px;font-family:arial,helvetica,sans-serif;font-weight:normal;}
#navimenue ul li {margin:0px;}
#navimenue ul li a {display:block;width:180px;padding:1px 0px 1px 32px;}
/* Hide from IE-Mac */
@media all { 
#navimenue ul li a { width:148px; }
}
/* end IE-Mac background-color:#ff0000;*/

#navimenue .out, #navimenue .out a:link, #navimenue .out a:visited {color:#000066;background-image:url(none);background-repeat:no-repeat;}
#navimenue .on, #navimenue .out a:hover, #navimenue .out a:active, #navimenue .out a:focus {color:#000066;background-image:url(/kugellager-fiedler/images/navi_on1.gif);background-repeat:no-repeat;}

/* Sub Navigation */
#navimenue ul li a.sub1 {display:block;width:180px;padding:1px 0px 1px 42px;}
/* Hide from IE-Mac */
@media all { 
#navimenue ul li a.sub1 { width:138px; }
}
/* end IE-Mac */

#navimenue .out, #navimenue .out a.sub1:link, #navimenue .out a.sub1:visited {color:#000066;background-image:url(none);background-repeat:no-repeat;}
#navimenue .on, #navimenue .out a.sub1:hover, #navimenue .out a.sub1:active, #navimenue .out a.sub1:focus {color:#000066;background-image:url(/kugellager-fiedler/images/navi_on1.gif);background-repeat:no-repeat;}

/* Sub-Sub Navigation */
#navimenue ul li a.sub2 {display:block;width:180px;padding:1px 0px 1px 52px;}
/* Hide from IE-Mac */
@media all { 
#navimenue ul li a.sub2 { width:128px; }
}
/* end IE-Mac */

#navimenue .out, #navimenue .out a.sub2:link, #navimenue .out a.sub2:visited {color:#000066;background-image:url(none);background-repeat:no-repeat;}
#navimenue .on, #navimenue .out a.sub2:hover, #navimenue .out a.sub2:active, #navimenue .out a.sub2:focus {color:#000066;background-image:url(/kugellager-fiedler/images/navi_on1.gif);background-repeat:no-repeat;}

/* Sub-Sub-Sub Navigation */
#navimenue ul li a.sub3 {display:block;width:180px;padding:1px 0px 1px 62px;}
/* Hide from IE-Mac */
@media all { 
#navimenue ul li a.sub3 { width:118px; }
}
/* end IE-Mac */

#navimenue .out, #navimenue .out a.sub3:link, #navimenue .out a.sub3:visited {color:#000066;background-image:url(none);background-repeat:no-repeat;}
#navimenue .on, #navimenue .out a.sub3:hover, #navimenue .out a.sub3:active, #navimenue .out a.sub3:focus {color:#000066;background-image:url(/kugellager-fiedler/images/navi_on1.gif);background-repeat:no-repeat;}

/* Ende Navigation*/

/*################################ Layout-Middle background-color:#ff0000; background-color:#00ff00; ################################*/
#middleColumn {font-size:12px;text-align:left;width:588px;height:387px;border-right:1px solid #011a7f;}
.content {text-align:left;width:578px;margin:30px 10px 10px 0px;background-color:#ffffff;}
.contentText {text-align:left;width:562px;margin:20px 18px 20px 18px;}

/*####################### middleColumn / Kontaktformular  ################################*/
#formContact   {width:480px;margin-left:47px;padding:10px 0px;}
fieldset    {border:1px solid #000066;padding:0px 5px;padding-bottom:10px;margin-bottom:10px;}
legend      {font-weight:bold;color:#000066;}
.labels     {width:100px;float:left;}
.inputs     {font-size:13px;width:360px;float:left;background-color:#ffffff;height:16px;margin:2px 0px;}
.textareas  {font-size:13px;width:360px;background-color:#ffffff;height:200px;float:left;}
.stern      {color:#ff0000;}
.sendButton {margin-top:10px;margin-left:150px;}
.new        {width:0px;height:0px;overflow:hidden;display:none;}

/*####################### footer ################################*/
#footer {height:20px;background-color:#011a7f;}
#footer, #footer p {font-size:11px;font-family:verdana,arial,helvetica,sans-serif;color:#ffffff;}
#footer a:link, #footer a:visited {color:#ffffff;}
#footer a:focus, #footer a:hover, #footer a:active {color:#ffffff;} /* Weblication Edit-Button */

/*################################ openPopup  ################################*/
#blockOpenPopup   {width:580px;background-color:#ffffff;}
#blockOpenPopup1  {width:500px;background-color:#ffffff;}
#blockOpenPopup3  {width:845px;background-color:#ffffff;}
#blockOpenPopup4  {width:100%;background-color:#ffffff;}
.openPopupClose   {text-align:center;padding-top:10px;padding-bottom:10px;}