/*  
Theme Name: IWEBIX
Theme URI: http://www.iwebix.de
Description: IWEBIX.de Design
Version: 1.0
Author: Dennis Nissle
Author URI: http://www.iwebix.de/
*/


/* Global Settings */
 
html, body {
border:0;
margin:0;
padding:0;
}
 
body {
background:#CCCCCC url(img/yellow_bg.jpg) repeat-x;
font:75% Arial, Helvetica, sans-serif;
line-height: 18px;
}

a {
color: #993399;
}
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
font:2em arial, helvetica, sans-serif;
}
 
h2 {
padding:20px 0px 0px 0px;
color:#993399;
font-size:1.4em;
font-weight: bold;
font-family:arial, helvetica, sans-serif;
}

.post-title {
padding:5px 0px 0px 0px;
color:#993399 !important;
font-size:1.4em !important;
font-weight: bold;
font-family:arial, helvetica, sans-serif;
}

.post-title a {
padding:5px 0px 0px 0px;
color:#993399;
font-size:1.2em;
font-weight: bold;
font-family:arial, helvetica, sans-serif;
}

.pagetitle {
padding:5px 0;
color:#993399;
font-size:1.6em;
font-weight: bold;
font-family:arial, helvetica, sans-serif;
text-transform: uppercase;
line-height: 22px;
}
 
h3 {
font:1em arial, helvetica, sans-serif;
font-weight:bold;
}

p, ul, ol {
margin:0;
padding:0 0 18px 0;
}
 
ul, ol {
list-style:none;
padding:0 0 18px 40px;
}

.single-thumb {
border: 7px solid #DFDFDF;
float: left;
display: inline;
margin: 0px 15px 5px 0px;
}

blockquote {
margin:22px 40px;
padding:0;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
  
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
 
a, a:visited {
text-decoration:none;
}
 
#wrap {
width:946px;
margin:0 auto;
}
 
.htop {
width:100%; height:12px;
background:url(img/vtop.png) repeat-x;
}

.logo {
float:left;
width:273px;
height:120px;
}

.tnavwrap {
margin:76px 2px 0 0;
float:right;
}

.tnavileft {
float:left;
width:6px;
overflow:hidden;
height:39px;
background:url(img/tnav_l-tr.png) no-repeat;
}

.tnavinner {
float:left;
background:url(img/tnavbg.png) repeat-x;
width:652px;
height:39px;
}

.tnavend {
float:left;
height:39px;
width:6px;
background:url(img/tnav_r-tr.png) no-repeat;
}

.tnavinner ul {
float: left;
display: block;
margin:0; 
padding:0;
}

.tnavinner ul li {
float: left;
display: block;
}

.tnavinner ul li a {
color:#FFF;
font-size: 14px;
padding:10px 12px 11px 12px;
height:18px;
float: left;
display: block;
}

.tnavinner ul li:hover {
background:#DCB8DC;
}

.bnavwrap {
min-height:45px;
float: left;
}

.bnavileft {
float:left;
width:6px;
overflow:hidden;
height:45px;
background:url(img/bnav-l.png) no-repeat;
}

.bnavinner {
float:left;
background:url(img/bnavbg.png) repeat-x;
width:932px;
min-height:45px;
}

.bnavend {
float:left;
height:45px;
width:6px;
background:url(img/bnav-r.png) no-repeat;
}

.bnavinner ul {
margin: 0px; 
padding: 0px;
float:left;
}

.bnavinner ul li {
display:inline;
padding: 0px;
background:url(img/knot.png) no-repeat right;
float: left;
display: block;
height:45px;
}

.bnavinner ul li a {
font-size: 12px;
color:#fafafa;
padding: 12px 15px 15px 15px;
margin: 0px;
display: block;
height:45px;
}

.bnavinner ul li a:hover {
background:url(img/cat-hover.gif);
background-repeat: repeat-x;
}

.featured_thumbnail {
width: 867px;
height: 250px;
}

.feature_wrap {
margin: 10px 0px 0px 0px;
width:944px;
height: 260px;
overflow:hidden;
background-color:#FFF;
float: left;
}

.subpost_wrap2 {
background: url(img/subbg-3.gif);
width:944px;
float: left;
min-height: 450px;
}

.subpost_wrap {
width:944px;
min-height: 450px;
float: left;
background-image: url(img/subbg.jpg);
background-repeat: no-repeat;
background-position: top;
margin-bottom: 10px;
}

