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

/* General Styles */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

body {
font-size: 12px;
background: #ece8e7 url(images/bg.jpg) no-repeat center top;
font-family: Arial, Helvetica, sans-serif;
color: #4f4f4f;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

:focus {
outline: 0;
}

ins {
text-decoration: none;
}

del {
text-decoration: line-through;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

p {
line-height: 20px;
}

a {
color: #7327ad;
text-decoration: none;
}

a:hover {
color: #7327ad;
text-decoration: underline;
}

a:visited {
color: #7327ad;
text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
}

h1 a:hover, h2 a:hover, h3 a:hover {
text-decoration: none !important;
}

blockquote {
color: #CCC;
font-size: 11px;
font-style: italic;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset, img {
border: 0;
}

caption, th {
text-align: left;
}

q:before, q:after {
content: '';
}

abbr {
border:0;
}

/* Cufon loading Hide */

.cufon-loading h1, .cufon-loading #nav a, .cufon-loading .iwebix_font, .cufon-loading .input_button, .cufon-loading .button { /* for Cufon.replace('h1') */
display: none;
}

#wrapper {
width: 934px;
margin: 0px auto;
}

#footer p {
float: left;
color: #FFF;
font-weight: bold;
margin: 15px 0px 0px 20px;
}

#footer .footer_nav {
float: right;
color: #FFF;
margin: 17px 20px 0px 0px;
}

#footer .footer_nav ul {
float: left;
list-style: none;
color: #FFF;
}

#footer .footer_nav ul li {
float: left;
color: #FFF;
margin-left: 15px;
}

#footer .footer_nav ul li a {
color: #FFF;
}

#header {
float: left;
width: 760px;
position: relative;
z-index: 999;
}

#logo a {
float: left;
width: 279px;
height: 90px;
margin-top: 60px;
background: transparent url(images/iwebix_logo.png) no-repeat;
text-indent: -9999px; 
}

#header_unterschied {
float: right;
width: 293px;
height: 165px;
background: transparent url(images/unterschied_header.png) top right no-repeat;
}

/* Navbar Styles */

#header #navbar {
background: url(images/nav_bg.png) no-repeat;
height: 43px;
width: 930px;
float: left;
font-size: 12px;
margin-top: 5px;
position: relative;
margin-bottom: 12px;
z-index: 25;
}

ul#nav {
padding: 0;
float:left;
width: 760px;
list-style: none;
font-size: 14px;
color: #545353;
}

ul#nav li {
float: left;
margin: 0px;
list-style: none;
padding: 0px;
position: relative;
z-index: 45;
background: url(images/nav_border.jpg) no-repeat center right;
}

ul#nav li a {
float: left;
height: 43px;
color: #FFF;
font-size: 19px;
padding-right: 20px;
position: relative;
z-index: 9999999;
top: 14px;
word-spacing: 2px;
padding-left: 20px;
}

ul#nav li a:hover {
color: #7327ae;
text-decoration: none;
}

ul#nav li.current_page_item a, ul#nav li.current_page_parent a {
color: #7327ae;
}

/* Sub Styles */

ul#nav li .sub {
position: absolute;
top: 35px;
left: 0;
width: 147px;
float: left;
display: none;
padding: 0px;
margin: 0px;
}

ul#nav li .sub .sub_top {
float: left;
background: transparent url(images/sub_top.png) no-repeat;
width: 147px;
height: 17px;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
zoom: 1;
}

ul#nav li .sub_repeat {
float: left;
background: transparent url(images/sub_repeat.png) repeat-y;
width: 147px;
padding-bottom: 15px;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
zoom: 1;
}

ul#nav li .sub .sub_btm {
float: left;
background: transparent url(images/sub_btm.png) no-repeat;
width: 147px;
height: 5px;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
zoom: 1;
}

ul#nav ul.sub-menu {
display: none;
}

ul#nav ul.sub-menu li {
color: #FFF;
background: none;
padding: 0px 5px 15px 0px;
padding-left: 0px !important;
font-size: 12px !important;
color: #FFF;
font-size: 15px !important;
}

ul#nav ul.sub-menu li a {
float: none;
text-indent: 0; 
height: auto; 
display: block;
text-decoration: none;
margin: 0px;
padding-left: 15px;
color: #FFF;
font-size: 15px !important;
border-right: none;
word-spacing: 1px;
}

ul#nav ul.sub-menu li a:hover {
margin: 0px;
text-decoration: none;
color: #ABABAB !important;
}

/* Search Styles */

#search {
float: right;
width: 162px;
height: 29px;
position: relative;
top: 6px;
right: 10px;
}

#search input[type=text] {
float: left;
background: transparent url(images/search_input.png) no-repeat;
width: 125px;
height: 23px;
padding: 3px;
border: none;
margin: 0px;
}

#search input[type=submit] {
float: left;
background: transparent url(images/search_btn.png) no-repeat;
width: 31px;
height: 29px;
cursor: pointer;
border: none;
margin: 0px;
}

/* Contact Now Styles */

#contact_now {
float: right;
position: relative;
top: 130px;
left: 450px;
z-index: 0;
}

#contact_now #googleplus {
float: left;
position: relative;
top: 5px;
left: -120px;
cursor: pointer !important;
}

#contact_now #facebook {
float: left;
position: relative;
top: 3px;
left: -160px;
width: 20px;
height: 40px;
cursor: pointer !important;
}

#contact_now a {
background: url(images/icon_mail.png) no-repeat;
width: 64px;
height: 59px;
position: absolute;
top: 0px;
float: left;
left: -10px;
text-indent: -9999px; 
}

/* Input Styles */

.input-button {
float: left;
color: #FFF;
background: transparent url(images/sprite.png) no-repeat;
background-position: -68px 0px;
width: 100px;
height: 28px;
text-align: center;
border: none;
cursor: pointer;
padding-top: 8px;
font-size: 14px;
}

.input-button:hover {
background-position: -68px -28px;
}

/* Sucess/Error Styles */

.error {
float: left;
margin-bottom: 10px;
line-height: 16px;
padding: 5px;
border: 1px solid #e8aaad;
background-color: #f9e5e6;
color:#b50007;
display: none;
}

