* {margin: 0; padding: 0;}

/* global */
body {font-size: 13px; font-family: 'Arial', sans-serif;color: #666;}
h1,h2,h3,h4,h5,p {margin: 10px 0;}
h1 {color:#555;font-weight:bold;font-size:20px;margin:4px 0px 17px 0px;padding:0px;width:auto;border:#777 dotted;border-width:0px 0px 1px 0px;padding-bottom:0px;}
h2 {color:#777;font-weight:normal;font-size:15px;margin:4px 0px 17px 0px;padding:0px;width:auto;border:#777 dotted;border-width:0px 0px 1px 0px;padding-bottom:0px;}
h3 {font-weight:bold;font-size:13px;margin:0px;padding:0px;text-decoration:none;}
h4 {color:#888;font-weight:bold;font-size:14px;margin:1px;padding:0px;text-decoration:underline;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.katback {padding:3px;background-color: #f8f8f8;}
img {border: none;margin-right:5px;}
hr {border: 1px #DDD dotted;}
a {color: #4169e1;}
a:hover {color: #ffa500;text-decoration: underline;}
#main_container {width: 100%; margin: 0 auto;}

/* tables */
table{ border-collapse:separate; border-spacing:0; margin-bottom:0px; width:100%; clear:both; border:0px solid #ededed; border-bottom:0px;  }
td{ border-bottom:0px solid #ededed; line-height:normal; text-align:left; }

/* header */
.logo {float: left;}
#header {height:80px;margin-top:0px;padding:7px 21px;background:url(images/top_logo.jpg) no-repeat;background-color:#444444;color:#fff;}
#header #logo {float:left margin:0;padding-top:8px;padding-left:200px;font:bold 2.9em 'Arial', Sans-serif;letter-spacing:1.0px;color:#fff;}
#header #logo a {color: #fff; text-decoration: none;}
#header #slogan {margin:0px;padding-bottom:0px;padding-left:200px;font: 0.9em 'Arial', Sans-serif;text-transform:none;color:#ffa500;}

/* searchstart, falls nur Suchfeld auf Startseite! */
.search_cont_start {margin-top: 30px;text-align:center;}
.search_cont_start input[type=text] {font-size: 20px; width: 560px; height: 32px; border: 2px solid #cccccc;}
.search_icon_start {position: absolute; top: 358px; right: 404px;}

/* search */
.search_cont {padding-left:32px; float: left; margin-top: 22px; position: relative;}
.search_cont input[type=text] {font-size: 20px; width: 405px; height: 32px; border: 2px solid #cccccc;}
.search_icon {position: absolute; top: 3px; right: 10px;}

/* breadcrumb */
#menu_container {height:24px;font-size: 13px; border-bottom: 1px solid #cccccc; padding: 3px 10px; background:url(images/bg_buttom2.png)}
#menu_container ul {list-style-type: none; float: left; padding: 0px 0;}
#menu_container ul li {float: left;}
#menu_container ul li a {display: block; color: #4169e1; text-decoration: none; padding: 0px 5px; margin: 6px 0px 0px 5px;}
#menu_container ul li a:hover {color: #ffa500; text-decoration: underline;}
#menu_container .cat_menu {border-left: 1px dotted #DDDDDD;}

/* content */
#content_container {float:left; width: 1026px; margin-left: 20px; margin-top: 20px;padding: 0;}
#content-wrapper {width:100%;margin:0 auto;padding:0;text-align:left;background-color:#ffffff;}
#content-wrapper ul {padding: 0 0px;}
#content-wrapper ul li {margin-left: 10px;}
#content-wrapper a {color: #4169e1; text-decoration: none;}
#content-wrapper a:hover {color:#ffa500;text-decoration: underline;}
#content-wrapper #preise{color:#777;font-weight:bold;font-size:12px;}
#content-wrapper .preisevergleichen a {color: #4169e1;; text-decoration: none;font-size:12px;}
#content-wrapper .preisevergleichen a:hover {color:#ffa500;text-decoration: underline;}
#main-wrapper {margin-left:20px;padding:0px;width:60%;float:left;background-color:transparent;}
#main-wrapper a {color: #4169e1; text-decoration: none;}
#main-wrapper a:hover {color:#ffa500;text-decoration: underline;}
#main-wrapper3 {margin-left:20px;padding:0px;width:80%;float:left;background-color:transparent;}
#main-wrapper3 a {color: #4169e1; text-decoration: none;}
#main-wrapper3 a:hover {color:#ffa500;text-decoration: underline;}

/* sidebar */
#sidebar {margin-left:0;padding:0;float: left; width: 184px;}
#sidebar2 {margin-left:0;padding:0;float: right; width: 184px;}
.side_box {border: 1px dotted #999; margin-bottom: 25px; padding-bottom: 15px;}
.side_box p {background:url(images/bg_buttom2.png); padding: 5px 10px; font-weight:normal; text-decoration:none; font-size: 14px; font-family: 'Arial', sans-serif; color: #666; margin: 0 0 10px 0;}
.side_box h4 {background-color: #E4E4E2; padding: 5px 10px; font-weight:normal; text-decoration:none; font-size: 14px; font-family: 'Arial', sans-serif; color: #666; margin: 0 0 10px 0;}
.side_box ul {list-style-type: none; padding: 0 10px;}
.side_box ul li {margin-bottom: 3px;}
.side_box .textwidget {padding: 0 10px;}
.side_box a {color: #4169e1; text-decoration: none;}
.side_box a:hover {color:#ffa500;text-decoration: underline;}

/* footer */
#footer {margin-top: 5px; padding: 0px 0;bottom:0px; left:0px; width:100%}
.footer_widgets_cont {padding: 0 8px 0 28px;}
.footer_box {float: left; width: 100%; margin-bottom: 28px;}
.footer_box h3 {font-size: 14px;font-weight:bold;}
.footer_box a {color: #222222; text-decoration: none;}
.footer_box a:hover {color:#ffa500;text-decoration: underline;}
.footer_copyright {background:url(images/bg_buttom.png) repeat-x;height:60px;font-size: 12px;color:#222222;padding:8px;}
.footer_copyright a {color: #222222; text-decoration: none;}
.footer_copyright a:hover {color:#ffa500;text-decoration: underline;}

/* for tablet */
@media only screen and (min-width: 768px) and (max-width: 959px) {
#header {height:60px;margin-top:0px;padding:7px 21px;background:none;background-color:#444444;color:#fff;}
#header #logo {float:left margin:0;padding-top:5px;padding-left:2px;font:bold 2.7em 'Arial', Sans-serif;letter-spacing:1.0px;color:#fff;}
#header #logo a {color: #fff; text-decoration: none;}
#header #slogan {margin:0px;padding-bottom:0px;padding-left:2px;font: 0.7em 'Arial', Sans-serif;text-transform:none;color:#ffa500;}
.search_cont_start {margin-top: 30px;text-align:center;}
.search_cont_start input[type=text] {font-size: 20px; width: 433px; height: 32px; border: 2px solid #cccccc;}
.search_icon_start {position: absolute; top: 353px; right: 171px;}
.search_cont {padding-left:32px; float: left; margin-top: 14px; position: relative;}
.search_cont input[type=text] {font-size: 20px; width: 300px; height: 32px; border: 1px solid #cccccc;}
.search_icon {position: absolute; top: 3px; right: 8px;}
#main_container {width: 720px; }
#main-wrapper {margin-left:0px; width: 720px; }
#main-wrapper ul {margin-left: 5px;}
#main-wrapper3 {margin-left:0px; width: 720px; }
#header { padding: 10px 10px; }
#menu_container { padding: 0px 0px; }
#content_container {margin-left:0px; width: 720px; }
#sidebar { float: left; width: 720px; }
#sidebar2 { float: left; width: 720px; }
.footer_widgets_cont { padding: 0 0px 0 0px; }
/* 
#single_left { width: 500px; }
#single_left .single_content img { max-width: 500px; height: inherit; }
#sidebar { width: 200px; float: left; margin-top: 20px; }
#sidebar2 { width: 200px; float: left; margin-top: 20px; }
.cat_menu_cont { width: 190px; }*/
}

/* for mobile */
@media screen and (max-width: 766px) {
#main_container {width: 97%;padding:5px; }
#content_container {float:left; margin-left:0px; width: 100%; margin-top: 33px;}
#main-wrapper {margin-left:0px;width: 100%; }
#main-wrapper ul {margin-left: 6px;}
#main-wrapper3 {margin-left:0px;width: 100%; }
#header {height:90px;margin-top:0px;padding:5px 10px;background:none;background-color:#444444;color:#fff;}
#header #logo {float:left margin:0;padding-top:8px;padding-left:0px;font:bold 2.0em 'Arial', Sans-serif; letter-spacing:1.0px;color:#fff;}
#header #logo a {color: #fff; text-decoration: none;}
#header #slogan {display:none}
.search_cont_start {margin-top: 27px;text-align:center;}
.search_cont_start input[type=text] {font-size: 20px; width: 260px; height: 30px; border: 2px solid #cccccc;}
.search_icon_start {position: absolute; top: 355px; right: 210px;}
.search_cont {padding-left:10px; float: left; margin-top: 5px;margin-bottom: 0px; position: relative;}
.search_cont input[type=text] {float: left;font-size: 20px; width: 305px; height: 30px; border: 2px solid #cccccc;}
.search_icon {position: absolute; top: 4px; right: 6px;}
#menu_container {font-size: 13px; border-bottom: 0px solid #fff; padding: 0px; margin-top: 10px; text-align: center; background:none}
#menu_container ul { list-style: none; padding: 0px; margin: 0px; font-weight: bold; }
#menu_container ul li { display: inline-block; }
#menu_container ul li a { display: block; text-decoration: none; color: #444; transition: 0.4s ease background; padding: 15px 20px; border-radius: 2px; background-color: #f4f4f4; }
#menu_container ul li a:hover { background-color: #ccc; }	
@media all and (min-width:640px){
#menu_container { float: right; padding: 10px 0 0 0; }
#menu_container ul li a { padding: 5px 10px; }
}
#sidebar {float: left; width: 100%; }
#sidebar2 { float: left; width: 100%; margin-top:10px;}
.footer_box {float: left; width: 100%;}
.footer_copyright{ height:90px;width: 95%; }
}