.life_wrap {
float:right;
width:405px;
margin-top:40px;
}

.footer {
clear:both;
width:944px;
background: url(images/footer-bg.jpg) no-repeat bottom;
background-color: #3b3b3b;
overflow:hidden;
margin-bottom:40px;
}

.footer p {
color:#777;
}

.footer p a {
color:#fafafa;
}

.footer p a:hover {
color:#fff;
}

.subpost {
position:relative;
float:left;
padding:20px 0;
margin-left:20px;
background:url(img/line.gif) no-repeat bottom;
color: #FFF;
}

.subpost img {
float:left;
border:5px solid #DFDFDF;
}

.catimage {
border:5px solid #DEDEDE !important;
}

.sub_article {
float:left;
width:390px;
margin-left:10px;
color:#fff;
}

.sub_article p {
padding-top:10px;
line-height: 14px;
font-size:0.9em;
}

.sub_article h3 a, .subpost h3 a {
background:#993399;
color:#FFF;
font-size:1.4em;
padding:2px 5px 2px 5px;
clear: both;
}

.sub_article h3, .subpost h3 {
margin-bottom: 10px;
}

.sub_article h3 a:hover {
background:#CC99CC;
}

.subpost_left {
margin-top:20px;
width:500px;
float:left;
}

.large-thumb {
width: 470px;
height: 110px;
margin-bottom: 6px;
}

.kontakt  {
margin-top: 10px;
}


.next {
font-size: 10px;
float: right;
}

.next a {
background: url(img/arrow23.png) no-repeat left;
padding: 0px 0px 0px 15px;
color: #3b3b3b;
margin: 0px 0px 0px 10px;
}

.next a:hover {
background: url(img/arrow23.png) no-repeat left;
padding: 0px 0px 0px 15px;
color: #993399;
}



.aboutustab {
background:#993399 url(img/aboutus.png) no-repeat left;
background-position:8px;
margin-right: 5px;
padding:10px 5px 10px 54px;
color:#FFF;
width:330px;
font-size: 14px;
float: left;
}

.aboutus {
width:365px;
background:#999999 url(img/tag.png) repeat-x left bottom;
color:#FFF;
padding:10px 10px 18px 14px;
line-height:120%;
font-size:1.2em;
margin-bottom: 15px;
float: left;
}

.aboutus ul {
width: 360px;
float: left;
padding: 0px;
margin: 0px;
}

.aboutus ul li {
padding-bottom:5px;
width: 340px;
padding-left:20px;
background:url(img/arrow3.png) no-repeat left center;
display: block;
float: left;
}

.aboutus ul li a:hover {
background:none;
color:#FFF;
}

.aboutus ul li {
padding-top:3px;
padding-bottom:3px;
}

.aboutus a{
color:#f2f2f2;
padding-left:0; padding-left:0;
}


.aboutimage {
border: 3px solid #DFDFDF;
float: left;
display: inline;
margin-right: 10px;
margin-bottom: 5px;
}

.subscribetab {
background:#993399 url(img/callback.png) no-repeat left;
background-position:8px;
padding:10px 5px 10px 44px;
color:#FFF;
width:340px;
float: left;
font-size: 14px;
}

.subscribe {
width:365px;
background:#999999 url(img/tag.png) repeat-x left bottom;
color:#FFF;
padding:10px 10px 18px 14px;
line-height:120%;
font-size:1.2em;
margin-bottom: 15px;
float: left;
}

.subscribe p {
font-size:1.2em;
}


.subscribe ul {
width: 360px;
float: left;
padding: 0px;
margin: 0px;
}

.subscribe ul li {
padding-bottom:5px;
width: 340px;
padding-left:20px;
background:url(img/arrow3.png) no-repeat left center;
display: block;
float: left;
}

.subscribe ul li a:hover {
background:none;
color:#FFF;
}

.subscribe ul li {
padding-top:3px;
padding-bottom:3px;
}

.subscribe a{
color:#f2f2f2;
padding-left:0; padding-left:0;
}

.warumtab {
background:#993399 url(img/warum.png) no-repeat left;
background-position:8px;
padding:10px 5px 10px 34px;
color:#FFF;
width:350px;
float: left;
font-size: 14px;
}

.warum {
width:365px;
background:#999999 url(img/tag.png) repeat-x left bottom;
color:#FFF;
padding:10px 10px 18px 14px;
line-height:120%;
font-size:1.1em;
margin-bottom: 15px;
float: left;
}