.success {
float: left;
margin-bottom: 10px;
font-family: Arial;
line-height: 19px;
padding: 5px;
border: 1px solid #b4e8aa;
background-color: #e9f9e5;
color:#47A157;
display: none;
}

/* Slideshow Styles */

.slogan {
float: left;
width: 930px;
margin-top: 0px;
position: relative;
margin-bottom: 10px;
height: 288px;
}

.slogan .slogan_img {
float: left;
width: 630px;
height: 288px;
display: block;
background: url(images/slideshow_bg.png) no-repeat;
position: absolute;
z-index: 1;
}

.slogan img {
float: left;
width: 628px;
height: 284px;
position: relative;
z-index: 0;
}

.slogan .slogan_content {
float: left;
width: 260px;
height: 288px;
background: url(images/slideshow_text_bg.png) no-repeat;
color: #FFF;
padding: 20px;
}

.slogan_content h1 {
font-size: 14px;
color: #545353;
line-height: 22px;
border-left: 5px solid #CCC;
padding-left: 10px;
margin-bottom: 15px;
}

.slogan_content p {
line-height: 24px;
color: #8b8b8b;
}

#slideshow .slide_title {
display: block;
font-size: 18px;
margin-bottom: 10px;
}

#slideshow .slideshow_text p {
line-height: 24px;
color: #8b8b8b;
}

#slideshow .slideshow_text h3 {
font-size: 18px;
margin-bottom: 10px;
color: #7125ac;
}

.iwebix_font {
}

#slideshow .slideshow_text .more a {
float: right;
color: #FFF;
margin-top: 20px;
background: transparent url(images/sprite.png) no-repeat;
background-position: -68px 0px;
width: 100px;
height: 20px;
text-align: center;
padding-top: 8px;
font-size: 14px;
}

#slideshow .slideshow_text .more a:hover {
background-position: -68px -28px;
text-decoration: none;
}

#slideshow #prev {
background: transparent url(images/sprite.png) no-repeat;
background-position: 0px -82px;
width: 8px;
z-index: 10;
height: 13px;
position: absolute;
right: 40px;
cursor: pointer;
top: 10px;
}

#slideshow #prev:hover {
background-position: 0px -94px;
}

#slideshow #next {
background: transparent url(images/sprite.png) no-repeat;
background-position: -18px -82px;
width: 8px;
z-index: 10;
height: 13px;
position: absolute;
right: 10px;
top: 10px;
cursor: pointer;
}

#slideshow #next:hover {
background-position: -18px -94px;
}

#slideshow #pause {
background: transparent url(images/sprite.png) no-repeat;
background-position: -9px -82px;
width: 8px;
z-index: 10;
height: 13px;
position: absolute;
right: 25px;
top: 10px;
cursor: pointer;
}

#slideshow #pause:hover {
background-position: -9px -94px;
}

#slideshow #resume {
background: transparent url(images/sprite.png) no-repeat;
background-position: -26px -82px;
width: 6px;
z-index: 10;
height: 13px;
position: absolute;
right: 25px;
top: 10px;
cursor: pointer;
}

#slideshow #resume:hover {
background-position: -26px -94px;
}

/* Content Styles */

#content {
float: left;
width: 970px;
margin-top: 0px;
position: relative;
left: -1px;
z-index: 10;
}

/* Three Column Styles */

.three_columns #content_top {
float: left;
width: 934px;
background: transparent url(images/content_3_top.png) no-repeat;
height: 7px;
}

.three_columns #content_repeat {
float: left;
width: 970px;
background: transparent url(images/content_3_repeat.png) repeat-y;
}

.three_columns #content_btm {
float: left;
width: 934px;
background: transparent url(images/content_3_btm.png) no-repeat;
height: 10px;
position: relative;
}

.three_columns #content_right {
float: left;
width: 740px;
}

.three_columns .content_middle {
float: left;
width: 475px;
margin-right: 22px;
margin-top: 10px;
}

#content .content {
margin: 0px 5px;
}

/* Two Column Styles */

.two_columns #content_top {
float: left;
width: 934px;
background: transparent url(images/content_2_top.png) no-repeat;
height: 7px;
}

.two_columns #content_repeat {
float: left;
width: 954px;
background: transparent url(images/content_2_repeat.png) repeat-y;
}

.two_columns #content_btm {
float: left;
width: 934px;
background: transparent url(images/content_2_btm.png) no-repeat;
height: 10px;
position: relative;
}

.two_columns #content_left {
float: left;
width: 690px;
margin-left: 15px;
margin-top: 10px;
margin-right: 18px;
}

.two_columns .content {
width: 690px;
float: left;
}

/* Frontpage Icons */

.front_icons {
float: left;
width: 485px;
margin-bottom: 15px;
}

.front_icons .single_icon {
float: left;
width: 160px;
margin-right: 10px;
margin-bottom: 10px;
}

.front_icons .single_icon .icon_title {
margin-top: 7px;
float: left;
word-spacing: 2px;
font-size: 15px;
margin-bottom: 5px !important; 
width: 160px;
}

.front_icons .single_icon p {
float: left;
width: 160px;
margin-top: 0px;
line-height: 17px;
}

.front_icons .konzept {
float: left;
background: url(images/icon_konzept.png) no-repeat left center;
padding-left: 70px;
}

.front_icons .design {
float: left;
background: url(images/icon_design.png) no-repeat left center;
padding-left: 70px;
}

.front_icons .coding {
float: left;
background: url(images/icon_programmieren.png) no-repeat left center;
padding-left: 70px;
}

.front_icons .seo {
float: left;
background: url(images/icon_seo.png) no-repeat left center;
padding-left: 70px;
}

#content .content h1 {
font-size: 20px;
word-spacing: 3px;
text-transform: uppercase;
margin-bottom: 10px;
}

#content .content h2 {
font-size: 16px;
word-spacing: 3px;
text-transform: uppercase;
margin-bottom: 10px;
margin-top: 10px;
display: block;
}

/* Content Slider */

.full_text_content p {
padding-bottom: 10px;
}

.full_text_content .read_more_close a {
float: right;
position: relative;
top: -5px;
}

#content_slider {
float: left;
width: 475px;
position: relative;
background-color: #FFF !important;
background: none;
}

