@import url(/css/elements.css);
@import url(/common/popup.css);
@import url(/css/formular.css);
@import url(/css/shop.css);

body { margin: 0; padding: 0; background-color: #FFFFFF;}

html, body, td, input, textarea, select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
img { border-width: 0px }
a { color: black; text-decoration: underline; }
a:hover { color:#00254c; text-decoration: underline;}

h1 { font-size: 20px; color: #000000; font-weight:normal; margin-top: 0; margin-bottom: 10px; }
h2 { font-size: 14px; margin-bottom: 0; margin-top: 15px; }
h3 { font-size: 14px; margin-bottom: 0; margin-top: 20px; color: #E32737;}
div#contentright h3 { color: #E32737; font-size: 16px; }
h4 { font-size: 11px; margin: 0;}
h5 { font-size: 10px; font-weight: normal; margin-bottom: 0; margin-top: 0; }
h6 { font-size: 10px; font-weight: bold; margin-bottom: 0; margin-top: 0; }
p { font-size: 11px; margin-top: 7px; margin-bottom: 0px; line-height: 17px; }
li { line-height: 17px;  }
ol li   {list-style-image: none;}
ol li p {padding-bottom: 10px;}
ul li { padding-bottom: 5px; }

div.blockClosed .blockContent { display: none; }
div.blockOpened .blockContent { display: block; }
.blockContent { padding-left: 13px; }
.blockLink { padding-left: 13px; }
div.blockClosed, div.blockOpened { background-repeat: no-repeat; background-position: left 2px;  }
div.blockClosed { background-image: url(/files/block_closed.gif); }
div.blockOpened { background-image: url(/files/block_opened.gif); background-position: left 5px; }

img.plus { margin-left: -10px; }

/*Vergrößerungsbild das über der Seite liegt*/
div.popupPic { border: 10px solid #e6e6eb; position: absolute; text-align: left; z-index: 9; }
div.popupPic img { cursor: pointer; }
div.popupPic div.text { position: absolute; left: 0px; background-color: #faf1f2; }
div.popupPic div.text p { margin: 0; padding-top: 5px; text-align: center; }
div.popupPic a.close { right: 0px; position: absolute; top: 0px; z-index: 12; }
div#overlay { background-color: black; opacity: 0.5; filter: alpha(opacity=50); position: absolute; left: 0; z-index: 8; width: 100%; }
div#popupLoading { border: 10px solid #e6e6eb; background-color: white; position: absolute; z-index: 9; text-align: center; }
div#popupLoading img { padding-top: 35px; }

div.page { padding: 0px; margin: 0px auto; width: 900px; }

div#site-head { background-image: url(/files/images/01_kiditec_header.jpg); width: 900px; height: 200px; position: relative;}
div#site-head .logo	{position: absolute; top: 24px; left: 762px; }
div#site-head ul	{ margin: 0; top: 36px; position: absolute; left: -21px; height: 20px;}
div#site-head ul li	{ padding-bottom: 0px; display: inline; border-left: 1px solid #000000; font-size: 11px;}
div#site-head ul li.first	{border-left: none;}
div#site-head ul li.active	{font-weight: bold; font-size: 11px;}
div#site-head a	{ text-decoration: none; text-transform: lowercase; letter-spacing: -0.5px; padding-left: 5px; padding-right: 5px;}
div#site-head a:hover	{color: #F4DC01;}
div#site-head p.consumerLink { padding-top: 8px; margin: 0; padding-left: 30px; }

div#main-menu { height: 40px; width: 900px; background-color: #00254C;}
div#main-menu ul { margin: 0px; padding-left: 20px; padding-top:12px;  height: 26px;}
div#main-menu ul li {padding-top: 5px; padding-bottom: 5px; margin: 0px; display: inline; list-style-type: none; border-right: 1px solid #004287; }
div#main-menu ul li.last {border-right: none;}
div#main-menu ul li.active a { color: #B3DDF1;}
div#main-menu ul li a {color: #FFFFFF; text-decoration: none; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; padding-right: 15px; padding-left: 15px;}
div#main-menu ul li a:hover	{color: #B3DDF1;}

div#sub-menu { height: 22px; width: 900px; background-color: #004287}
div#sub-menu ul { list-style-type: none; margin: 0px; padding-left: 40px;  padding-top: 3px;}
div#sub-menu ul li {margin: 0px; padding: 0px; display: inline; list-style-type: none; padding-right: 20px;}
div#sub-menu ul li a {color: #B3DDF1; text-decoration: none; text-transform: uppercase; font-size: 11px;}
div#sub-menu ul li a {color: #fff;}
div#sub-menu ul li a:hover,
div#sub-menu ul li.active a {color: #B3DDF1;}

div#content {
    position: relative;
    background: url(/files/images/bgcontent.jpg) repeat-y top left;
    width: 900px;
}

div#contentleft	{ float: left; width: 520px; padding-top: 20px; padding-right: 20px; padding-left: 30px; padding-bottom: 40px; background-color: #C6C6C6;}
div#contentright	{ float: right; background-color: #E7E7E7; width: 320px; padding-bottom: 40px; padding-left: 0px;}

div#footer	{ clear: both; background-color: #004287;  height: 60px; position: relative; top: -10px; width:  900px; }
div#footer p	{ position: relative; color: #FFFFFF; text-align: center; top: 7px; margin-bottom: 0px;}
div#footer p a { color: white; text-decoration: underline;}
div#footer p a:hover	{color: #B3DDF1;}
div#footer p#bottommenu { position: absolute; right: 15px; margin-top: 17px; *padding-top: 8px;  z-index: 10;}
div#footer p#bottommenu a {  text-decoration: none; text-transform: uppercase; font-size: 10px;}
div#footer p#bottommenu a:hover	{color: #B3DDF1;}

div.element { clear: both; }
div.clear	{clear: both; height: 20px;}

.home div#news    {position: relative; width: 900px; top: 0px; left: 0px; padding-bottom: 0px; background-color: #008BD0;}

.home div#news .text {position: relative; top: 10px; width: 520px; margin-bottom: 20px; border-right: 1px solid #FFFFFF; float: left; left: 40px; padding-right: 20px;}
.home div#news .textRight {float: right; width: 300px; margin: 10px; color: #fff}
.home div#news h1 {color: #FFFFFF;}
.home div#news h2 { margin: 0; font-size: 11px; }
.home div#news ul {padding-left: 0px; margin: 0px; list-style-type: none;}
.home div#news ul div.clear {height: 8px;}
.home div#news ul li  { color: #FFFFFF; list-style-image: none; padding-bottom: 2px; margin: 0px;}
.home div#news ul li a { text-decoration: none; color: white; }
.home div#news ul li div.newsTeaser { width: 450px;}
.home div#news ul li img { float: left; margin-right: 10px; margin-top: 5px; background-color:#004287; padding: 2px;}
.home div#news p  {color: #fff; }
.home div#news ul li p { margin: 0px; margin-left: 10px;}

.home div#news .login {position: relative; top: 25px; float: right; right: 50px;}
.home div#news .login label   {color: #FFFFFF;}
.home div#news .login input   {width: 240px; margin-bottom: 10px;}

.home div#news .flash	{position: relative; top: 10px; float: right; padding-right: 10px; width: 300px; height: 200px;  padding-left: 11px;}


.news div#content ul { list-style-type: none; list-style-image: none; padding: 0; }
.news div#content ul li {padding: 0; margin: 0; padding-bottom: 15px; }
.news div#content ul li span.date { display: block; color: #999999; padding-bottom: 3px; }
.news div#content ul li a { font-weight: bold; text-decoration: none; }
.news div#content div#newsAktuelle {
    border-bottom: 1px dashed #000000; border-top: 1px dashed #000000;
    padding-top: 10px;
    }
.news div#content div#newsAktuelle img {float: left; margin-right: 10px; background-color:#004287; padding: 2px;}
.news div#content div#newsAktuelle a { text-decoration: none;}
.news div#content div#newsAktuelle span.date { margin-bottom: 5px; display: block;}
.news div#content div#newsAktuelle div.clear { height: 10px;}

.newsDetails p.zurueck { margin-top: 20px; clear: both; font-weight: bold;}

 body.home_auswahl {background-color: #a6c400;}
 .home_auswahl div.clear {height: 32px;}
.home_auswahl div.page {width: 1015px; margin-top: 36px;}
.home_auswahl img#head {margin-left: 265px;}
.home_auswahl div#kidiWorld, .home_auswahl div#kidiswf, .home_auswahl div#kidiInfo  {float: left;}
.home_auswahl div#kidiWorld {width: 386px; height: 283px;}
.home_auswahl div#kidiswf {width: 250px; height: 250px;}
.home_auswahl div#kidiInfo {height: 283px; width: 376px; float: right;}
.home_auswahl ul {padding-left: 65px; margin-top: 30px;}
.home_auswahl ul li {float: left; width: 40px; list-style-image: none; list-style-type: none;}
.home_auswahl ul li.active {background: url(/files/images/pfeil_active.jpg) 10px 30px no-repeat; height: 50px;}
.home_auswahl p {color: #fff;  font-size:14px; margin: 0px; padding-top: 6px;}
.home_auswahl a,.home_auswahl a:hover {text-decoration: none;}
.home_auswahl div#kidiWorld p {margin-left: 150px; margin-top:}

.shop_productlist div#contentleft  { padding-bottom: 0px; }
.shop_productlist div.clear { border-bottom: 1px dashed #cae095; }

.popup {
    background: url(/files/element/Bilder/popup.jpg) no-repeat top left;
    background-color: #86cd29;
}
.popup p {
    margin-top: 200px; text-align: center;
    font-size: 14px; font-weight:bold;
    color: #dee7a9;
    width: 400px; margin-left: 100px;
}

.popup img.logo {margin-top: 27px; float: right;}