.warum ul {
width: 360px;
float: left;
padding: 0px;
margin: 0px;
}

.warum ul li {
padding-bottom:5px;
width: 340px;
padding-left:30px;
background:url(img/acc_home.png) no-repeat left center;
display: block;
font-size: 14px;
margin-bottom: 5px;
float: left;
}

.warum ul li a:hover {
background:none;
color:#FFF;
}

.warum ul li {
padding-top:5px;
padding-bottom:5px;
}

.warum a{
color:#f2f2f2;
padding-left:0; padding-left:0;
}


.warumimage {
border: 3px solid #3b3b3b;
float: left;
display: inline;
margin-right: 10px;
margin-bottom: 5px;
}

.webdesigntab {
background:#993399 url(img/warum.png) no-repeat left;
background-position:8px;
padding:10px 5px 10px 40px;
margin: 0px 0px 0px 20px;
font-size: 14px;
font-weight:bold;
color:#FFF;
width:430px;
letter-spacing: 0px;
float: left;
}

.webdesign {
width:470px;
color:#FFF;
padding:10px 5px 0px 20px;
line-height:120%;
font-size:14px;
margin-bottom: 0px;
float: left;
}

.webdesign a{
color:#FFF;
font-weight: bold;
padding-left:0; padding-left:0;
text-decoration: none;
}


.webdesignimage {
border: 3px solid #3b3b3b;
float: left;
display: inline;
margin-right: 10px;
margin-bottom: 5px;
}

.single_wrap {
width:944px;
height:auto;
overflow:hidden;
background:#FFF url(img/singlebg.png) repeat-x;
float: left;
}

.subpage {
font-family: Verdana, Helvetica, sans-serif;
float:left;
background:none;
width:640px;
padding: 20px;
font-size: 12px;
}

.subpage p {
text-align: justify;
}

.paketpreise {
font-family: Verdana, Helvetica, sans-serif;
float:left;
background:none;
width:900px;
padding: 20px;
font-size: 12px;
}

.webdesign-statisch {
margin: 30px 0px 10px 0px;
text-align: center;
}

.webdesign-statisch p a img {
padding: 0px 30px 0px 0px;
margin: 0px;
}

.webdesign-statisch h2 {
font-size: 18px;
margin: 0px 0px 20px 0px;
padding: 0px;
color: #3b3b3b;
}

.webdesign-dynamisch {
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
text-align: center;
clear: both;
}

.webdesign-dynamisch p a img {
padding: 20px 30px 0px 0px;
margin: 0px;
}

.webdesign-dynamisch h2 {
font-size: 18px;
margin: 0px;
padding: 20px 0px 0px 0px;
color: #3b3b3b;
}

.paketpreise ul {
margin: -10px 0px 0px 0px;
padding: 0;
list-style-type: none;
}

.paketpreise li {
float: left;
margin: 0px;
}

.paketpreise ul li a {
display: block;
width: 230px;
height: 35px;
text-align: center;
}

a.anfragen-first:link, a.anfragen-first:visited {
background-image: url(images/paketpreise/anfragen.jpg);
width: 117px;
height: 33px;
margin: 0px 0px 0px 58px;
}

a.anfragen-first:hover {
background-image: url(images/paketpreise/anfragen-hover.jpg);
width: 117px;
height: 33px;
}

a.anfragen:link, a.anfragen:visited {
background-image: url(images/paketpreise/anfragen.jpg);
width: 117px;
height: 33px;
}

a.anfragen:hover {
background-image: url(images/paketpreise/anfragen-hover.jpg);
width: 117px;
height: 33px;
}

a.details:link, a.details:visited {
background-image: url(images/paketpreise/details.jpg);
width: 98px;
height: 33px;
margin: 0px 35px 0px 15px;
}

a.details:hover {
background-image: url(images/paketpreise/details-hover.jpg);
width: 98px;
height: 33px;
margin: 0px 35px 0px 15px;
} 

.sidebar p {
font-family: Verdana, Helvetica, sans-serif;
color: 3b3b3b;
font-size: 12px;
margin: 0px 0px -10px 0px;
}

.sidebar ul.vorteile {
font-family: Verdana, Helvetica, sans-serif;
float: left;
padding: 0px;
margin: 0px 0px 10px 10px;
}

.sidebar ul.vorteile li {
width: 250px;
background:url(img/vorteile.gif) no-repeat left bottom;
display: block;
padding: 5px 0px 0px 30px;
float: left;
color:#333;
font-size:12px;
}