#content_slider .content_slider {
float: left;
width: 475px;
position: relative;
margin-top: 2px;
background-color: #FFF !important;
background: none;
padding-bottom: 15px;
}

#content_slider .content_slider p {
padding-bottom: 5px;
}

#content_slider .content_slider a {
color: #4f4f4f;
text-decoration: none;
}

.content_slider ul {
float: left;
margin-left: 20px;
width: 455px;
}

.content_slider ul li {
float: left;
width: 455px;
}

#content_slider #prev_content {
background: transparent url(images/sprite.png) no-repeat;
background-position: 0px -82px;
width: 8px;
z-index: 10;
height: 13px;
position: absolute;
right: 25px;
cursor: pointer;
}

#content_slider #prev_content:hover {
background-position: 0px -94px;
}

#content_slider #next_content {
background: transparent url(images/sprite.png) no-repeat;
background-position: -18px -82px;
width: 8px;
z-index: 10;
height: 13px;
position: absolute;
right: 10px;
cursor: pointer;
}

#content_slider #next_content:hover {
background-position: -18px -94px;
}

/* Subpage Styles */

.subpage h1 {
font-size: 24px !important;
}

p.first:first-letter {
font-size: 16px;
font-weight: bold;
}

.subpage p {
padding-bottom: 10px;
}

.subpage .content_image img {
margin-bottom: 10px;
}

.subpage h5 {
float: left;
width: 455px;
font-size: 13px;
font-weight: normal;
margin-top: 0px;
position: relative;
top: -8px;
margin-bottom: 10px;
font-style: italic;
}

.subpage h3 {
font-size: 15px;
display: block;
width: 100%;
clear: both;
margin-bottom: 10px;
}

.subpage ul {
float: left;
margin-left: 5px;
margin-bottom: 10px;
}

.subpage ul li {
line-height: 20px;
margin-bottom: 5px;
float: left;
width: 455px;
margin-left: 10px;
}

.subpage ul li.ablauf {
background: url(images/icon_arrow.png) no-repeat left center;
padding-left: 20px;
list-style: none;
margin-left: 0px;
}

/* Referenzen Styles */

#referenzen {
float: left;
margin-top: 10px;
width: 690px;
}

.referenz {
float: left;
width: 690px;
margin-bottom: 20px;
padding-bottom: 5px;
border-bottom: 1px solid #CCC;
}

.referenz #images {
float: left;
width: 340px;
}

.referenz #images img {
float: left;
border: 1px solid #c2c0c0;
}

.referenz #images #big ul {
margin-left: -10px;
}

.referenz #images #big ul li {
float: left;
list-style: none;
}

.referenz #images .big_overlay {
width: 332px;
position: absolute;
float: left;
height: 240px;
background-color: #000;
opacity:0.6;
filter: alpha(opacity=60);
display: none;
z-index: 20;
}

.referenz #images .big_overlay:hover {
cursor: pointer;
}


.referenz #images .big_overlay .loupe {
text-align: center;
vertical-align: middle;
background: url(images/icon_loupe.png) no-repeat center center;
width: 332px;
height: 240px;
float: left;
}

.referenz #images #thumbs {
float: left;
margin-left: 35px;
margin-top: 10px;
position: relative;
clear: both;
width: 272px;
}

.referenz #images #thumbs ul li {
float: left;
list-style: none;
width: 76px !important;
margin: 0px;
padding: 0px;
margin-right: 12px;
position: relative;
}

.referenz #images #thumbs ul li img {
cursor: pointer;
width: 76px;
height: 74px;
}

.referenz #images #thumbs ul li img:hover {
border: 1px solid #7327ad;
}

.referenz #images #thumbs a#prev_thumb {
position: relative;
float: left;
background: url(images/sprite.png) no-repeat;
width: 16px;
height: 16px;
background-position: -34px -82px;
top: -45px;
left: -30px;
}

.referenz #images #thumbs a#prev_thumb:hover {
background-position: -34px -98px;
}

.referenz #images #thumbs a#next_thumb {
position: relative;
float: right;
background: url(images/sprite.png) no-repeat;
width: 18px;
height: 16px;
background-position: -50px -82px;
top: -45px;
left: 25px;
}

.referenz #images #thumbs a#next_thumb:hover {
background-position: -50px -98px;
}

#description {
float: left;
width: 330px;
margin-left: 20px;
}

#description h2 {
float: left;
width: 330px;
font-size: 16px;
margin-bottom: 0px !important;
word-spacing: 2px;
}

#description .info {
float: left;
width: 330px;
font-size: 11px;
font-style: italic;
margin-top: 3px;
}

#description p {
float: left;
width: 330px;
margin-top: 15px;
margin-bottom: 15px;
}

#description .leistungen {
float: left;
background: url(images/icon_leistungen.png) no-repeat left center;
padding: 5px 0px;
padding-left: 45px;
font-size: 11px;
line-height: 15px;
margin-bottom: 10px;
}

#description .link {
float: left;
background: url(images/icon_link.png) no-repeat left center;
padding: 5px 0px;
padding-left: 45px;
font-size: 11px;
line-height: 15px;
}

/* Blog Styles */

#blog {
margin-top: 10px;
width: 690px;
float: left;
}

.article {
float: left;
width: 690px;
margin-bottom: 45px;
}

.article .top_info {
float: left;
width: 690px;
margin-bottom: 20px;
}

.article .top_info .date {
float: left;
width: 80px;
margin-top: 15px;
}

.article .top_info .date .author {
text-transform: uppercase;
position: relative;
top: 10px;
}

.article .top_info .meta_info {
float: left;
width: 580px;
border-left:  1px solid #d8d8d8;
}

.article .top_info .meta_info .tags {
float: left;
width: 580px;
border-bottom: 1px solid #d8d8d8;
padding: 10px 0px;
padding-left: 15px;
}

.article .top_info .meta_info .tags a {
color: #917ca2;
}

.article .top_info .meta_info .the_tags {
float: left;
width: 380px;
}

.article .top_info .meta_info .fb {
float: right;
width: 130px;
height: 21px;
}

.article .top_info .meta_info h2 {
float: left;
width: 580px;
padding: 10px 0px;
padding-left: 15px;
font-size: 22px;
}

.article .thumbnail {
float: left;
width: 200px;
margin-right: 20px;
}

