/*
Theme Name: persolog Theme
Theme URI: http://zungu.net
Description: Theme for persolog GmbH
Version: 1.1
Author: Cedric Weber - zungu | social media

Theme is based on WordPress Classic Theme and persolog.com.
*/

body {
  background-color:#fff;
  font-family:verdana;
  font-size:11px;
  color:#fff;
  background-image:url('http://persolog-blog.de/wp-content/themes/persolog-theme/images/body-bg.gif');
  margin:0;
}

#mainframe {
  width:980px;
  background-color:#fff;
  float:left;
}

#headframe {
  width:980px;
  height:75px;
}

#logo {
  float:left;
  margin:10px 0 0 40px;
}

#headnav ul {
  width:501px;
  float:right;
  margin:11px 0 0;
  padding:0;
}

#headnav ul li {
  float:right;
  list-style-type:none;
  margin:0;
  padding:0;
}

#headnav ul li a {
  text-decoration:none;
  color:#003376;
  font-size:10px;
  background-image:url('http://persolog-blog.de/wp-content/themes/persolog-theme/images/breadcrumb-li-bg.gif');
  background-repeat:no-repeat;
  background-position:0 2px;
  padding:0 10px 0 11px;
}

/* Schnellsuche */

#quicksearch { 
  width:220px;
  height:42px;
  float:right;
  font-size:10px;
  color:#464646;
  margin:10px 0 0 19px;
}

#quicksearch form {
  margin:0;
  padding:0;
}

.searchfield {
  width:147px;
  font-size:11px;
  border-color:#ababab;
  border-style:solid;
  border-width:1px;
  padding:1px 2px 2px;
}

.searchtype {
  margin-top:7px;
  vertical-align:-4px;
  border-width:0;
}

#searchsubmit {
  width:57px;
  background-color:#DC5827;
  color:#fff;
  font-size:10px;
  border-width:0;
  margin:0 0 0 6px;
  padding:1px 0 2px;
}

#contentframe {
  width:980px;
  background-color:#fff;
  background-image:url('http://persolog-blog.de/wp-content/themes/persolog-theme/images/contentframe-bg.jpg');
  background-repeat:no-repeat;
  float:left;
  padding-top:60px;
}



#middleframe {
width:480px;
float:left;
}

#content {
width:427px;
float:left;
color:#505050;
line-height:16px;
overflow:hidden;
padding:0 20px 0 30px;
}

#stageframe {
width:477px;
height:280px;
float:left;
padding-bottom:20px;
margin:30px 0 0;
}

#columnframe {
width:250px;
float:left;
margin-right:-3px;
}

#columnframe a:hover {
color:#fff;
}

.column-content {
float:left;
width:250px;
overflow:hidden;
}

/* Footer */
#footerframe {
width:980px;
float:left;
margin-top:5px;
}

#toplinkframe a {
background-image:url('http://persolog-blog.de/wp-content/themes/persolog-theme/images/totop.gif');
background-repeat:no-repeat;
background-position:0 2px;
float:right;
text-decoration:none;
color:#003376;
padding:1px 0 0 10px;
}

#quicklinks {
float:left;
padding-bottom:30px;
width:697px;
margin:0 0 0 33px;
}

#quicklinks ul {
float:left;
width:440px;
margin:0 0 5px;
padding:0;
}

#quicklinks ul li a {
text-decoration:none;
color:#003376;
background-image:url('http://persolog-blog.de/wp-content/themes/persolog-theme/images/breadcrumb-li-bg.gif');
background-repeat:no-repeat;
background-position:right 2px;
line-height:16px;
margin:0 10px 0 0;
padding:0 10px 2px 0;
}

#quicklinks ul li.last a,#quicklinks ul.langswitch li.last a {
background-image:none;
}

#quicklinks ul.langswitch li a {
color:#C9C9C9;
background-image:url('http://persolog-blog.de/wp-content/themes/persolog-theme/images/langswitch-li-bg.gif');
}

#print {
clear:right;
display:block;
float:left;
background-image:url('http://persolog-blog.de/wp-content/themes/persolog-theme/images/print.gif');
background-repeat:no-repeat;
background-position:0 2px;
margin:15px 10px 0 0;
padding:0 0 0 15px;
}

