/* Reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }  

/* Basics */
body { font-family: Arial; font-size: 12px; color:#606060;  line-height: 18px; background: #f8f8f8;  }
h1 { font-size: 22px; font-weight: bold; color: #606060; }
h2 { font-family: 'Droid Sans', arial, serif; font-size: 1.6em; font-weight: bold; color: #141414; margin-bottom: 10px; text-transform: none; }
.header-box h2 { color: #fff; font-size: 1.2em; text-transform: none; margin-bottom: 5px; }
#subnavigation-left h2 { color: #606060; margin-top: 8px; }
h3 { font-family: 'Droid Sans', arial, serif; font-size: 1.1em; font-weight: bold; color: #fff; background: #141414; padding: 1px 5px 1px 5px; display: inline-block; margin-bottom: 5px; }
h4 { font-size: 1.2em; font-weight: bold; color: #606060; margin-left: 15px; }
a { text-decoration: none; color:#141414;}
a:hover { color:#005b8b; }
p { font-family: Arial; font-size: 12px; color:#606060; margin-bottom:13px; line-height: 1.6em; }
div#pagecontent-right p { text-align: justify; }
div#pagecontent-right img.size-full { border: 2px solid #ebebeb; }
strong { color: #141414; }
small { font-size: 1em; }

.highlight { color:#141414; }

/* Layout */
#header1 { 
	width:100%; 
	height:101px; 
	background-image: url(img/bg-header1.jpg);
	}
#header1-inner { 
	width:900px; 
	height:100px;
	margin:auto;
	}
#header2 { 
	width:100%; 
	height:130px;
	background-image: url(img/bg-header2.jpg);
	}
#header2-inner { 
	width:900px; 
	height:130px;
	margin:auto;
	}
#subnavigation { 
	width:100%; 
	height:60px; 
	background: #fff;
	background-image: url(img/bg-subnavigation.jpg);
	margin-bottom: 20px;
	border-bottom: 1px solid #ebebeb;
	}
#subnavigation-inner { 
	width:900px; 
	height:60px; 
	margin:auto;
	}
#content-wrapper { background: #fff; }
#content { 
	width:930px; 
	margin:auto;
	border-bottom:0px solid #dfdfdf;
	}
#content #container { width:930px; } 
#content #content-inner { 
	width:930px; 
	margin-bottom: 60px;
	}
#content-left { 
	width:602px;
	float: left;
	margin-left:15px;
}
#content-right { 
	width:280px;
	float: right;
	margin-right:15px;

}
#content-full { 
	width:900px;
	float: left;
	margin-left:15px;
}
#fullcontent { 
	width:870px;
	float: left;
	margin-left:15px;
	margin-bottom: 15px;
}
#fullcontent p {
font-size: 12px;
}
#full-view img {
border: 0px;
}
#full-view img.attachment-full {
border: 1px solid #ebebeb;
margin-bottom: 15px;
}

#content-normal { 
	width:900px; 
	margin:auto;
	border-bottom:1px solid #dfdfdf;
	padding-bottom:30px;  
	}
#content-normal #content-inner { 
	width:900px;
	}
#links { 
	width:900px; 
	margin:auto;
	background-color: #f8f8f8;
	border-top:1px solid #dfdfdf;
	border-bottom:1px solid #fff; 
	padding-bottom:15px; 
	}
#footer { 
	width:100%; 
	background-color: #f8f8f8;
	margin:auto;
	border-top:1px solid #dfdfdf;
	}
#footer #footer-inner { width: 900px; margin: auto; height: 100px; }

/* Navigation */
#navi-main { 
	float:right;
	margin-top:45px;
	text-align: right;
	}
#navi-main ul { list-style-type: none; height:56px; }
#navi-main li { display: inline; margin-left: 31px; }
#navi-main li a { 
	font-family: 'Droid Sans', arial, serif;
	font-size: 1.3em; 
	font-weight: bold; 
	color:#606060; 
	text-decoration: none; 
	line-height: 57px;
	height:55px;
	padding-top: 19px;
	padding-bottom: 20px;
	text-transform: uppercase;
	}