.sidebar h2 {
font-size: 16px;
margin: 0px 0px 10px 0px;
}
.desc {
font-size: 12px;
border-bottom: 1px solid #CCC;
padding: 0px;
margin: 0px 0px 15px 0px;
color: #8e8c8c;
font-weight: bold;
}

.breadcrumb{
font: 10px Arial, Helvetica, sans-serif;
color: #3b3b3b;
text-transform:uppercase;
text-align:left;
clear:both;
line-height:5px;
padding-left:25px;
margin-top: 20px;
}

.single_post {
font-family: Arial, Helvetica, sans-serif;
position:relative;
float:left;
background:none;
width:640px;
top:-5px;
left:30px;
}

.subpage ul.haken {
font-family:Arial, Helvetica, sans-serif;
float: left;
padding: 0px;
margin: 0px;
}

.subpage ul li.haken {
padding-bottom:15px;
width: 640px;
padding-left:20px;
background:url(img/haken.gif) no-repeat left bottom;
padding-left: 3em; 
display: block;
float: left;
color:#333;
font-size:1.2em;
}

.single_post h2 span {
color:#ccc;
font-size:1.5em;
font-family:Arial, Helvetica, sans-serif;
}

.single_post h2 a {
color:#993399;
font-size:1.4em;
font-family:Arial, Helvetica, sans-serif;
}

.single_post h2 a:hover {
color:#c70606;
}

.single_post h2 {
margin-top:30px;
margin-bottom:20px;
}

.single_post p {
line-height:150%;
color:#333;
font-size:1.2em;
padding-top:10px;
margin-bottom:0; padding-bottom:0;
}

/* 
   Sidebar Styles
*/

.sidebar {
float:right;
margin-top: 10px;
margin-bottom: 10px;
padding: 0px 0px 0px 10px;
width:250px;
}


.side_header {
text-align:left;
color:#333;
padding:10px;
font-size:1.2em;
padding-left:20px;
}

.side_roll {
margin-top:5px;
}

.side_roll ul {
list-style-type:none;
}

.side_roll ul il {
list-style-type:none;
}

.side_roll {
padding: 10px;
float: left;
background-color: #FBFBFC;
width: 200px;
}

.side_roll p {
color:#727272;
font-size:1.2em;
}

.side_zitat {
padding: 10px;
float: left;
background-color: #DDDDDD;
width: 210px;
height: 100px;
margin-top: 20px;
margin-bottom: 10px;
}

.side_zitat h3 {
background:url(img/folder.gif) left no-repeat;
margin-bottom:15px;
color:#333;
font-size:1.2em;
padding-left:30px;
}

.side_zitat p {
color:#333;
font-size:1.2em;
}

.side_roll ul li a:link, .side_roll ul li a:visited, .side_roll ul li a:active {
display: block; 
color: #727272; 
width: 180px;
padding: 5px 3px 3px 3px; 
border-bottom: 1px dotted #D7D7D7;
} 

.side_roll ul {
float: left;
margin: 0px 0px 0px 0px;
padding-left: 10px;
list-style-type: none;
}

.side_roll ul li ul {
float: left;
margin: 0px 0px 0px 0px;
padding-left: 0px;
list-style-type: none;
float: left;
}

.side_roll ul li ul li {
margin: 0px 0px 0px 0px;
padding-left: 0px;
}

.side_roll h3 {
background:url(img/folder.gif) left no-repeat;
margin-bottom:15px;
color:#333;
font-size:1.2em;
padding-left:30px;
}

.browsing {
padding-left:20px;
}

.browsing h2 {
color:#333;
font-size:1.8em;
margin-top:0;
padding-top:0;
}

.commentlist {
padding: 0px;
margin: 0px 0px 0px 0px;
width: 560px;
background-image: url(images/comment-bg.gif);
list-style-image: none;
list-style-type: none;
float: left;
}

.commentlist li {
font-weight: bold;
width: 560px;
display: block;
background-image: url(images/comment-bottom.gif);
background-repeat: no-repeat;
background-position: bottom left;
padding: 0px 0px 45px 0px;
margin: 0px;
list-style-image: none;
list-style-type: none;
float: left;
}

.commentlist li div {
width: 540px;
display: block;
background-image: url(images/comment-top.gif);
background-repeat: no-repeat;
margin: 0px;
padding: 10px;
float: left;
}

