/*

*/

body {
  text-align:center;
  font: 12px Arial, Helvetica, sans-serif;
  background-color: #000;
}

/* Links -----------------------------------------------------------------------*/
a {
  outline:none;
}
ul {

}
.clear {
  clear:both;
}
.bold {
  font-weight:bold;
}
p.aright {
  text-align:right;
}
.italic {
  font-style:italic;
}
/* section alignment --------- */

.alignleft {
  float:left;
}
.alignright {
  float:right;
}
/* image alignment left, right & center --------- */

.imgleft {
  float:left;
  margin:0 12px 12px 0;
  padding:3px;
}
.imgright {
  float:right;
  margin:0 0 12px 12px;
  padding:3px;
}
.imgleft_n {
  float:left;
  margin:0 40px 12px 0;
  padding:3px;
}
.img_center {
  margin:10px 0;
  padding:5px;
}
code {
  font-size:12px;
}
/* blog & content css common ---------------------------------------------------- */

h1 {
  font-size:28px;
  font-weight:400;
  margin:0 0 12px;
  padding:0 0 5px;
}
h2 {
  font-size:22px;
  font-weight:400;
  margin:0 0 8px;
  padding:0;
}
h2 a {
  text-decoration:none;
}
h2 a:hover {
  text-decoration:none;
}
h3 {
  font-size:18px;
  font-weight:400;
  margin:0 0 10px;
  padding:0;
}
h4 {
  font-size:16px;
  font-weight:700;
  margin:15px 0 5px;
  padding:0 0 5px;
}
h5 {
  font-size:14px;
  font-weight:700;
  margin:0 0 10px;
  padding:0;
}
h6 {
  font-size:12px;
  font-weight:700;
  margin:5px 0;
  padding:0 0 5px;
}
p {
  font-size:12px;
  line-height:18px;
  margin:0 0 12px;
}
p a {
  text-decoration:none;
}

ul {
  font:12px Arial, Helvetica, sans-serif;
  margin:10px 0 15px 6px;
  padding:0;
}
.posts .clear  ul {
  padding:0px 0px 0px 10px;
  margin:0px 0px 0px 10px;
}
.posts .clear p {
  padding:0px;
  margin: 0 0 12px;
}
.posts .clear   ul li{
  padding:0px;
  margin:0px;
  list-style-type: disc;
}

.add_posts  ul {
  margin-left: 1.6em;
  display: list-item;
}
.add_posts  ul li{
  padding:0px;
  list-style-type: disc;
}

ul li ul {
  margin:8px 0 5px;
  padding:0;
}
ol {
  line-height:18px;
  font-size:12px;
  background:none;
  margin:0 0 0 5px;
  padding:0 0 10px 20px;
}
ol li {
  background:none;
  list-style-type:decimal;
  margin:0 0 5px;
  padding:0;
}
ol li ol {
  margin:8px 0 5px 24px;
  padding:0;
}
blockquote {
  background:url(images/quote2.png) no-repeat;
  background-position:5px 8px;
  margin-bottom:10px;
  font:bold 12px Arial, Helvetica, sans-serif;
  line-height:18px;
  padding:5px 0px 5px 30px;
  margin-bottom:10px;
}
blockquote p { font:bold 12px Arial, Helvetica, sans-serif;  }
.clientname {
  font-size:11px; font-weight:normal; color:#666;
  margin-bottom:12px;
}

li,ul li ul li {
  line-height:18px;
  margin:0 0 5px;
  padding:0 0 0 12px;
}
/* instruction elements -------------------------------------- */
address {
  font-style:italic;
}
p.alert,p.download,p.info,p.note {
  margin:10px 0 0;
  padding:10px 10px 10px 36px;
}
p.alert {
  padding:10px 10px 10px 36px;
}