#navi-main li a:hover { 
	color: #141414;
	background-image: url(img/arrow-up3.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-position-y: 0px;
	}
#navi-main li.current-page-ancestor a,
#navi-main li.current_page_parent a,
#navi-main li.current_page_item a { 
	color: #141414;
	background-image: url(img/arrow-up3.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-position-y: 0px;
	}

#subnavigation-left { 
	float:left;
	display: inline;
	margin-top:15px;
	}
#subnavigation-left.portfolio {
	margin-top: 0px;
	height: 60px;
}
#subnavigation-right { 
	float:right;
	text-align: right;

	display: inline;
	}
#subnavigation-right.portfolio {
	margin-top: 15px;
}
#subnavigation-left ul,
#subnavigation-right ul { list-style-type: none; height:60px; }
#subnavigation-left li,
#subnavigation-right li { display: inline;	margin-right: 20px;  }
#subnavigation-left li a,
#subnavigation-right li a { 
	font-family: Arial; 
	font-size: 12px; 
	font-weight: bold; 
	color:#005b8b; 
	text-decoration: none; 
	line-height: 60px;
	height:60px;
	padding-top: 24px;
	padding-bottom: 24px;
	text-transform: uppercase;
	}
#subnavigation-left li a:hover,
#subnavigation-right li a:hover { 
	color: #141414;
	background-image: url(img/arrow-down3.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-position-y: 0px;
	}
#subnavigation-left li.current_page_item a,
#subnavigation-left li.current-cat a,
#subnavigation-left li.current a,
#subnavigation-right li.current a { 
	color: #141414;
	background-image: url(img/arrow-down3.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-position-y: 0px;
	}
#subnavigation-right #infos { margin-top:20px; }
#content-right #infos { margin-bottom:10px; }

#content-full #full-view {  
	width:900px; 
	text-align: center; 
	padding-top: 30px; 
	padding-bottom: 30px; 
	margin-bottom:10px;
	border-top:3px solid #ebebeb; 
	border-bottom:3px solid #ebebeb; 
	}


#footer-right ul { padding:0px; margin:0px; list-style-type: none; line-height: 30px; margin-top: 3px; }
#footer-right ul li { display: inline; margin-left: 10px; }
#footer-right ul li a { font-size: 12px; color: #606060; background: #ebebeb; padding: 2px 4px 2px 4px; text-decoration: none; }
#footer-right ul li a:hover { color: #fff; background: #141414; } 

/* Slider */
.slide-out-div {
          padding: 10px;
          width: 150px;
		  height: 90px;
          background: #fff;
      }
	  
.slide-out-div img { padding: 0px; margin: 0px; }
.slide-out-div p span { margin-bottom: 5px; float:left; }
.slide-out-div p { line-height: 16px; margin: 0px; padding: 0px; margin-bottom: 5px; font-size: 11px; }
.slide-out-div .bewertung input, .slide-out-div .bewertung select { background-color: #0078ab; color: #fff; border: 1px solid #00567a; width: 150px; font-size: 11px; }

	
/* Elements */
img#logo { float:left; margin-top:15px; border: 0px; }
a.logolink { display: block; }
#header2 .header-box { 
	width: 280px; 
	padding-top: 25px; 
	padding-bottom: 0px; 
	float:left;
	margin-right:30px;
	height:100px;

	}
#header2 .last { 
	margin-right:0px;
	}
.header-box p { padding: 0px; color: #b3b3b3; font-size: 12px; margin-top: 0px;  }
#footer-left { float:left; display: inline; font-size: 12px; color: #606060; line-height: 30px; }
#footer-right { float:right; display: inline; text-align: right; }


#content-right span.tag { font-size: 0.9em; padding: 2px 3px 2px 3px; background: #ebebeb; margin-right: 2px; text-transform: uppercase; }
#content-right span.tag.dark { background: #dcdcdc; }

#portfolio { list-style-type: none; display:block; }
li.portfolio-headline { text-align: center;  width: 900px; margin-left: 15px; margin-bottom: 10px; }
li.portfolio-headline.clearleft { clear:left; }
#portfolio li {	
	margin-left:15px;
	margin-right:14px; 
	float:left;
	display: inline;
	}