.commentlist li .avatar { 
float: left;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}

.commentlist cite {
font-size: 18px;
float: left;
font-style: normal;
margin-left: 10px;
margin-right: 6px;
margin-top: 5px;
font-weight: normal;
}
	
.says {
display: none;
}

.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
display: block;
float: left;
width: 90%;
margin-left: 3%;
}
	

#commentform p {
clear: both;
}

.alt {
margin: 0;
padding: 10px;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.commentlist .children li {
width: 90%;
display: block;
margin: 0px;
background-color: #FDFDFD;
background-image: url(images/comment-children-bg.gif);
background-position: left;
background-repeat: repeat-y;
border: 1px solid #E2E2E4;
overflow: hidden;
}

.commentlist .children li div {
width: 97%;
padding: 3%;
background-image: url(images/comment-children-top.gif);
background-repeat: no-repeat;
background-position: top left;
}

.commentlist .commentmetadata {
font-weight: normal;
float: left;
margin: 5px 0px 0px 0px;
display: block;
clear: both;
background-image: none;
width: 90%;
margin-left: 3%;
}
	
.commentlist .vcard, .commentlist .children .comment-author, .commentlist .children .vcard, .commentlist .commentmetadata, .commentlist .children .comment-author, .commentlist .children .comment-meta   {
background-image: none;
width: 100%;
padding: 0px !important;
}

.commentlist .reply, .commentlist .children .reply {
float: right;
background-image: none;
width: 54px;
height: 22px;
margin-bottom: 0px;
padding: 0px;
margin-right: 10px;
font: 0.9em Arial, Helvetica, sans-serif;
}

.commentlist .reply a:link, .commentlist .reply a:hover, .commentlist .children .reply a:link, .commentlist .children .reply a:hover {
background-image: url(images/reply.gif);
width: 39px;
height: 17px;
display: block;
color: #FFF;
font-size: 8px;
text-transform: lowercase;
font-weight: normal;
padding: 5px 0px 0px 15px;
letter-spacing: 1px;
}

.commentlist .children li {
padding-bottom: 10px;
}

.commentlist .children li ul li {
padding-bottom: 10px;
background-color: #FFF;
}

#respond {
margin-top: 20px;
float: left;
background-image: none;
}

.commentlist #respond h3, .commentlist #respond a {
margin-left: 28px;
}

#comments {
line-height: 30px;
color: #993399;
font-weight: normal;
font-size: 20px;
margin-bottom: 15px;
}

.children {
clear: both;
}

.children .commentmetadata, .children .vcard  {
background-image: none;
}

.children textarea {
width: 90% !important;
}

.children input {
width: 80% !important;
}

#cancel-comment-reply-link {
display: block;
background-image: url(images/comment-close.gif);
width: 144px;
height: 21px;
padding: 5px 0px 0px 23px;
font-weight: normal;
color: #84878E;
font: 1em Arial, Helvetica, sans-serif;
}

#respond div {
background-image: none;
}

#submit {
width: 120px !important;
}

#commentform {
margin: 1em 0;
background: #FFFFFF;
margin-left: 20px;
}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 370px;
}

#commentform #email {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
background-image: url(img/comment-email.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform #author {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
background-image: url(img/comment-author.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
background-image: url(img/comment-website.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform #email:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
background-image: url(img/comment-email.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform #author:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
background-image: url(img/comment-author.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
background-image: url(img/comment-website.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform input {
margin-bottom: 3px;
}

.post-info2 {
color: #666;
}




.nav ul {position:absolute;top:-999em; background-position: bottom; background-repeat: no-repeat; background-image: url(img/pages-bottom.png); padding-bottom: 20px;}

.nav li {float:left; position:relative; z-index:100; display: block;}

.nav a {display:block; float: left;}

.nav ul li{width: 100%;}

.nav li:hover ul,ul.nav li.sfHover ul {left:0px;top:39px;}

.nav li:hover li ul,.nav li.sfHover li ul {top:-999em;}

.nav li li:hover ul,ul.nav li li.sfHover ul {left:240px;top:0px;}

.nav li:hover ul,.nav li li:hover ul {top: -999em;}

.nav li li {
display: block;
padding: 0px;
background-color: #DCB8DC;
float: left;
height: auto !important;
width: 240px;
}

.nav li ul {
width: 240px;
}

.nav ul li ul {
width: 0px;
}

#menu ul li ul {
width: 240px;
}

.nav li li a:link, .nav li li a:visited {
width: 180px;
display: block;
padding: 10px 30px 10px 30px;
height: auto;
float: left;
}

.nav li li a:hover {
background-color: #B469B4;
background-repeat: no-repeat;
background-position: 14px 14px;
width: 180px;
display: block;
padding: 10px 30px 10px 30px;
height: auto;
float: left;
}

#nav2 ul {
background-image: url(img/categories-bottom.png); 
padding-bottom: 18px;
}

#nav2 li:hover ul,ul#nav2 li.sfHover ul {
top:44px;
}

#nav2 li {
z-index:99;
}

#nav2 li li {
background-color: #3F4045;
background-image: none;
margin: 0px;
z-index:100;
}

#nav2 li li a:hover {
background-color: #34353B;
border: none;
}