.article .thumbnail img {
float: left;
width: 198px;
height: 190px;
border: 1px solid #CCC;
padding: 3px;
}

.article .excerpt {
float: left;
width: 470px;
}

.article .readmore {
font-weight: bold;
margin-left: 10px;
}

.article p {
line-height: 24px !important;
padding-bottom: 10px;
}

.article a.banner img {
border: 1px solid #CCC;
padding: 5px;
}

.article .content {
float: left;
width: 670px;
}

.article .content h2 {
font-size: 22px;
margin: 15px 0px;
}

.article .content h3 {
font-size: 19px;
margin: 10px 0px;
}

.article .content ul, .article .content ol {
margin: 10px 0px 0px 15px;
}

.article .content ul li, .article .content ol li {
padding-bottom: 7px;
line-height: 18px;
}

.article .download_item a {
float: left;
background: url(images/icon_download.png) no-repeat left center;
padding: 15px 0px 15px 50px;
width: 670px;
margin: 10px 0px;
}

.article .sub_info {
float: left;
width: 680px;
margin-top: 20px;
border-bottom: 1px solid #d8d8d8;
border-right: 1px solid #d8d8d8;
padding: 10px 0px 5px 0px;
}

.article .sub_info .categories {
margin-right: 5px;
float: left;
}

.article .sub_info .categories a {
color: #917ca2;
}

.article .fat {
width: 650px !important;
}

.article .sub_info .comments {
float: right;
margin-right: 5px;
}

.gallery {
padding: 0px 0 0px 10px;
float: left;
width: 690px;
margin-top: 10px;
}

.gallery ul {
margin: 0;
padding: 0;
list-style: none;
display: block;
}

.gallery li {
border: 1px solid #CCC;
width: 200px !important;
height: 150px;
padding: 3px;
margin-right: 3px !important; 
display: block;
float: left;
}

.clearfix {
float: none;
clear: both;
}

.article .post_highlight {
padding: 10px;
background-color: #FFF9B1;
border: 1px solid #DFBC83;
margin: 10px 0px;
color: #87721F !important;
padding-bottom: 0px;
}

.article .post_gallery {
margin-top: 40px;
float: left;
width: 690px;
margin-bottom: 15px;
}

.article .post_gallery h3 {
font-size: 20px;
}

.article .post_gallery a#prev_post {
position: relative;
float: left;
background: url(images/sprite.png) no-repeat;
width: 16px;
height: 16px;
background-position: -34px -82px;
top: -85px;
left: -5px;
}

.article .post_gallery a#prev_post:hover {
background-position: -34px -98px;
}

.article .post_gallery a#next_post {
position: relative;
float: right;
background: url(images/sprite.png) no-repeat;
width: 18px;
height: 16px;
background-position: -50px -82px;
top: -85px;
left: 3px;
}

.article .post_gallery a#next_post:hover {
background-position: -50px -98px;
}

.article .feature_list {

}

.article .feature_list ul {
background-color: #F5F5F5;
border: 1px solid #EEE;
padding: 15px;
float: left;
margin-bottom: 15px;
margin-left: 0px;
}

.article .feature_list ul li {
background: transparent url(images/icon_haken.png) no-repeat left center;
float: left;
line-height: 20px;
list-style: none;
padding-left: 25px;
width: 600px;
margin: 0px;
padding-top: 7px;
}

/* Comment Styles */


#comments {
float: left;
width: 680px;
margin-top: 0px;
}

#comments h3 {
margin-bottom: 20px;
font-size: 18px;
margin-top: 0px;
}

.commentlist {
padding-top: 10px;
list-style: none !important;
display: block;
}

li.comment {
background: none;
margin: 0px !important;
padding-left: 0px !important;
list-style: none !important;
display: block;
}

.comment-reply-link {
font-size: 8px;
text-transform: uppercase;
font-family: Tahoma;
padding: 0px 8px 1px 8px;
position: absolute;
left: 0px;
bottom: 0px;
background: #f9f9f9;
border-top: 1px solid #e8e8e8;
border-right: 1px solid #e8e8e8;
text-decoration: none !important;
}

.commentlist .children > li {
border-left: 1px solid #cacaca;
padding-left: 30px !important;
padding-bottom: 10px;
width: auto;
margin: 0;
list-style: none;
display: block;
background: transparent url(images/comment_left.png) no-repeat 0 20px;
}

.commentlist .comment-body {
background: #fff;
border: 1px solid #dfdfdf;
padding: 30px !important;
position: relative;
margin-bottom: 10px;
padding-right: 150px;
overflow: hidden;
min-height: 80px;
display: block;
}

.commentlist .highlighted > .comment-body {
background: #ccc;
border: none;
padding: 1px !important;
}

.commentlist .highlighted > .comment-body .wrap-comment {
border: solid 3px #efefef;
background: #fff;
margin-bottom: 0px;
overflow: visible;
padding: 30px;
padding-right: 150px;
}
.commentlist .children .highlighted > .comment-body .wrap-comment {
padding: 20px !important;
padding-left: 90px !important;
}
	    
.commentlist .children {
margin-bottom: 10px;
display: block;
}

.commentlist .comment-body .avatar {
position: absolute;
right: 30px;
top: 30px;
float: left;
}

.commentlist .comment-body .commentmetadata {
font-size: 11px;
font-style: italic;
padding-top: 5px;
float: left;
display: block;
}

.commentlist .comment-body p {
float: left;
padding-right: 90px;
width: 80%;
display: block;
}

.commentlist .comment-body .commentmetadata a {
color: #989898;
}

.commentlist .comment-body .comment-meta .comment-edit-link {

}

.commentlist .comment-body .fn {
font-family: Helvetica, Arial;
font-size: 16px;
font-weight: bold;
float: left;
margin: 0px;
font-style: normal;
padding-right: 5px;
padding-bottom: 5px;
}

li.pingback .comment-body .fn {
font-size: 13px !important;
}

.commentlist .children .comment-body {
padding: 20px;
padding-left: 90px;
min-height: 90px;
margin-bottom: 0px;
}

.commentlist .children li > .comment-body {
margin-bottom: 10px;
}

.commentlist .children .comment-body .avatar {
width: 50px;
height: 50px;
position: absolute;
right: auto;
left: 20px;
top: 20px;
}