#print:hover {
background-image:url('http://persolog-blog.de/wp-content/themes/persolog-theme/images/print-a.gif');
text-decoration:none;
}

#columnframe .info {
background-image:none;
width:222px;
height:220px;
float:left;
margin:30px 0 0;
padding:30px 0 0 28px;
}

#message {
height:91px;
}

#select-product {
float:left;
width:222px;
height:40px;
background-image:url('http://persolog-blog.de/wp-content/themes/persolog-theme/images/select-product-bg.jpg');
background-repeat:no-repeat;
padding-top:21px;
}

#select-product select {
font-size:11px;
width:172px;
float:left;
margin-left:15px;
border-color:#ababab;
border-style:solid;
border-width:1px;
}

#select-product-submit {
float:left;
width:25px;
background-color:#DC5827;
color:#fff;
font-size:10px;
border-width:0;
margin:0 0 0 10px;
padding:1px 0 2px;
}

.registerinput {
font-size:11px;
width:181px;
float:left;
margin-top:5px;
border-color:#ababab;
border-style:solid;
border-width:1px;
padding:1px 2px 2px;
}

.registersubmit {
float:left;
width:25px;
background-color:#DC5827;
color:#fff;
font-size:10px;
border-width:0;
margin:5px 0 0 10px;
padding:1px 0 2px;
}

/*-- Box Content --*/
#content .box {
margin-right:-3px;
}

#content .box.standard {
background-image:url('http://persolog-blog.de/wp-content/themes/persolog-theme/images/adress-bg-inv.gif');
background-repeat:no-repeat;
float:left;
}

.cell {
padding:0 5px 0 10px;
}

.cell h1 {
margin-top:8px;
}

#content .box.standard.cell-1,#content .box.standard.cell-1,#content .box.standard.cell-1 {
margin-bottom:10px;
}

#content .box.standard.cell-1 .cell {
width:411px;
background-repeat:no-repeat;
}

#content .box.standard.cell-2 .cell {
float:left;
width:198px;
background-image:url('http://persolog-blog.de/wp-content/themes/persolog-theme/images/adress-bg-inv.gif');
background-repeat:no-repeat;
}

#content .box.standard.cell-2_width .cell {
width:280px;
float:left;
}

#content .box.standard.cell-2-weiss .cell {
float:left;
width:198px;
}

#content .box.standard.cell-3 .cell {
float:left;
width:126px;
background-image:url('http://persolog-blog.de/wp-content/themes/persolog-theme/images/adress-bg-inv.gif');
background-repeat:no-repeat;
}

/*-- Box Content Intro --*/
#content .box.intro {
float:left;
width:427px;
margin:0;
padding:0 0 20px;
}

#content .box.intro .left {
float:left;
width:267px;
padding:33px 0 0;
}

.introlink {
text-decoration:none;
color:#003376;
line-height:16px;
float:left;
margin:-65px 0 0 75px;
padding:0 5px 5px;
}

.introlink:hover {
color:#DC5827;
}

#content .box.intro .right {
float:left;
width:160px;
height:235px;
margin:0;
padding:0;
}

#content .box.intro .bottom {
float:left;
width:427px;
}

#content .box.intro h1 {
background-color:#DC5827;
color:#fff;
margin:0 0 10px;
padding:7px 0 7px 5px;
}

.textpicbox p {
margin:0 0 5px;
padding:0;
}

.tx-indexedsearch-searchbox input {
border-color:#ababab;
border-style:solid;
border-width:1px;
}

.tx-indexedsearch-searchbox a {
text-decoration:none;
color:#DC5827;
}

/* Ergebnisse */
.contentdivider.resultlist h2 a {
color:#003376;
text-decoration:none;
}

.contentdivider.resultlist h3 {
font-weight:400;
}

/* Content */
h1 {
font-size:13px;
margin:20px 0 5px;
padding:0;
}

h2 {
font-size:11px;
margin:20px 0 5px;
padding:0;
}

p {
margin:0 0 15px;
padding:0;
}

a {
color:#dc5827;
text-decoration:none;
}

a:hover {
color:#003376;
text-decoration:underline;
}

ul {
margin:0 0 15px;
padding:0;
}

