/*
Theme Name: IT Systempartner
Theme URI: http://www.itsystempartner.de
Description: Theme for IT Systempartner.
Version: 5
Author: Andrea Jeitner & Daniel Kowalski
Author URI: http://www.itsystempartner.de
*/

body {
	background: #c7c7cf url(images/body_bg.gif) repeat-x left top;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
/*------------------------------------------------------------------------------master layout grid--------------------------------------*/
#header, #headerIntro {
	padding: 117px 0px 0px;
	height: 71px;
	width: 1098px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	background: url(images/header_bg.gif) no-repeat left top;
}
#headerIntro {
	background: url(images/headerIntro_bg.jpg) no-repeat left top;
}
#container {
	background: #D7D7DC url(images/container_bg.gif) repeat-x bottom;
	width: 100%;
}
#contentWrapper, #contentWrapperIntro {
	width: 1098px;
	margin-right: auto;
	margin-left: auto;
}
#contentWrapper {
	background: url(images/content_bg.gif) repeat-y left top;
}
#contentWrapperIntro {
	background: url(images/contentIntro_bg.gif) repeat-y left top;
}
#sidebar {
	width: 208px;
	float: right;
	padding-top: 10px;
	padding-right: 130px;
	padding-bottom: 25px;
}
#sidebarIntro {
	width: 208px;
	float: right;
	padding-top: 22px;
	padding-right: 130px;
	padding-left: 0px;
}
#content {
	min-height:520px;
	height:auto !important;  /* für moderne Browser */
	height:520px;  /*für den IE */
	width: 650px;
	float: left;
	padding: 20px 20px 15px 90px;
}
#contentFooter {
	clear: both;
}
#footer {
	background: url(images/footer_bg.gif) no-repeat left top;
	height: 183px;
	width: 1098px;
	margin-right: auto;
	margin-left: auto;
}
/*------------------------------------------------------------------------------main navigation--------------------------------------*/
#headNav {
	padding-left: 70px;
	height: 30px;
	width: 690px;
	float: left;
}
#headNav ul {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
}
#headNav li {
	display: inline;
}
#headNav a {
	margin: 0px;
	padding: 12px 20px 0px;
	list-style: none;
	display: block;
	float: left;
	height: 24px;
	background: url(none);
	color: #353B47;
	text-decoration: none;
}
#headNav a:hover {
	text-decoration: underline;
}
#headNav .current_page_item a, #headNav .current_page_parent a, #headNav .current_page_ancestor a {
	background: url(images/buttonHeader_active.gif) no-repeat center top;
}
#referenzen .page-item-8 a {
	background: url(images/buttonHeader_active.gif) no-repeat center top;
}
/*------------------------------------------------------------------------------search-box--------------------------------------------*/
#search {
	float: left;
	padding-top: 10px;
	padding-left: 30px;
}
#search form {
	margin: 0px;
	padding: 0px;
}
#search #s {
	background: transparent;
	border-style: none;
	width: 170px;
	font-size: 11px;
	color: #4e5460;
}
#search #searchsubmit {
	visibility: hidden;
}
#search label {
	display:none;
}

/*------------------------------------------------------------------------------homepage-news--------------------------------------------*/
#newsLeft, #newsRight {
	width: 321px;
	color: #333333;
}
#content #newsLeft h1, #content #newsRight h1 {
	font-size: 12px;
}
#newsLeft h1 a, #newsRight h1 a {
	text-decoration: none;
	color: #004895;
}
#newsLeft {
	float: left;
}
#newsRight {
	float: right;
}
/*------------------------------------------------------------------------------popup control-------------------------*/
/*---generic styling---*/
#content .category-intro-visual li ul, #content .visualList li ul {
	display: none;
}
#content .category-intro-visual li:hover ul, #content .visualList li:hover ul {
	display: block;
	position: absolute;
	color: #FFFFFF;
	background: url(images/popupBG.png) no-repeat left top;
	height: 139px;
	width: 221px;
	padding: 27px 15px 10px;
}
#content .category-intro-visual li li, #content .visualList li li {
	float: none;
	font-size: 11px;
}
/*---intro-visual popups---*/
#content .category-intro-visual ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
}
#content .category-intro-visual li {
	float: left;
	position: relative;
	background: url(none);
	padding: 0px;
}
#content .category-intro-visual li:hover ul {
	top: 100px;
	left: 30px;
}
#content #introVisuals {
	padding: 0px;
	background: transparent;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