.commentlist .children .comment-body {
padding-left: 90px !important;
}

.commentlist .children .comment-body p {
padding-right: 20px !important;
}

.commentlist .children .comment-body .commentmetadata {
padding-top: 3px;
}

.commentlist .children .comment-body .fn {
font-size: 14px;
}

.commentlist .comment-body .says {
display: none;
}

.comments-navigation {

}

.comments-navigation .alignleft {
float: left;
}

.comments-navigation .alignright {
float: right;
}

#respond {
overflow: hidden;
position: relative;
display: block;
clear: left;
}

#respond h3 {
padding-top: 20px;
padding-bottom: 20px;
word-spacing: 2px;
font-size: 18px;
margin: 0;
}

h1.comments-header span {
color: #5f5f5f;
font-size: 30px;
}

#respond form {
padding: 10px 15px 0px 15px;
background: #fff;
border: 1px solid #dfdfdf;
overflow: hidden;
position: relative;
margin-bottom: 15px;
display: block;
}

.commentlist #respond {
margin-bottom: 10px;
}

.commentlist .children #respond {
margin: 10px 0;
}

.commentlist #respond h1 {
display: none;
}

#respond p.input_block {
margin: 15px;
float: left;
width: 209px;
padding-bottom: 0px;
}

#respond p.input_block input {
background: #fdfdfd;
border: 1px solid #d6d6d6;
padding: 8px 5px;
font-size: 12px;
width: 199px;
font-family: Arial, Helvetica, sans-serif;
}

.children #respond p.input_block {
width: 199px;
}

.children #respond p.input_block input {
width: 188px;
}

.children .children #respond p.input_block {
width: 189px;
}

.children .children #respond p.input_block input {
width: 178px;
}

.children .children .children #respond p.input_block {
width: 179px;
}

.children .children .children #respond p.input_block input {
width: 168px;
}

#respond p.textarea_block {
margin: 15px;
float: left;
width: 690px;
padding-bottom: 0;
}

#respond p.textarea_block textarea {
background: #fdfdfd;
border: 1px solid #d6d6d6;
padding: 8px 5px;
font-size: 12px;
width: 678px;
font-family: Arial, Helvetica, sans-serif;
}

.children #respond p.textarea_block {
width: 660px;
}

.children #respond p.textarea_block textarea {
width: 647px;
}

.children .children #respond p.textarea_block {
width: 630px;
}

.children .children #respond p.textarea_block textarea {
width: 616px;
}

.children .children .children #respond p.textarea_block {
width: 600px;
}

.children .children .children #respond p.textarea_block textarea {
width: 585px;
}

#respond label {
display: block;
color: #5d5d5d;
font-family: Helvetica, Arial;
font-size: 13px;
padding-bottom: 10px;
}

input#add_comment {
float: right;
padding: 6px 9px 6px 9px;
margin-right: 15px;
text-shadow: 0 1px 0 #333;
color: #fff;
cursor: pointer;
font-size: 12px;
margin-top: 10px;
}

input:hover#add_comment {
background: #e6e6e6;
text-shadow: 0 1px 0 #fff;
border: 1px solid #b3b3b3;
color: #000 !important;
}

.cancel-comment-reply a {
font-size: 8px;
text-transform: uppercase;
font-family: Tahoma;
padding: 0px 8px 1px 8px;
position: absolute;
left: 0px;
bottom: 0px;
background: #f9f9f9;
border-top: 1px solid #e8e8e8;
border-right: 1px solid #e8e8e8;
text-decoration: none !important;
}

#comments form#commentform {}

#comments form#commentform label {
float: left;
margin-bottom: 10px;
margin-left: 15px;
padding-top: 7px;
}

#comments form#commentform input {
float: left;
width: 200px;
margin-bottom: 15px;
padding: 7px 5px;
border: 1px solid #CCC;
clear: both;
}

#comments form#commentform textarea {
float: left;
margin-bottom: 15px;
padding: 7px 5px;
border: 1px solid #CCC;
clear: both;
}

#comments form#commentform .button {
float: left;
margin-bottom: 15px;
clear: both;
width: 100px;
border: none;
padding: 4px 5px 5px 5px;
height: 28px;
}

/* Contact Styles */

#contact_extended {
float: left;
width: 700px;
}

#contact_extended .loader {
background: transparent url(images/ajax-loader.gif) no-repeat center;
width: 700px;
height: 80px;
display: block;
position: relative;
z-index: 999;
float: left;
display: none;
}

#contact_extended #extended_success, #contact_extended #extended_error {
width: 640px;
}

#contact_extended form {
float: left;
width: 650px;
background-color: #F7F7F7;
padding: 15px;
margin-bottom: 10px;
}

#contact_extended label {
float: left;
width: 640px;
font-size: 13px;
font-style: italic;
padding-bottom: 5px;
border-bottom: 1px solid #EEE;
margin-bottom: 10px;
}

#contact_extended input {
float: left;
width: 300px;
padding: 4px 5px;
border: 1px solid #CCC;
font-size: 12px;
margin-bottom: 15px;
clear: both;
}

#contact_extended textarea {
float: left;
width: 400px;
height: 150px;
padding: 4px 5px;
border: 1px solid #CCC;
font-size: 12px;
margin-bottom: 15px;
display: block;
}

#contact_extended textarea.smaller {
width: 400px;
height: 70px;
}

input.check {
display: none;
}

#contact_extended .submit_cont {
float: left;
width: 680px;
}

#contact_extended input[type=submit] {
clear: both !important;
float: left;
margin-top: 0px;
}

/* Sidebar Styles */

#content .sidebar {
width: 200px;
padding: 10px 13px;
}

#content #sidebar_left {
float: left;
}

#content #sidebar_right {
float: left;
left: 10px;
}

#content .sidebar .phone {
float: left;
background: url(images/icon_phone.png) no-repeat left center;
padding-left: 40px;
font-size: 15px;
margin: 5px 0px;
}

#content .sidebar address {
float: left;
line-height: 18px;
background: url(images/icon_home.png) no-repeat left center;
padding-left: 40px;
font-size: 12px;
font-style: normal;
margin: 5px 0px;
}