/* STRUCTURE ----------------------------------*/
#header {
  height:65px;
  margin:0 auto;
}
#content-wrap {
  overflow:hidden;
  height:100%;
}
#wrapper {
  text-align:left;
  width:840px;
  margin:0 auto;
  padding:0 10px;
  overflow:hidden;
  height:100%;
}
#main {
  overflow:hidden;
  clear:both;
}
#main .subcolumns {
  width:400px;
}
#content {
  width:580px;
  padding-bottom:10px;
}
#content2 {
  width:560px;
}
#content, #content2 {
  float:left;
}
#sidebar {
  width:240px;
  margin-bottom:15px;
}
#sidebar2 {
  width:260px;
  margin-bottom:15px;
}
#sidebar, #sidebar2 {
  float:right;
}



#footer {
  clear:both;
  overflow:hidden;
  text-align:left;
  height:100%;
  width:840px;
  margin:0 auto;
  padding:5px 10px;
}
#sidebar span {
  font-size:12px;
}
#content .subcolumns,#sidebar .subcolumns {
  width:280px;
}
/* Header Section  ----------------------------------*/
#header .logo {
  border-bottom:0 none;
  color:#FFFFFF;
  float:left;
  font:25px "Arial Black",Arial,Helvetica,sans-serif;
  margin:0;
  text-transform:uppercase;
}
#header .h_left {
  float:left;
  /*width:320px;*/
}
#header .description {
  font:12px Arial, Helvetica, sans-serif;
  clear:both;
  margin-top:-5px;
}
/* ------------------------------  footer ---------------------------------------  */

#footer p {
  font-size:12px;
  line-height:20px;
  float:left;
  font-family:Arial, Helvetica, sans-serif;
  margin:5px 0;
  padding:0;
  color: #FFFFFF;
}
#footer span {
  margin-top:-8px;
  font-size:11px;
  padding-left:1px;
}
#footer span a {
  text-decoration:none;
}
#footer span a:hover {
  text-decoration:none;
}
#flinks {

  float:right;
  color: #FFFFFF;
}
#flinks li {
  display:inline;
  line-height:10px;
  /* text-align:right; */
  text-align:left;
  padding:0 5px;
  color: #FFFFFF;
}
#flinks li a {
  font-size:11px;
  text-decoration:none;
  color: #FFFFFF;
}
#flinks li a:hover {
  color: #F9D042;
  display:inline;
}
/* TOP SEARCH FORM -----------------------------------------------------------------------*/
#search {
  float:right;
  margin-top:20px;
  width:205px;
  height:21px;
  padding:2px 0 0 15px;
}
* html #search {
  width:208px;
  overflow:hidden;
}
#search .s {
  font:12px Arial, Helvetica, sans-serif;
  width:170px;
  float:left;
  margin-right:5px;
  padding:2px;
}
#searchform .sgo {
  width:26px;
  height:23px;
  margin:-2px 0 0;
}
/* Root = Horizontal, Secondary = Vertical ------------------------------------------------ */

#nav {
  width:840px;
  height:28px;
  position:relative;
  margin:0 auto 5px;
}
#nav .iconbar {
  font:bold 12px Arial,Helvetica,sans-serif;
  height:26px;
  margin:-34px 8px 0 0;
  padding:0;
}

* + html #nav .iconbar { /* im IE7 nicht ganz so weit nach oben ziehen */
                         margin-top:-28px;
}


#nav .iconbar li.icon,
#nav .iconbar li.icon a {
  background-image: none;
  width: 16px;
  height: 16px;
  padding-left:7px;
}

#nav .iconbar li.icon a {
  margin-top:6px;
  color: transparent;
  position: absolute;
  text-indent:-9999px;
}

#nav .iconbar li.atom.icon a {
  background:url(/wp-content/themes/wpremix3/images/icon_atom.jpg) no-repeat;
}
#nav .iconbar li.tw.icon a {
  background:url(/wp-content/themes/wpremix3/images/icon_tw.jpg) no-repeat;
}
#nav .iconbar li.fb.icon a {
  background:url(/wp-content/themes/wpremix3/images/icon_fb.jpg) no-repeat;
}

#nav .iconbar li {
  float:right;
}

/* breadcrumb start -----------------------------------------------------------------------*/