#nav2 li li:hover ul,ul#nav2 li li.sfHover ul {top:0px;}

.search {
float:left;
margin:5px 10px 0px 0px;
width:230px;
height:32px;
background:url(img/searchbg.png) no-repeat;
padding: 0px;
}

#searchform {
padding: 0px;
width:230px;
height:32px;
}
.search input {
margin:4px 0 0 10px;
height:21px;
width:170px;
background:none;
font-size:1.4em;
color:#f2f2f2;
float: left;
border:none;
font-size: 12px;
padding: 5px 0px;
}

#searchsubmit {
width: 32px;
height: 32px;
float: left;
margin: 0px;
padding: 0px;
}

.footer-box {
width: 250px;
float: left;
padding: 20px;
margin-left: 15px;
border: 1px solid #3b3b3b;
background-color: #3b3b3b;
color: #FFFFFF;
}

.footer-box ul {
margin: 0px;
padding: 0px;
}

.footer-box ul li {
margin: 0px;
padding: 0px;
display: block;
float: left;
width: 100%;
}

.footer-box a:link, .footer-box a:hover, .footer-box a:visited {
color: #D5D5D5;
display: block;
padding: 5px 10px;
width: 100%;
}

.ddsg-wrapper {
font-family: Arial, Helvetica, sans-serif;
color: #333;
}

.ddsg-wrapper h3 {
font-family: Arial, Helvetica, sans-serif;
color: #993399;
margin: 0px 0px 10px 0px;
}

.ddsg-wrapper ul {
font-size:1.2em;
margin:0;
padding:2px 0 8px 0;
}

.ddsg-wrapper li {
font-size:0.8em;
margin:0px 0px 0px 20px;
padding:5px 0 5px 0;
list-style-type: disc;
color: #3b3b3b;
}

.ddsg-wrapper li a {
color: #333;
}

.ddsg-wrapper ul ul li {
font-size:0.8em;
margin:0;
padding:5px 0 5px 0;
list-style-type: circle;
margin:0px 0px 0px 30px;
}



#slideshow {
	width: 940px;
	margin: 0 0 10px;
	padding:0;
	background:#3F4045;
	height:250px;
	overflow:hidden;
	border:5px solid #3F4045;
	}

#slideshow ul {
	background:transparent;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}           

#slideshow .slides {
	width:540px;
	overflow: hidden;
	float:left;
	color:#fff;
	}

#slideshow .slides ul {
	float:left;
	overflow: hidden;
	width:540px;
	height:250px;
	}

#slideshow .slides li {
	display:none;
	left:-99999em;
	width:540px;
	height:250px;
	display:block;
	overflow: hidden;
	background:#3F4045;
	position:relative;
	z-index:1;
	}

.js #slideshow .slides li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width:540px;
	height:250px;
	display:block;
	overflow: hidden;
	background:#3F4045;
	position:relative;
	z-index:1;
	}

.js #slideshow .slides li .entry {
	width:530px;
	padding: 5px;
	overflow: hidden;
	position:absolute;
	bottom:0;
	left:0;
	background:#3F4045;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	}

#slideshow .slides li .entry p {
	margin: 0;
	}

#slideshow .slides li .entry h2 a, 
#slideshow .slides li .entry h2 a:link,
#slideshow .slides li .entry h2 a:visited,
#slideshow .slides li .entry h2 a:hover,
#slideshow .slides li .entry h2 a:active  {
	line-height: 1.1em;
	margin:0;
	color:#993399 !important;
	margin: 0;
	letter-spacing:0;
	}