#content .sidebar .mail {
float: left;
background: url(images/icon_contact.png) no-repeat left center;
padding-left: 40px;
font-size: 12px;
margin: 5px 0px;
line-height: 18px;
}

/* Was passt zu mir Styles */

#content .sidebar #was_passt {
float: right;
width: 210px;
height: 98px;
background: transparent url(images/news_bg.png) no-repeat;
position: relative;
top: -25px;
right: -28px;
padding: 10px 10px;
margin-bottom: -25px;
}

#content .sidebar #was_passt h2 {
float: left;
margin-top: 15px;
font-size: 17px;
word-spacing: 1px;
margin-left: 7px;
width: 210px;
}

#content .sidebar #was_passt p {
float: left;
font-size: 11px;
line-height: 14px;
margin-left: 7px;
margin-top: 3px;
width: 210px;
}

.button {
float: left;
color: #FFF !important;
background: transparent url(images/sprite.png) no-repeat;
background-position: -68px -28px;
width: 100px;
height: 20px;
text-align: center;
border: none;
cursor: pointer;
padding-top: 8px;
font-size: 14px;
}

a.button {
color: #FFF !important;
}

.button:hover {
background-position: -68px 0px;
color: #FFF;
}

#content .sidebar #was_passt .button {
margin-top: 2px;
margin-right: 0px;
float: right;
}

#test_overlay {
background-color: #000;
}

#mask {
position:absolute;
left:0;
top:0;
z-index:9000;
background-color:#000;
display:none;
}
  
.webdesign_test {
width: 607px;
height: 1200px;
display:none;
float: left;
}

#test_container {
float: left;
position: relative;
}

.webdesign_test #test_error {
float: left;
width: 565px;
}

.webdesign_test .overlay_top {
float: left;
width: 607px;
height: 7px;
background: transparent url(images/overlay_top.png) no-repeat;
}

.webdesign_test .overlay_repeat {
float: left;
width: 577px;
padding: 15px;
background: transparent url(images/overlay_repeat.png) repeat-y;
}

.webdesign_test .the_test {
float: left;
width: 580px;
}

.webdesign_test .the_test h1 {
float: left;
width: 580px;
font-size: 23px;
word-spacing: 2px;
}

.webdesign_test .the_test .info {
float: left;
width: 515px;
margin-top: 15px;
padding: 10px;
color: #7c6608;
background: #fff8da url(images/icon_warning.png) no-repeat right center;
padding-right: 50px;
border: 1px solid #e6c124;
margin-bottom: 15px;
}

.webdesign_test form {
float: left;
width: 565px;
}

.webdesign_test .question {
float: left;
width: 555px;
padding: 10px;
background-color: #FFFFFF;
border: 1px solid #DFDFDF;
margin-bottom: 10px;
}

.webdesign_test label {
float: left;
clear: both;
font-size: 13px;
font-style: italic;
margin-bottom: 10px;
width: 565px;
line-height: 19px;
}

.webdesign_test input[type=radio] {
float: left;
font-size: 11px;
}

.webdesign_test .radio_desc {
float: left;
font-size: 11px;
padding-top: 3px;
margin-left: 5px;
margin-right: 10px;
}

.webdesign_test .overlay_btm {
float: left;
width: 607px;
height: 8px;
background: transparent url(images/overlay_btm.png) no-repeat;
}

/* Anfrage Success */

.webdesign_test .success_close {
float: left;
width: 555px !important;
padding: 10px;
color: #7c6608;
background-color: #f3ffdb;
border: 1px solid #aec77b;
margin-bottom: 15px;
}

.webdesign_test .success_close h1 {
font-size: 23px;
color: #364d09;
margin-bottom: 10px;
word-spacing: 2px;
width: 555px;
}

.webdesign_test .success_close p {
float: left;
width: 555px;
color: #3b3b3b;
margin-bottom: 15px;
}

.simplemodal-wrap {
}

/* Testresultat */

.webdesign_test .result {
float: left;
width: 555px;
padding: 10px;
color: #7c6608;
background-color: #f3ffdb;
border: 1px solid #aec77b;
margin-bottom: 15px;
}

.webdesign_test #anfrage_error, .webdesign_test #anfrage_success {
float: left;
width: 545px;
}

.webdesign_test .result h1 {
font-size: 23px;
color: #364d09;
margin-bottom: 10px;
word-spacing: 2px;
width: 555px;
}

.webdesign_test .result h4 {
font-size: 15px;
font-weight: bold;
margin-bottom: 10px;
width: 555px;
color: #3b3b3b;
}

.webdesign_test .result p {
float: left;
width: 555px;
color: #3b3b3b;
margin-bottom: 15px;
}

.webdesign_test .result form {
float: left;
width: 430px;
}

.webdesign_test .result label {
float: left;
width: 150px;
font-size: 13px;
font-style: normal;
margin-bottom: 15px;
padding-top: 5px;
color: #3b3b3b;
}

.webdesign_test .result input {
float: left;
border: 1px solid #3b3b3b;
padding: 4px 4px;
font-size: 11px;
margin-left: 10px;
margin-bottom: 15px;
width: 250px;
}

.webdesign_test .result textarea {
border: 1px solid #3b3b3b;
padding: 3px 4px;
font-size: 11px;
margin-bottom: 15px;
width: 250px;
height: 65px;
margin-left: 10px;
float: left;
}

.webdesign_test .result .input-button {
clear: both !important;
float: right !important;
margin-right: 2px;
display: block;
}

.webdesign_test .result .submit_container {
float: left;
width: 430px;
}

.bClose {
float: right;
position: absolute;
background: transparent url(images/icon_close.png) no-repeat;
width: 25px;
height: 25px;
cursor: pointer;
top: -8px;
right: -5px;
}

#content .sidebar #contact_error {
width: 170px;
font-size: 11px;
display: none;
}

#content .sidebar #contact_success {
width: 170px;
font-size: 11px;
display: none;
}

.contact_form .loader {
background: transparent url(images/ajax-loader.gif) no-repeat center;
width: 190px;
height: 80px;
display: block;
position: relative;
z-index: 999;
float: left;
display: none;
}

#content .sidebar .call {
font-size: 17px;
background: url(images/icon_phone.png) no-repeat;
padding: 1px 0px 5px 35px;
margin-bottom: 15px;
float: left;
}