/*---visual listing popups---*/
#content .visualList li:hover ul {
	top: 60px;
	left: -50px;
}
/*------------------------------------------------------------------------------content--------------------------------------------*/
#content h1 {
	font-size: 14px;
	color: #353B47;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#content .post h1 {
	border-bottom: none;
}
#content h2 {
	color: #353B47;
	font-size: 12px;
	margin: 0px 0px 10px;
	padding: 0px;
	line-height: 17px;
}
#content h3 {
	color: #353B47;
	font-size: 14px;
	margin: 0px 0px 10px;
	padding: 0px;
	line-height: 21px;
}
#content p, #content ul {
	font-size: 12px;
	margin: 0px;
	padding: 0px 0px 7px;
	line-height: 18px;
}
#content pre {
	font: 13px/18px "Courier New", Courier, monospace;
	color: #333;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#content .page {
	margin-bottom: 10px;
}
#content .page p, #content .page ul {
	color: #585E67;
}
#content ul {
	list-style: none;
	clear: both;
}
#content li {
	background: url(images/listIcon.gif) no-repeat left 5px;
	display: block;
	margin: 0px;
	padding: 0px 0px 3px 15px;
}
#content a {
	color: #004895;
	text-decoration: none;
}
#content a:hover {
	text-decoration: underline;
}
#content .post {
	margin-bottom: 8px;
	background: #FFFFFF;
	-moz-border-radius: 3px;
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 3px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.296875) 0px 1px 3px;
	padding: 6px 8px;
	clear: both;
}
/*---visual listings---*/
#content .visualList {
	float: left;
	width: 650px;
	padding-top: 10px;
}
#content .visualList li {
	background: none;
	padding: 0px;
	float: left;
	position: relative;
}
#content .visualList li img {
	margin: 0px 16px 0px 0px;
}
#content .visualList li img.alignlast {
	margin: 0px;
}
/*---downloads---*/
#content .downloads {
	padding-top: 10px;
}
#content .downloads li {
	background: url(none);
	display: inline;
	margin: 0px;
	padding: 0px;
}
#content .downloads a {
	background: url(images/downloadButton_pdf.png) no-repeat left top;
	display: block;
	margin: 0px 10px 10px 0px;
	padding: 4px 0px 0px 62px;
	height: 40px;
	width: 143px;
	font-size: 11px;
	float: left;
}
/*---sub-page navigation---*/
#content .pageNavigation {
	font-weight: bold;
	text-align: right;
	clear: both;
	padding-bottom: 20px;
}
#content .pageNavigation a {
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	background:#004895;
	color:#FFFFFF;
	padding: 2px 6px;
	text-decoration:none;
	margin-right: 3px;
	margin-left: 3px;
}
/*---edit links---*/
.post-edit-link {
	background: url(images/icon_edit.gif) no-repeat left 5px;
	display: block;
	padding-left: 25px;
	font-size: 11px;
	font-weight: bold;
	border-top: 1px dotted #666666;
	padding-top: 5px;
}
#content .pagetitle {
	color: #FFFFFF;
	text-decoration: none;
	background: #004895;
	padding: 3px 7px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#content .date {
	background: #004895;
	width: 35px;
	float: right;
	margin-left: 15px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding: 9px 3px 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-bottom: 15px;
}
#content .date p {
	color: #FFF;
	margin: 0px;
	padding: 0px;
	line-height: 16px;
}
#content .date .day {
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 5px;
}
#content .categoryNavigation {
	text-align: right;
	clear: both;
}
#content .categoryNavigation a, #content .navigation a {
	color:#FFFFFF;
	text-decoration:none;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	background:#004895;
	color:#FFFFFF;
	padding:2px 6px;
	text-decoration:none;
	font-size: 11px;
	font-weight: bold;
}
/*------------------------------------------------------------------------------sidebar--------------------------------------------*/
#sidebar ul {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#sidebar li {
	margin: 0px;
	padding: 0px;
}
#sidebar a {
	background: url(images/buttonSidebar.gif) no-repeat left top;
	display: block;
	height: 23px;
	width: 188px;
	padding-top: 7px;
	padding-left: 20px;
	text-decoration: none;
	color: #FFFFFF;
}
#sidebar a:hover {
	background: url(images/buttonSidebar_hover.gif) no-repeat left top;
}
#sidebar .current_page_item a, #sidebar .current_page_parent a, #sidebar .current-cat a, #sidebar .active_category {
	background: url(images/buttonSidebar_active.gif) no-repeat left top;
}
/*---special intro-sidebar---*/
#sidebarIntro h1 {
	font-size: 12px;
	margin: 0px 0px 10px;
	padding: 7px 10px 0px 35px;
	background: url(images/newsSidebar_bg.gif) no-repeat left top;
	height: 23px;
	width: 163px;
	color: #f1f1f3;
}
#sidebarIntro ul {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	list-style: none;
	font-size: 11px;
}
#sidebarIntro li {
	margin: 0px;
	padding: 0px;
}
#sidebarIntro a {
	color: #004895;
	text-decoration: none;
	display: block;
	padding: 3px 10px;
}
#sidebarIntro a:hover {
	text-decoration: underline;
}
/*------------------------------------------------------------------------------sidebar visuals--------------------------------------*/
/*---master style---*/
#sidebarVisual {
	height: 121px;
	width: 207px;
}
/*---page variations---*/
#sidebar .profil {
	background: url(images/sidebar_visuals/profil.gif);
}
#sidebar .technologie {
	background: url(images/sidebar_visuals/technologie.gif);
}
#sidebar .design {
	background: url(images/sidebar_visuals/design.gif);
}
#sidebar .corporate-design {
	background: url(images/sidebar_visuals/design.gif);
}
#sidebar .print {
	background: url(images/sidebar_visuals/design.gif);
}
#sidebar .web {
	background: url(images/sidebar_visuals/design.gif);
}
#sidebar .impressum {
	background: url(images/sidebar_visuals/impressum.gif);
}
#sidebar .kontakt {
	background: url(images/sidebar_visuals/kontakt.gif);
}
#sidebar .referenzen {
	background: url(images/sidebar_visuals/referenzen.gif);
}
#sidebar .infobase {
	background: url(images/sidebar_visuals/technologie.gif);
}
#sidebar .moss-2007 {
	background: url(images/sidebar_visuals/technologie.gif);
}
#sidebar .wordpress {
	background: url(images/sidebar_visuals/technologie.gif);
}
#sidebar .wordpress-plugins, #sidebar .searchlight{
	background: url(images/sidebar_visuals/technologie.gif);
}
#sidebar .easy {
	background: url(images/sidebar_visuals/technologie.gif);
}
#sidebar .salesessentials {
	background: url(images/sidebar_visuals/technologie.gif);
}
#sidebar .conference {
	background: url(images/sidebar_visuals/technologie.gif);
}
#sidebar .schulungen-trainings {
	background: url(images/sidebar_visuals/technologie.gif);
}