#slideshow  ul.slides-nav {
	height:250px;
	width:395px;
	margin:0;
	padding: 0;
	float:right;
	overflow:hidden;
	}

#slideshow  ul.slides-nav p {
padding: 0px;
}

#slideshow .slides-nav li {
	display:block;
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
	}

#slideshow .slides-nav li a {
	width:375px;
	font-family:arial,helvetica,sans-serif;
	display:block;
	margin:0;
	padding:10px;
	list-style-type:none;
	display:block;
	height:30px;
	color:#999;
	font-size:8pt;
	overflow:hidden;
	background: #3F4045;
	border-bottom: 1px solid #000;
	line-height:1.35em;
	}

.js #slideshow .slides-nav li.on a {
	background: #292929 url(images/featbg.gif) top left no-repeat;
	color:#fff;
	}

.js #slideshow .slides-nav li a:hover,
.js #slideshow .slides-nav li a:active {
color:#fff;
	}

#slideshow .slides-nav li a img.post-thum, 
#slideshow .slides-nav li a img.thumbnail {
	float:left;
	margin: 0 10px 0 0;
	border:0;
	padding:1px;
	background:#999;
	width:28px;
	height:28px;
	}

.js #slideshow .slides-nav li.on a img.post-thum, 
.js #slideshow .slides-nav li.on a img.thumbnail {
	background:#fff !important;
	}

.pagination a {
margin: 5px 0px 0px 20px;
font-size: 14px;
border: 3px solid #CCC;
background-color: #993399;
font-weight: bold;
padding: 5px;
color: #FFF;
}

#referenzbeispiel {
width: 640px;
}

.shadetabs{
list-style-type: none;
display: block; 
float: right;
}

.shadetabs li{
margin: 0px 0px 10px 0px;
}

.shadetabs li a img{
border: 1px solid #CCC;
}

.shadetabs li a img:hover{
border: 1px solid #993399;
}

.shadetabs li a.selected img {
border: 1px solid #993399;
}

.tabcontent{
display:none;
margin: 0px;
}

.tabcontent img{
margin: 5px 0px 10px 23px;
border: 2px solid #EEEEEE;
}

.tabcontent p{
color: #3b3b3b;
padding: 5px 20px 10px 20px;
text-align: justify;
}

.referenzbox {
border: 1px solid #CCC;
padding: 5px;
width: 500px;
margin: 0px 0px 10px 0px;
}

#contact-overlay {
height: 100%; 
background-color:#000;
}

#contact-container {
width:450px; 
font-family: Arial, Helvetica, sans-serif; 
font-size:12px; 
text-align:left;
}

#contact-container .contact-content {
background-color:#c8c9c9; 
color:#ddd; 
height:40px;
}

#contact-container h1 {
color:#3b3b3b; 
margin:0; 
padding:0 0 6px 12px; 
font-size:16px; 
text-align:left; 
font-weight: bold;
}

#contact-container .contact-loading {
position:absolute; 
background:url(img/contact/loading.gif) no-repeat; 
z-index:8000; 
height:55px; 
width:54px; 
margin:-14px 0 0 170px; 
padding:0;
}

#contact-container .contact-message {
text-align:center; 
color: #FFF; 
font-size: 14px; 
}

#contact-container .contact-error {
font-size:.8em; 
font-size:0.8em; 
font-weight:bold; 
margin:0 auto; 
padding:2px; 
color: #993399;
}

#contact-container br {
clear:both;
}

#contact-container form {
padding:0;
margin:0;
}

#contact-container label {
clear:left; 
display:block; 
width:100px; 
float:left; 
text-align:left; 
padding-left:20px; 
padding-top: 15px; 
font-weight:bold; 
color: #993399;
}

#contact-container .contact-input {
font-family: Arial, Helvetica, sans-serif; 
float:left; 
padding:2px; 
margin:10px 2px; 
background:#eee; 
border:1px solid #fff; 
width:300px; 
color: #909494; 
}

#contact-container textarea {
height:114px; 
font-size:.9em;
}

#contact-container .contact-cc {
font-size:12px; 
cursor:default; 
padding-bottom: 5px; 
color: #909494;
}

#contact-container .contact-top {
height:13px; 
background:url(img/contact/form_top.png) no-repeat; 
padding:0; 
margin:0;
}

#contact-container .contact-bottom {
height:13px; 
background:url(img/contact/form_bottom.png) no-repeat;
font-size:.7em; 
text-align:center;
}