#content .sidebar label {
float: left;
clear: both;
width: 200px;
font-size: 12px;
margin-bottom: 3px;
padding-top: 5px;
}

#content .sidebar input {
float: left;
border: 1px solid #9E9E9E;
padding: 4px 4px;
font-size: 11px;
margin-bottom: 7px;
width: 170px;
}

#content .sidebar select {
float: left;
margin-bottom: 7px;
position: relative;
left: -2px;
}

#content .sidebar textarea {
border: 1px solid #9E9E9E;
padding: 3px 4px;
font-size: 11px;
margin-bottom: 7px;
width: 170px;
height: 65px;
clear: both;
}

#content .sidebar .input-button {
float: right;
margin-top: 5px;
margin-right: -3px;
}

#content .sidebar h3 {
font-size: 17px;
text-transform: uppercase;
padding-left: 15px;
padding-top: 8px;
margin: 10px 0px 0px 0px;
float: left;
position: relative;
word-spacing: 1px;
height: 31px;
color: #FFF;
width: 200px;
}

#content .sidebar h3.left {
background: transparent url(images/title_bg_left.png) no-repeat left center;
left: -20px;
}

#content .sidebar h3.right {
background: transparent url(images/title_bg_right.png) no-repeat left center;
left: -12px;
}


#content .sidebar h3.first {
margin-top: -5px;
}

#content .sidebar p {
float: left;
width: 180px;
}

#content .sidebar ul.haken {
margin-left: 5px;
float: left;   
}

#content .sidebar ul.haken li {
margin-bottom: 5px;
float: left;
margin-left: 0px !important;
padding: 5px 0px;
width: 200px;
border-bottom: none !important;
list-style: none;
background: url(images/icon_haken.png) no-repeat left center;
padding-left: 30px;
}

/* Widget Sidebar */

.sidebar_widgets {
float: left;
width: 180px;
margin: 0px;
list-style: none;
}

.sidebar_widgets a {
color: #917ca2;
}

ul.sidebar_widgets li ul {
list-style: none;
float: left;
}

ul.sidebar_widgets li ul li {
padding: 5px 0px;
border-bottom: 1px solid #EEE;
width: 165px;
margin-bottom: 5px;
list-style: square;
list-style-position: inherit;
margin-left: 13px;
line-height: 18px;
}

ul.sidebar_widgets li ul li a {
color: #917ca2;

}

/* Footer */

#footer_bg {
float: left;
background: url(images/bg_btm.jpg) no-repeat center top;
position: relative;
min-height: 290px;
top: -20px;
right: 10px;
z-index: 0;
}

#footer {
float: left;
width: 937px;
position: relative;
top: 20px;
left: 6px;
margin-top: 10px;
z-index: 5;
}

#pin {
position: absolute;
float: left;
text-align: center;
background: transparent url(images/pin_footer.png) no-repeat bottom center;
width: 59px;
height: 64px;
left: 450px;
top: -10px;
z-index: 55; 
}

#footer #footer_top {
float: left;
width: 937px;
height: 10px;
background: transparent url(images/footer_bg_top.png) no-repeat;
}

#footer #footer_repeat {
float: left;
width: 937px;
background: transparent url(images/footer_bg_repeat.png) repeat-y;
padding-bottom: 25px;
}

#footer #logo_slider {
float: left;
width: 900px;
height: 84px;
margin-left: 40px;
margin: 20px 0px 0px 40px;
}

#footer #logo_slider ul#slider {
list-style: none;
float: left;
height: 84px;
}

#footer #logo_slider ul#slider li {
float: left;
width: 50px;
display: block;
margin-right: 20px;
height: 84px;
}

#footer #logo_slider a#next_slide {
position: absolute;
float: right;
background: transparent url(images/sprite.png) no-repeat;
background-position: -33px 0px;
width: 34px;
height: 40px;
top: 55px;
right: -5px;
}

#footer #logo_slider a#next_slide:hover {
background-position: -33px -41px;
}

#footer #logo_slider a#prev_slide {
position: absolute;
float: left;
background: transparent url(images/sprite.png) no-repeat;
background-position: 0px 0px;
width: 34px;
height: 40px;
top: 55px;
left: -5px;
}

#footer #logo_slider a#prev_slide:hover {
background-position: 0px -41px;
}

#footer #footer_btm {
float: left;
width: 937px;
height: 10px;
background: transparent url(images/footer_bg_btm.png) no-repeat;
}

#footer .footer_nav {
float: left;
color: #666565;
font-size: 11px;
margin-top: 5px;
margin-left: -5px;
}

#footer .footer_nav ul {
float: left;
list-style: none;
color: #666565;
}

#footer .footer_nav ul li {
float: left;
color: #666565;
margin-right: 5px;
}

#footer .footer_nav ul li a {
color: #666565;
word-spacing: 1px;
font-size: 11px;
}

#footer .footer_nav ul li a:hover {
color: #969696;
}

#footer #news {
float: right;
width: 210px;
height: 98px;
background: transparent url(images/news_bg.png) no-repeat;
position: relative;
top: -25px;
right: -2px;
padding: 10px 10px;
}

#footer #news h2 {
float: left;
margin-top: 10px;
font-size: 17px;
margin-left: 10px;
width: 210px;
}

#footer #news ul#news_slider {
float: left;
list-style: none;
margin-left: 10px;
margin-top: 10px;   
}

#footer #news ul#news_slider li {
float: left;
width: 210px;
height: 80px;
}

#footer #news ul#news_slider li img {
border: 1px solid #d8cf5d;
float: left;
width: 71px;
height: 50px;
}

#footer #news ul#news_slider li .news_title a {
float: left;
color: #666565;
font-size: 13px;
width: 120px;
margin-left: 8px;
margin-bottom: 0px;
}

#footer #news ul#news_slider li p {
float: left;
font-size: 11px;
color: #666565;
font-weight: normal;
margin-top: 3px;
line-height: 14px;
margin-left: 8px;
width: 120px;
}

#footer #news a#next_news {
background: transparent url(images/sprite.png) no-repeat;
background-position: -18px -82px;
width: 8px;
z-index: 10;
height: 13px;
position: absolute;
right: 10px;
float: right;
top: 15px;
cursor: pointer;
}