/*------------------------------------------------------------------------------Kontaktformular----------------------------------------------*/
.wpcf7-form span.firstcol {
display:inline-block;
vertical-align:top;
width:140px;
}

.wpcf7-form span.secondcol .wpcf7-form-control-wrap input, .wpcf7-form span.secondcol .wpcf7-form-control-wrap textarea {
width:330px;
padding: 2px;
border: none;
background-color: white;
}

input.submit{
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background:#004895 none repeat scroll 0 0;
color:#FFFFFF;
padding:3px 7px;
border: none;
}

/*------------------------------------------------------------------------------Kommentare----------------------------------------------*/

#content ol.commentlist {
	list-style-type: none;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	font-size: 12px;
}
#content .commentlist ul {
	padding: 0px;
}
#content ol.commentlist li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	background: none;
}
#content ol.commentlist .comment {
	background: #FFF;
	margin-bottom: 10px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
}
#content ol.commentlist .children {
	border-top: 1px dotted #666666;
}
#content ol.commentlist .comment-body {
	padding: 10px;
}
.comment-author {
	float: left;
	width: 400px;
	padding-bottom: 10px;
}
.comment-author cite {
	font-style: normal;
}
.comment-meta {
	float: right;
	font-size: 11px;
}
#content ol.commentlist li p {
	color: #666;
	clear: both;
}
#respond h3 {
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	background:#004895 none repeat scroll 0 0;
	color:#FFFFFF;
	padding:3px 7px;
	text-decoration:none;
	font-size:14px;
	margin:15px 0 10px;
}

#commentform #comment {
	width: 650px;
	margin: 0px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	border: 0px none;
	background:#FFFFFF none repeat scroll 0 0;
}

#commentform input {
	background-color:white;
	border: 0px none;
	padding:2px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	margin-right: 10px;
}

#commentform #submit {
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	border: 0px none;
	background:#004895 none repeat scroll 0 0;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	line-height:18px;
	padding:3px 7px;
}

small#identity {
	margin: 0px 0px 5px 0px;
	display: block;
}
/*------------------------------------------------------------------------------footer----------------------------------------------*/
#footer p {
	font-size: 11px;
	margin: 0px;
	padding: 5px 143px 0px 0px;
	text-align: right;
	color: #666666;
}
#footer a {
	color: #353B47;
	text-decoration: none;
}
/*------------------------------------------------------------------------------generic formatting-----------------------------------*/
.avatar {
	float: left;
	margin-right: 10px;
}
.postThumbnail {
	float: left;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 5px;
}
.alignleft {
	float: left;
	margin-right: 8px;
	margin-bottom: 5px;
	padding-top: 2px;
}
.alignright {
	float: right;
	margin-left: 8px;
	margin-bottom: 5px;
	padding-top: 2px;
}
.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 20px;
}
.postmetadata, .editPost {
	clear: both;
}
small {
	font-size: 10px;
	margin: 0px 0px 5px;
	padding: 0px;
}
/*---removes image-border around all linked images---*/
a img {
	border-style: none;
}