.project { 
	width:280px; 
	height: 190px; 
	background: #fff; 
	margin-bottom: 40px;
	}
.project-inner { width:280px;  }
.project-inner a { display: block;  }
.project-inner a img { width: 278px; border: 2px solid #ebebeb; margin-bottom: 7px; }
.project-inner a:hover img { border: 2px solid #ccc; }
.project .name {
	-moz-transition: all 0.1s ease 0.1s;
	-webkit-transition: all 0.1s ease 0.1s;
	text-decoration: none; 
	font-size: 1em; 
	font-weight: normal;
	color: #606060;
	margin-left:0px;
	text-align: left;
	padding: 2px 4px 2px 4px; 
	background: #ebebeb;
	}
.project:hover .name { color: #fff; background: #141414; }

.project .name a.websitelink:hover { color: #606060; } 
.project .tags { 
	text-decoration: none; 
	font-size: 12px; 
	font-weight: normal;
	color: #606060;
	margin-top:3px;
	margin-left:3px;
	}

.topic { 
	width:278px;
	margin-right:15px;
	margin-left:15px; 
	float:left;
	height:900px;
	margin-bottom:20px; 
	}
.topic ul { margin-left:15px; }
.topic img { margin-bottom:5px; } 

.column { 
	width:435px;
	margin-right:15px;
	margin-left:15px; 

	float:left;
	margin-bottom:30px;
	}
.navigation { width: 100%; margin-top: 20px;}
.navigation div.alignleft { float: left; width: 430px; height: 20px; }
.navigation div.alignright { float: right; width: 430px; height: 20px; text-align: right; }	
.navigation a.aligncenter { float: left; display: block; width: 15px; margin-left: 5px;  }
.navigation a.aligncenter img { border: 0px; padding: 5px;}

.navigation #arrow-left a { 
	padding-top:3px;
	padding-bottom:3px; 
	padding-left: 15px;
	height:20px;  
	background-image: url(img/arrow-left.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #005b8b;
	font-weight: bold;
	}
.navigation #arrow-right a { 
	padding-top:3px;
	padding-bottom:3px; 
	padding-right: 15px;
	height:20px;  
	background-image: url(img/arrow-right.gif);
	background-repeat: no-repeat;
	background-position: right center;
	color: #005b8b;
	font-weight: bold;
	}
.navigation #arrow-left a:hover,
.navigation #arrow-right a:hover { color: #141414; }

li.linkcat { padding:0px; margin:0px; list-style-type: none; padding-bottom: 20px;  }
li.linkcat h2 { 
	padding:0px; 
	margin:0px; 
	color: #7e7e7e; 
	font-size: 16px; 
	margin-left:0px; 
	margin-bottom:10px;
	padding-left: 20px;
	margin-top:10px;
	display: block;
	width:90%; 

	float:left;  
	}
li.linkcat ul { list-style-type: none;  }
li.linkcat ul li { 
	font-size: 12px; 
	font-weight: normal; 
	color: #7e7e7e; 
	border-bottom: 1px solid #dadada; 
	width: 260px;
	padding-bottom: 5px;
	margin-bottom:5px;
	float:left;
	display: inline;
	height:50px;
	margin-left: 20px; 
	margin-right: 20px; 
	}
li.linkcat ul li a { 
	text-decoration: none; 
	color: #7e7e7e; 
	font-size: 12px; 
	font-weight: bold; 
	display:block; 
	}
li.linkcat ul li a:hover { color: #0078ab; }

li.cat-item { color: #aaa; }

.zoom { display:none; width: 16px; height:17px; background-image: url(img/zoom.gif); z-index: 10; position: relative; top:-20px; }

/* Leistungen */
div.leistungen a.col-full { display: block; background: url(img/gfx-management.jpg) no-repeat; background-position: center bottom; height: 120px; text-align: center; margin-bottom: 20px; }
div.leistungen a.col-full h3 { margin-top: 66px; background: #ebebeb; color: #606060; -moz-transition: all 0.1s ease 0.1s; -webkit-transition: all 0.1s ease 0.1s; }
div.leistungen a.col-full:hover h3 { background: #141414; color: #fff; }

div.leistungen a.col-five { float:left; height: 290px; width: 20%; text-align: center; }
div.leistungen a.col-five:hover h3 { background: #141414; color: #fff; }
div.leistungen a.col-five h3 { margin-top: 135px; background: #ebebeb; color: #606060; -moz-transition: all 0.1s ease 0.1s; -webkit-transition: all 0.1s ease 0.1s; }
div.leistungen a.col-five span { display: block; color: #606060; padding: 0 10px 0 10px; }
div.leistungen a.col-five:hover span { color: #606060; }

div.leistungen a.col-five.konzept {background: url(img/gfx-konzept.jpg) no-repeat; background-position: center 5px;}
div.leistungen a.col-five.design {background: url(img/gfx-design.jpg) no-repeat; background-position: center top;}
div.leistungen a.col-five.programmierung {background: url(img/gfx-programmierung.jpg) no-repeat; background-position: center 30px;}
div.leistungen a.col-five.services {background: url(img/gfx-services.jpg) no-repeat; background-position: center 20px;}
div.leistungen a.col-five.hosting {background: url(img/gfx-hosting.jpg) no-repeat; background-position: center 10px;}



/* Team */
div.memberpage { float:left; }
div.memberpage h3 { background-image: url(img/bg-header2.jpg); color: #fff; text-align: center; font-size: 0.9em; width: 900px; margin-left: 15px; margin-bottom: 15px; }
div.member { width: 200px; height: 380px; float:left; margin-left: 15px; margin-right: 17px; }
div.foto { width: 80px; height: 80px; border: 1px solid #ccc; float:left; margin-right: 10px; background-color: #eee; }
div.foto img { border:none; }
div.membername { font-size: 12px; line-height: 16px; font-weight:bold;float:left; width: 105px; }
div.slogan { float:left; font-size: 11px; font-style:italic; background-image: url(img/quote.gif); background-repeat:no-repeat; width: 85px; padding-left: 20px; line-height: 13px; margin-top: 5px; }
div.aufgabe { width: 183px; float:left; font-size: 11px; line-height: 14px; padding-left: 10px; padding-right: 5px; padding-top: 4px; padding-bottom: 4px; color: #fff; background-color: #0078ab; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow: 0 1px 0 #000; margin-top: 5px; margin-bottom: 5px; }
div.aufgabe2 { width: 183px; float:left; font-size: 11px; line-height: 14px; padding-left: 10px; padding-right: 5px; padding-top: 4px; padding-bottom: 4px; color: #fff; background-color: #333; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow: 0 1px 0 #000; margin-top: 5px; margin-bottom: 5px;  }
div.datum { width: 185px; float:left; font-size: 11px; display:block; background-color: #606060; padding-left: 10px; padding-right: 5px; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow: 0 1px 0 #000; margin-bottom: 5px;  }

div.skype { width: 161px; float:left; }
div.beschreibung { float:left;  -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #eee; padding: 5px 10px 5px 10px; height: 200px; }
div.beschreibung p { line-height: 16px; }


/* Anfrageformular 
#content-inner p.anfrage { float:left; width: 400px; margin-right: 10px; background-color: #eee; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding-left: 15px; padding-top: 5px; padding-bottom: 5px; }
#content-inner p.anfrage { background: -moz-linear-gradient( top, #eee, #aaa); background: -webkit-gradient (linear, left top, left bottom, from(#eee), to(#aaa)); border: 1px solid #ddd; }
#content-inner p.anfrage:hover, #content-inner p.anfrage:active { background: none; background-color: #0078ab; border: 1px solid #ccc; color: #fff; }
#content-inner p.anfrage span.subline { font-weight:bold; font-size: 14px; margin-bottom: 4px; display:block; }
#content-inner p.anfrage input { padding: 0px; margin: 0px; padding-top: 3px; }
#content-inner p.anfrage textarea { height: 80px;}
span.wpcf7-list-item { margin: 0px !important; display:block; padding-bottom: 1px; padding-top: 1px; } */

/* Pages */
#pagecontent-left { 
	width:282px;
	float: left;
	margin-left:15px;
}
#pagecontent-left #pagecontent-left-inner { padding-right: 25px; border-right: 1px solid #ebebeb; font-size: 12px; }
#pagecontent-left img.imgframe { border: 2px solid #ccc;  }
#pagecontent-right { 
	width:590px;
	float: right;
	margin-right:15px;
}
#pagecontent-right a { background: #ebebeb; padding: 2px 3px 2px 3px; }
#pagecontent-right a:hover { background: #fff; padding: 2px 3px 2px 3px; color: #141414; }
#pagecontent-left ul,
#pagecontent-right ul { margin-left: 15px; list-style-type: square; margin-bottom: 10px; }
#pagecontent-right div.contentcol { width:50%; float:left; margin-top: 15px;  }
#pagecontent-right img.size-full { margin-bottom: 5px; }

#pagecontent-left img.size-full.wp-image-1158 { margin-left: 80px; } /* Konzept */
#pagecontent-left img.size-full.wp-image-1157 { margin-left: 50px; } /* Design */
#pagecontent-left img.size-full.wp-image-1156 { margin-left: 70px; margin-top: 15px; margin-bottom: 15px; } /* Programmierung */
#pagecontent-left img.ico-services { margin-left: 70px; margin-top: 10px; margin-bottom: 10px; } /* Service */
#pagecontent-left img.size-full.wp-image-1161 { margin-left: 80px; margin-top: 15px; margin-bottom: 0px; } /* Hosting */

/* Kontaktformular */
#contact-left { 
	width:280px;
	float: left;
	margin-left:15px;
}
#contact-right { 
	width:580px;
	float: right;
	margin-right:15px;
}
#contactform-table {}
#contactform-table tbody {}
#contactform-table tbody tr {}
#contactform-table tbody td {}
#contactform-table tbody td.col2 { width:320px; padding-left:20px; text-align: left; }
#contactform-table tbody td.col1 { width:280px;}
#contactform-table tbody td.col1 input { 
	width:280px; 
	height:20px; 
	border:1px solid #d3d3d3; 
	font-size:14px; 
	color:#606060; 
	padding:3px; 
	margin-bottom: 5px;
	}
#contactform-table tbody td.col1.captcha input { width: 200px; }
#contactform-table tbody td.col1 input:hover,
#contactform-table tbody td.col1 input:focus,
#contactform-table tbody td.col1 textarea:hover,
#contactform-table tbody td.col1 textarea:focus { background: #f7f7f7; } 
#contactform-table tbody td.col1 textarea { 
	width:280px;
	height:150px; 
	border:1px solid #d3d3d3; 
	font-size:14px; 
	color:#606060; 
	padding:3px;
	font-family: Arial;
	margin-bottom: 5px;
	}
#contactform-table tbody td.msg { vertical-align: top; padding-top:4px; }
#contactform-table tbody td.submit input { 
	width:140px; 
	height: 26px; 
	font-size: 12px;
	font-weight: bold;
	
	background: #0078ab; 
	color: #fff; 
	border:0px;
	line-height: 22px;


	padding-top: 1px;
	margin-bottom: 5px;
	}
#contactform-table tbody td.submit input:hover, #contactform-table tbody td.submit input:focus { background: #606060; color:#ebebeb; cursor: pointer; }
.wpcf7-response-output { float:right; width:250px; }

/* Fixes */
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block; }

* html .topic { display: inline; }

/* Hooks */
#subnavigation-left h3 { margin-bottom: 0px; margin-top:5px; }