#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {
position:relative; 
top:-4px; 
text-decoration:none; 
color:#666;
}

#contact-container .contact-bottom a:hover {
color:#888;
}

#contact-container .contact-button {
margin:4px 0 0 4px; 
cursor:pointer; 
height:24px; 
border:0; 
font-size:1em; 
font-weight:bold; 
color:#fff; 
text-align:center; 
vertical-align:middle;
}

#contact-container .contact-send {
width:75px; 
height: 28px; 
background:url(img/contact/anfragen.png) no-repeat;
}

#contact-container .contact-cancel {
width:75px; 
height: 28px; 
background:url(img/contact/anfragen.png) no-repeat;
}

#contact-container a.modal-close,
#contact-container a.modal-close:link,
#contact-container a.modal-close:active,
#contact-container a.modal-close:visited {
background:url(img/contact/close.png) no-repeat; 
width: 20px; 
height: 20px; 
position:absolute; 
top:-6px; 
right:-3px;
}

#contact-container a.modal-close:hover {
color:#9bb3b3;
}

#simplemodal-overlay {
background-color:#000;
}

#simplemodal-container {
height:500px; 
width:600px; 
color:#bbb; 
background-color:#c8c9c9; 
padding:12px;
}

#simplemodal-container a.modalCloseImg {
background:url(img/contact/close.png) no-repeat; 
width: 20px; 
height: 20px; 
position:absolute; 
top:-6px; 
right:-3px;
}

#simplemodal-container #basic-modal-content {
padding:8px;
}

.start-paket, .flash-paket, .profi-paket, .cms-s-paket, .cms-xl-paket, .e-commerce-paket, .community-paket, .wordpress-paket, .tarifvergleich-paket {
display: none;
}

.ajaxcontent {
padding: 20px;
}

.ajaxcontent h3 {
font-family: Arial, Helvetica, sans-serif; 
font-size:18px; 
text-align:left; 
color: #993399; 
border-bottom: 1px solid #FFF;
}

.ajaxcontent h1 {
font-family: Arial, Helvetica, sans-serif; 
font-size:18px; 
text-align:left; 
color: #993399; 
padding: 0px;
border-bottom: 1px solid #FFF;
font-weight: bold;
}

.ajaxcontent ul {
list-style-type: none; 
margin: 20px 0px 0px 0px; 
padding: 0px;
}

.ajaxcontent p {
font-size: 12px;
color: #3b3b3b;
text-align: justify;
margin: 10px 0px 0px 0px;
}

.ajaxcontent ul li {
background: url(img/inkl.png) no-repeat left center; 
padding: 12px 0px 10px 40px; 
color: #6f6f6f; 
font-size: 14px;
}

#dhtmlgoodies_slideshow {
width:700px;	
margin-left:auto;
margin-right:auto;
margin-top: 15px;
margin-bottom: 5px;
background-color: #FFF;
}
	
#previewPane {
border:1px solid #CCCCCC;
margin-bottom:10px;	
text-align:center;
vertical-align:middle;
padding-top:20px;
position:relative;
		
/* CSS HACK */
height: 432px;	/* IE 5.x */
height/* */:/**/420px;	/* Other browsers */
height: /**/420px;
}

#previewPane img {
line-height:400px;
}
	
#previewPane #largeImageCaption {	
font-style:italic;
text-align:center;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
font-size:0.9em;
}

#galleryContainer {
height:89px;	
border:0px solid #CCCCCC;
position:relative;
overflow:hidden;	

/* CSS HACK */
height: 89px;	/* IE 5.x - Added 2 pixels for border left and right */
height/* */:/**/89px;	/* Other browsers */
height: /**/89px;
}
#arrow_left {
position:absolute;
left:0px;
z-index:10;
background-color: #FFF;
padding:0px;
}

#arrow_right {
position:absolute;
right:0px;
z-index:10;
background-color: #FFF;
padding:0px;		
}

#theImages {
position:absolute;
height:1000px;
left:40px;
width:100000px;
}

#theImages #slideEnd {
float:left;
}
	
#theImages img {
float:left;
padding:0px;
filter: alpha(opacity=50);
opacity: 0.5;
cursor:pointer;
border:0px;
}

#waitMessage {
display:none;
position:absolute;
left:200px;
top:150px;
background-color:#FFF;
border:3px double #000;
padding:4px;
color:#555;
font-size:0.9em;
font-family:arial;	
}
	
#theImages .imageCaption {
display:none;
}