li {
margin-left:15px;
}

.csc-textpic-caption {
font-size:10px;
line-height:12px;
color:#999;
padding-top:5px;
}

.csc-textpic-imagewrap {
margin-top:0;
}

#content .csc-textpic-border .csc-textpic-imagewrap img {
border-color:#ccc;
border-style:solid;
border-width:1px;
}

.news-list-container {
float:left;
border-color:#dc5827;
border-style:solid none;
border-width:2px 0 1px;
}

/*-- News Single --*/
.news-single-img {
float:left;
margin-right:10px;
margin-top:5px;
}

.news-single-imgcaption {
font-size:10px;
width:100px;
line-height:11px;
margin-top:3px;
color:#999;
}

.news-single-item h3 {
font-size:1.1em;
margin:0 0 15px;
padding:0;
}

.news-latest-container {
float:left;
margin-bottom:15px;
border-style:none;
}



/* ----- 
 BOXEN 
 ----- 
-- Box Column --*/
#columnframe .box {
width:195px;
background-color:#114284;
background-image:url('http://persolog-blog.de/wp-content/themes/persolog-theme/images/navframe-bg.gif');
background-repeat:no-repeat;
float:left;
margin-bottom:3px;
overflow:hidden;
margin-right:-3px;
padding:0 25px 18px 30px;
}

/*-- Box Stageframe --*/
#stageframe .box {
background-image:url('http://persolog-blog.de/wp-content/themes/persolog-theme/images/navframe-bg.gif');
background-repeat:no-repeat;
margin-top:20px;
height:230px;
overflow:hidden;
color:#013475;
padding:0 20px 0 30px;
}

#stageframe .box h1,#stageframe .box h2,#stageframe .box h3 {
margin-top:0;
padding-top:0;
}

/*-- Kontaktformular --*/
.csc-mailform {
border-style:none;
}

.csc-mailform-field label {
width:160px;
display:block;
float:left;
}

.csc-mailform-field input {
width:200px;
border-color:#003376;
border-style:solid;
border-width:1px;
}

#mailformPLZ,#mailformAnrede {
width:80px;
}

#mailformBitte_rufen_Sie_mich_an {
width:20px;
border-style:none;
}

#presseformular {
float:left;
width:410px;
margin-bottom:20px;
}



#breadcrumbs ul li,#quicklinks ul li {
float:left;
list-style-type:none;
margin:0;
padding:0;
}

#breadcrumbs ul li a:hover,#headnav ul li a:hover {
color:#DD5928;
}

.navframe, #toplinkframe {
width:250px !important;
float:left;
}

#content h1,#quicklinks ul.langswitch li a:hover,#quicklinks ul.langswitch li.active a {
color:#003376;
}

#toplinkframe a:hover,#quicklinks ul li a:hover {
color:#D84F19;
}

#content .box.standard.cell-2_width,#content .box.standard.cell-2-weiss {
background:none;
}

.textpicbox img,DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
margin-bottom:5px;
}

.tx-indexedsearch-searchbox dl dt,.tx-indexedsearch-searchbox dl dd {
width:200px;
float:left;
margin:0 0 5px;
}

/* Breadcrumb Plugin */

#breadcrumbs {
  width:690px;
  float:left;
  margin:0 0 0 40px;
  padding:0;
}

#breadcrumbs p {
text-decoration:none;
color:#003376;
font-size:10px;
padding:0 6px 0 7px;
}


/* Sidebar Specials */
#message {
  background: #003376;
  padding: 5px 0 10px 30px;
  margin-bottom: 3px;
}


/* Post */

.post h2 {
  font-family: Verdana, sans-serif;
  font-size: 15px;
  font-color: #003376;
  padding: 0;
  margin:0;
  padding-top: 15px;
  padding-left: 0px;
  display: inline;
}


.post h2 a, .post h2 a:hover  {
  color: #003376;
  text-decoration: none;
}


.date {
  float: left;
  border-right: 1px solid;
  margin-right:20px;
  padding: 3px;
  color: #DC5827;

}

.day {
  font-size: 17px;
  font-weight: bold;
  display:block;
  text-align: center;
  letter-spacing: -1px;
  color: #DC5827;

}


