@charset "utf-8";

 /***********************************************
 * @author      Tino Großmann
 * @link        http://www.picitmedia.de
 * @email       kontakt@picitmedia.de
 * @copyright   www.picitmedia.de - Tino Großmann
 * Copyright (C) 2011 PICITMEDIA | Tino Großmann
 ************************************************/

*{padding:0; margin:0;}
a:focus {outline:none; text-decoration:none;}
img {border:0;}
html{min-height:101%;}

body { }
body,td,th {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666; }

a:link {color:#006AB3; text-decoration:none;}
a:visited {text-decoration:none; color:#006ab3;}
a:hover {text-decoration:underline; color:#006ab3;}
a:active {text-decoration:none; color:#006ab3;}
#footer a:link {color:#fff; text-decoration:none;}
#footer a:visited {text-decoration:none; color:#fff;}
#footer a:hover {text-decoration:underline; color:#fff;}
#footer a:active {text-decoration:none; color:#fff;}

h1,h2,h3,h4,h5,h6 { font-family: Arial, Helvetica, sans-serif; font-weight:lighter;}
h1, h2.contentheading {font-size:20px; color:#006ab3; line-height:24px; margin-bottom:20px}
h2 {font-size:16px; color:#666; border-bottom:1px dotted #ccc; padding-bottom:10px; margin-bottom:15px}
h3 {font-size:14px; color:#006ab3;}
#products h3{font-size:18px; color:#006ab3; padding-bottom:10px}
#footercontent h3{font-size: 18px; color:#fff; padding-bottom:10px}
#sidebar h3{font-size:18px; color:#006ab3; padding-bottom:10px}

li{margin:0; padding:0}
#maincontent li{margin-left:15px}
#maincontent img{padding:0 20px 20px 0}
#mod-search-searchword.inputbox{border:1px solid #666; background-color:transparent; padding:3px 3px 3px 30px; background-image:url(../images/search.png); background-repeat:no-repeat; color:#666;}
.search label{color:transparent;}
.search input.button{background:#fff; color:#666; border:1px solid #ccc; padding:2px; margin-left:2px; cursor:pointer}
#xmap ul{margin-bottom:30px}
#sidebar div.moduletable{margin-bottom:20px;}
.lang-inline li a{color:#666}
.lang-inline li.lang-active a{color:#006ab3;}

.button {background-color:#ccc; color:#fff; padding:7px}
.button a{color:#fff}
.button a:link{color:#fff}
.button a:hover{color:#fff}

#sidebar ul {list-style-type:none; padding:0; line-height:24px; font-size:14px;}
#sidebar li {text-transform:none; padding:5px;}
#sidebar li+li {border-top:1px dotted #ccc;}
#sidebar li a {list-style-type:none; color:#666;}
#sidebar li a:hover {color:#006ab3; text-decoration:none;}
#sidebar li.current.active a{color:#006ab3;}
#sidebar li.active.deeper.parent a{color:#666;}
#sidebar li.active.deeper.parent li a {color:#999; margin-left:5px;}
#sidebar li.active.deeper.parent li a:hover{color:#333;}
#sidebar li.active.deeper.parent li.current.active a {color:#006ab3;}
#sidebar li.current.active.deeper.parent li a {color:#666;}
#sidebar li.current.active.deeper.parent li a:hover {color:#333;}
.current.active.deeper.parent, .active.deeper.parent{}

#footercontent ul {list-style-type:none; padding-left:0;}
#footercontent li {text-transform:none; padding:0}
#footercontent li a {list-style-type:none; color:#fff;}
#footercontent li a:hover {color:#fff; text-decoration:underline;}
#footercontent li.current.active a{color:#fff;}
#footercontent li.active.deeper.parent a{color:#666;}
#footercontent li.active.deeper.parent li a {color:#999; margin-left:5px;}
#footercontent li.active.deeper.parent li a:hover{color:#333;}
#footercontent li.active.deeper.parent li.current.active a {color:#006ab3;}
#footercontent li.current.active.deeper.parent li a {color:#666;}
#footercontent li.current.active.deeper.parent li a:hover {color:#333;}
.current.active.deeper.parent, .active.deeper.parent{}






#container{margin:0 auto; width:980px; height:auto;}
#header {position:relative; margin:0 auto; width:950px; height:110px; z-index:0}
#logo {height:auto; width:330px; margin:0 0 20px 0; float:left}
#search {height:auto; width:auto; float:right; margin-top:57px}
#language {height:auto; width:320px; float:left; margin-top:70px; text-align:right}
#headerimage {position:relative; margin:0 auto; height:230px; width:950px; background-color:#fff; -webkit-box-shadow:0px 0px 10px 5px rgba(0, 0, 0, 0.4); box-shadow:0px 0px 10px 5px rgba(0, 0, 0, 0.4); z-index:1; border:1px solid #ccc; margin-top:3px}

#products { position:relative; margin:0 auto; height:290px; width:980px; -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.4); box-shadow:  0px 0px 10px 5px rgba(0, 0, 0, 0.4); z-index:2; border:1px solid #ccc; background: #fff url(../images/bg_products.png) repeat-x; }
#product1,#product2,#product3,#product4 {height:200px; width:180px; float:left; padding:30px; margin-top:15px}
#product1,#product2,#product3 {border-right:1px solid #ccc}
#product2 {}
#product3 {}
#product4 {}

#content {position:relative; float:left; margin:0 auto; margin-left:15px; width:950px; height:auto; background-color:#fff; -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.4); box-shadow:  0px 0px 10px 5px rgba(0, 0, 0, 0.4); border:1px solid #ccc; z-index:0}
#breadcrumbs{height:auto; width:900px; float:left; padding:10px 30px 10px 20px}
#sidebar {height:auto; width:250px; padding:40px 30px 40px 20px; float:left}
#maincontent{height:auto; width:600px; float:left; line-height:20px; padding:40px 0 40px 0; font-size:13px;}

#footer{float:left; height:100%; width:100%; background-color:#006ab3; border-top:4px solid #fff; color:#fff;}
#footercontent{margin:0 auto; height:330px; width:980px;}
#footer1,#footer2,#footer3,#footer4 {height:200px; width:180px; float:left; padding:30px; margin-top:15px}

/* für Kontaktform "PHP" */
td { line-height:30px }