#content-wrap .breadcrumb{
  font:10px Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  text-align:left;
  clear:both;
  line-height:25px;
  padding-left:5px;
  margin-bottom:10px;
}
a.button {
  margin-bottom:8px;
  font-weight:700;
  font-size:12px;
  padding:3px 15px 3px 10px;
}

.submit {
  margin-bottom:8px;
  font-weight:700;
  font-size:12px;
  cursor:pointer;
  padding:3px 15px 3px 10px;
}
.postads {
  text-align:center;
  overflow:hidden;
  height:100%;
  margin-bottom:25px;
}
.small { font-size:11px; color:#666; }
.small a { color:#666; }
.small a:hover { color:#000; }


/*------- Demo  ---------*/

#demotop { background:#000; height:50px; overflow:hidden; }
#demotop-in { width:860px; margin:0 auto;  }
#demotop-in h5 { float:left; font:bold 14px Georgia, "Times New Roman", Times, serif; color:#fff; margin:0; padding:8px 0 0 0; }
#demotop-in p { font-size:11px; color:#9f9f9f; clear:both;  float:left; }

.img_button {
  position:relative;
  display:block;
  font-size:12px;
}
.img_button span {
  height:100%;
  width:100%;
  position:absolute;
  bottom:0;
  left:0;
  cursor:pointer;
}
.img_button span a {
  display:block;
}

.b_purchasedownload2 {
  top:9px;
  right:0;
  float:right;
}
.b_purchasedownload2 span, .b_purchasedownload2 span a {
  background:url(images/b_purchasedownload2.png) no-repeat;
}
.b_purchasedownload2 span a, .b_purchasedownload2 {
  width:190px;
  height:32px;
}
.b_purchasedownload2 span:hover {
  background-position:0 -32px;
}

/* NEW 2.7 */
.thread-alt {
  background-color: #f8f8f8;
}
.thread-even {
  background-color: white;
}
.depth-1 {
  border: 1px solid #ddd;
}

.even, .alt {

  border-left: 1px solid #ddd;
}
.commentlist li ul li {
  font-size: 1em;
}
#commentform {
  margin: 5px 10px 0 0;
}
#respond:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.commentlist li ul li {
  margin-right: -5px;
  margin-left: 10px;
}
.children { padding: 0; }




/*------- Pagebar Navigation  ---------*/

.pagebar {
  padding: 0.2em 0.5em;
  margin-right: 0.1em;
  margin-bottom: 1.0em;
  border: 1px solid #fff;
  background: #fff;
  text-decoration: none;
  text-align:center;
  font-weight: bold;
}

.pagebar a,.pageList .this-page {
  border: 1px solid #CC0000;
  text-decoration: none;
  padding: 0.2em 0.5em;
}

.pagebar a:visited {
  border: 1px solid #CC0000;
  text-decoration: none;
  padding: 0.2em 0.5em;
}

.pagebar .break {
  padding: 2px 6px 2px 6px;
  border: none;
  background: #fff;
  text-decoration: none;
}

.pagebar .this-page {
  border: 1px solid #CC0000;
  padding: 0.2em 0.5em;
  font-weight: bold;
  background: #CC0000;
  color: #fff;
}

.pagebar a:hover {
  border-color: #333333;
}

.pagebar .inactive
{
  border: 1px solid #cccccc;
  color: #ccc;
  text-decoration: none;
  padding: 0.2em 0.5em;
}

#footer1 li {
  background:none;
  padding-left: 0;
}

#footer1 a {
  color: #fff;
}


#footer1 a:hover {
  color: #cc0000;
}
.textwidget {
  color: #fff;

}
#blog_bar {
  width: 100%;
  padding-bottom:10px;
  color:#000;
}
#blog_bar a {
  color:black;
}
#blog_bar a:hover {
  text-decoration:underline;
}
.blog_post {
  text-decoration:none !important;
  color:#333333 !important;
  font-weight:bold !important;
}
.blog_post:hover {
  color:#cc0000 !important;
}

body.dipbody.dippage #content ul li {
  list-style: disc outside none;
  margin-left: 1em;
  padding-left: 0;
}