#footer #news a#next_news:hover {
background-position: -18px -94px;
}

#footer #news a#prev_news {
background: transparent url(images/sprite.png) no-repeat;
background-position: 0px -82px;
width: 8px;
z-index: 10;
height: 13px;
position: absolute;
right: 20px;
cursor: pointer;
top: 15px;
float: right;
}

#footer #news a#prev_news:hover {
background-position: 0px -94px;
}

/* Pagenavi */

.wp-pagenavi {
float: left;
margin-bottom: 20px;
}

.pagination {
margin: 10px 0px;
}

.wp-pagenavi a, .wp-pagenavi a:link, .pagination a {
padding: 5px 7px;
margin: 4px;
text-decoration: none;
background-color: #ECEAED;
border: 1px solid #D2D1D3;
font-size: 12px;
color: #666565;
}

.wp-pagenavi a:visited, .pagination a:visited {
padding: 5px 7px;
margin: 4px;
text-decoration: none;
background-color: #ECEAED;
border: 1px solid #D2D1D3;
font-size: 12px;
}

.wp-pagenavi a:hover, .pagination a:hover {	
background-color: #7327ad;
border: 1px solid #5C1F8D;
color: #FFF;
}

.wp-pagenavi a:active, .pagination a:active {
padding: 5px 7px;
margin: 4px;
text-decoration: none;
background-color: #7327ad;
border: 1px solid #5C1F8D;
color: #FFF;
font-size: 12px;
}

.wp-pagenavi span.pages {
padding: 5px 7px;
margin: 4px 4px 4px 0px;
background-color: #ECEAED;
border: 1px solid #D2D1D3;
font-size: 12px;
}

.wp-pagenavi span.current, .pagination .current {
padding: 5px 7px;
margin: 4px;
font-weight: bold;
background-color: #7327ad;
border: 1px solid #5C1F8D;
color: #FFF;
font-size: 12px;
}

.wp-pagenavi span.extend {
padding: 5px 7px;
margin: 4px;
background-color: #d4d4d4;
border: 1px solid #0c0c85;
color: #8a8a8a;
font-size: 12px;
}

/* Fancybox Styles */

#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 1104;
display: none;
}

#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url('images/fancy/fancybox.png');
}

#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1100;
display: none;
}

#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}

#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 20px;
z-index: 1101;
outline: none;
display: none;
}

#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #fff;
}

#fancybox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 1102;
border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 1101;
}

#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
background: transparent url('images/fancy/fancybox.png') -40px 0px;
cursor: pointer;
z-index: 1103;
display: none;
}

#fancybox-error {
color: #444;
font: normal 12px/20px Arial;
padding: 14px;
margin: 0;
}

#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
}

#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
}

#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background: transparent url('images/fancy/blank.gif');
z-index: 1102;
display: none;
}

#fancybox-left {
left: 0px;
}

#fancybox-right {
right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 1102;
display: block;
}

#fancybox-left-ico {
background-image: url('images/fancy/fancybox.png');
background-position: -40px -30px;
}

#fancybox-right-ico {
background-image: url('images/fancy/fancybox.png');
background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
left: 20px;
}

#fancybox-right:hover span {
left: auto;
right: 20px;
}

.fancybox-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
width: 20px;
height: 20px;
z-index: 1001;
}

#fancybox-bg-n {
top: -20px;
left: 0;
width: 100%;
background-image: url('images/fancy/fancybox-x.png');
}

#fancybox-bg-ne {
top: -20px;
right: -20px;
background-image: url('images/fancy/fancybox.png');
background-position: -40px -162px;
}

#fancybox-bg-e {
top: 0;
right: -20px;
height: 100%;
background-image: url('images/fancy/fancybox-y.png');
background-position: -20px 0px;
}

#fancybox-bg-se {
bottom: -20px;
right: -20px;
background-image: url('images/fancy/fancybox.png');
background-position: -40px -182px; 
}

#fancybox-bg-s {
bottom: -20px;
left: 0;
width: 100%;
background-image: url('images/fancy/fancybox-x.png');
background-position: 0px -20px;
}

#fancybox-bg-sw {
bottom: -20px;
left: -20px;
background-image: url('images/fancy/fancybox.png');
background-position: -40px -142px;
}

#fancybox-bg-w {
top: 0;
left: -20px;
height: 100%;
background-image: url('images/fancy/fancybox-y.png');
}

#fancybox-bg-nw {
top: -20px;
left: -20px;
background-image: url('images/fancy/fancybox.png');
background-position: -40px -122px;
}

#fancybox-title {
font-family: Helvetica;
font-size: 12px;
z-index: 1102;
}

.fancybox-title-inside {
padding-bottom: 10px;
text-align: center;
color: #333;
background: #fff;
position: relative;
}

.fancybox-title-outside {
padding-top: 10px;
color: #fff;
}

.fancybox-title-over {
position: absolute;
bottom: 0;
left: 0;
color: #FFF;
text-align: left;
}

#fancybox-title-over {
padding: 10px;
background-image: url('images/fancy/fancy_title_over.png');
display: block;
}

.fancybox-title-float {
position: absolute;
left: 0;
bottom: -20px;
height: 32px;
}

#fancybox-title-float-wrap {
border: none;
border-collapse: collapse;
width: auto;
}

#fancybox-title-float-wrap td {
border: none;
white-space: nowrap;
}

#fancybox-title-float-left {
padding: 0 0 0 15px;
background: url('images/fancy/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
color: #FFF;
line-height: 29px;
font-weight: bold;
padding: 0 0 3px 0;
background: url('images/fancy/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
padding: 0 0 0 15px;
background: url('images/fancy/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
position: absolute; margin-top: 0;
top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy/fancy_shadow_nw.png', sizingMethod='scale'); }

.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 10px;
}

.alignright {
float: right;
margin-left: 10px;
margin-top: 5px;
margin-bottom: 10px;
}

.wp-caption {
background-color: #f3f3f3;
border: 1px solid #ddd;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; /* optional rounded corners for browsers that support it */
margin: 10px;
padding-top: 4px;
text-align: center;
}

.wp-caption img {
border: 0 none;
margin: 0;
padding: 0;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}