.month {
  color: #000;
  font-weight: bold;
  font-size: 9px;
  text-align: center;
  display: block;

}


.postHead {
  padding: 10px 0;
}

.meta {
  padding-left: 55px;

}

.feedback {
background-image:url('http://persolog-blog.de/wp-content/themes/persolog-theme/images/PostHead.gif');
background-position:top;
background-repeat:repeat-x;
padding-bottom: 20px;
}

textarea#comment {
  width: 98%;
}

img.avatar {
  float: right;
  padding: 2px;
}



/*
.wi dget_recent_comments a:hover {
padd ing-left:500px;
}
*/

/* Footer */

#footerframe .disclaimer {
  margin-top: 50px;
  clear: both;
  color: #000;
  font-size: 9px;
}


/* Hauptnavigation  */

/* Sidebars & Widgets */

.navframe * { bo rder: 1px solid red; padding: 0; margin: 0; }

.navframe .widget {
  background-color:#003376;
  background-image:url('http://persolog-blog.de/wp-content/themes/persolog-theme/images/navframe-bg.gif');
  background-repeat:no-repeat;
  padding: 20px 10px 20px 25px;
  margin-bottom: 2px;
  color: #fff;
}

.navframe ul li h2 {
  bord er: 1px solid; 
  font-size: 13px; 
  font-weight: bold;
}

.navframe ul li ul li {
  list-style-type: none;
  margin-top: 10px;
  padding-left: 10px;
}

.navframe ul li ul li:hover, .navframe .current-cat {
  color: #DC5827;
  background-image: url('http://persolog-blog.de/wp-content/themes/persolog-theme/images/navframe-li-bg.gif');
  background-repeat: no-repeat;
  background-position: top left;
}

.navframe a { 
  color: #fff; 
  displ ay: block;
}

.navframe ul li ul li:hover, .navframe ul li ul li:hover a, .navframe .widget a:hover, .navframe .current-cat a { 
  color: #DC5827 !important; 
  text-decoration: none;
}

.navframe .widget_categories img, #subscribe_sidebar_list img {
	display: inline;
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	vertical-align: middle;
	border: 0px;
}


/* Adresse linke Sidebar */                                                        
#adress {
  width: 220px;
  height: 125px;
  background-image: url('http://persolog-blog.de/wp-content/themes/persolog-theme/images/adress-bg.gif');
  background-repeat: repeat-x;
  color: #505050;
  float: left;
  line-height: 18px;
  padding: 8px 0 0 30px;
}

/* Tag Cloud */

.navframe .st-tag-cloud a {
  display: inline;
}

.navframe .st-tag-cloud {
  margin-top: 15px;
}

/* RSS Abo */

.rss, .rsscomments, .rsspodcast, .rssitunes {
  background-image: url('http://persolog-blog.de/wp-content/themes/persolog-theme/images/icons/feed.png');
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 15px;
}

/* Images */

.post img, .post .gallery img { border: none; margin: 0.1em 0; }
.post img.left, .post img.alignleft { padding: 3px; margin: 0.5em 15px 0.5em 0; float: left; clear: left; }		
.post img.right, .post img.alignright { padding: 3px; margin: 0.5em 0 0.5em 15px; float: right; clear: right; }
.post img.center, .post img.aligncenter { display: block; padding: 3px; margin: 0 auto 1.5em auto; float: none; clear: both; }
.post img.off { padding: 0 !important; border: none !important; }
.post img.stack { clear: none !important; }
.post div.alignleft { text-align: left; float: left; }
.post div.alignright { text-align: right; float: right; }
.post div.aligncenter { text-align: center; margin: 0 auto; }
.post div.wp-caption { margin-bottom: 1.5em; border: none; overflow: hidden; max-width: 490px; }
.post .wp-caption img { display: block; margin: 5px auto; border: none; }	
.post .wp-caption-text { margin: 0 5px; font-size: 0.8em; line-height: 1.3em; }
.post .gallery { margin: auto auto 15px; }
.post .gallery .gallery-item { margin: 0 0 0.6em; }
.post .gallery .gallery-icon, .post .gallery .gallery-caption { margin: 0; }
.post .gallery .gallery-caption { margin: 5px; font-size: 0.8em; line-height: 1.3em; text-align: left; }

