/* Allgemeine Formatierungen */

body {background-image:url(images/elektrische-zahnbuerste_01.jpg);font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000000;background-repeat:repeat-x;background-color:#b4c4d4;}
* {margin:0px;padding:0px;}
h1,h2,h3,h5,h6 {color:#730324;}
h4 {color:#000;}
a {	font-weight:normal;text-decoration:underline;color:#0064b9;outline:none;}
a img {border:none;}
a:hover {color:#0066dd;text-decoration:none;}
li {margin:10px;list-style:inside;}
ol li {list-style:decimal;}
#inhalt img {margin:5px;}

/* Div Tags */

#design {background-image:url(images/elektrische-zahnbuerste_18.jpg);width:908px;height:auto;overflow:auto;margin:auto;text-align:center;}
#sidebar {width:229px;float:left;text-align:left;min-height:1px;padding-left:1px;}
#navi {width:906px;height:41px;border:1px solid #fff;}
#inhalt {width:618px;height:auto;float:left;padding:30px;text-align:left;line-height:18px;}
#fussbereich {background-image:url(images/elektrische-zahnbuerste_21.jpg);clear:both;width:908px;height:19px;color:#666;padding-top:20px;font-size:10px;text-align:left;color:#000;}

/* Klassen */

.topnavi {background-image:url(images/elektrische-zahnbuerste_07.jpg);width:150px;border-right:1px solid #fff;height:28px;text-align:center;padding:13px 0px 0px 0px;display:block;text-decoration:none;color:#fff;float:left;}
.topnavi:hover {background-image:url(images/elektrische-zahnbuerste_09.jpg);color:#fff;text-decoration:underline;}
.topnavi.active {background-image:url(images/elektrische-zahnbuerste_09.jpg);font-weight:normal;cursor:default;font-weight:bold;}
.subnavi {background-image:url(images/elektrische-zahnbuerste_14.jpg);width:209px;height:26px;display:block;padding-left:20px;padding-top:10px;text-decoration:none;color:#000;}
.subnavi:hover {background-image:url(images/elektrische-zahnbuerste_16.jpg);text-decoration:underline;color:#000;}
.subnavi.active {font-weight:bold;cursor:default;}
.top {background-color:#730324;width:214px;height:25px;display:block;padding-left:15px;padding-top:11px;font-size:12px;color:#fff;margin-bottom:1px;font-weight:bold;}

/* CMS Formatierungen */
.box {  border:2px solid #273b50; background-color:#dfe3e5; padding:15px; margin:1%; float:left; overflow:hidden; color:#273b50;}
.full { width:570px;  }
.half { width:260px; }
.box h2, .box h3, .box h4 { color:#273b50; font-size:15px; border-bottom:1px solid #8ba2bd; margin-bottom:5px; padding-bottom:2px; }
.box img { }
.box a.link { border-top:1px solid #ccc; display:block; text-align:right; padding:3px 10px; margin-top:3px; clear:both; color:#002dee;}
/* Kontakt  */
form { background:#ccc; padding:10px; margin:10px;}
form fieldset { border:0; }
form * { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; }
form input { border:1px solid #777; padding:3px 7px; width:300px; margin:2px 0; background:#FFF;}
form textarea { border:1px solid #777; padding:7px 7px; width:490px; margin:2px 0;}
form input#submit { width:auto !important;}
input:focus,textarea:focus { border:1px solid #000; background:#EDEDED;}
/* Sitemap */
.ebene1 { padding-left:0px; }
.ebene2 { padding-left:20px; }
.ebene3 { padding-left:40px; }
/* Allgemein */
.clear { clear:both; }

#newsletter input { width:170px; }
#newsletter input#newslettersubmit { width:100px; }

.votebar { width:150px; background:#000; height:10px; line-height:0; font-size:0; }
.votebar_active { height:10px; background:red; line-height:0;  font-size:0; }