/* CSS Reset 
/*-----------------------------------------------------------------------------------*/

html, 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 { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } 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; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

/* General Setup
/*-----------------------------------------------------------------------------------*/

html{ height:100%; background:#F7F6F2 url(images/site_bg.jpg) top center no-repeat;}
body{ font-family:Arial, Helvetica, sans-serif;padding:0; margin:0 auto; font-size:12px;color: #888888; background:none;}
.home{height:100%;}
.homeiphone{height:116.85%;}

.porfolio_player { float:left; width:44%; padding:0 3% 6% 3%;}
.cd_kpl_left { float:left; background:#E7E6E2; width:100%; height:29px; margin: 0;}
.cd_kpl_right { float:right; background:#E7E6E2; width:47%; height:29px; margin: 0;}
.kaufen {float:right; margin-top: -29px;}

.cd_titel {float:left; width:75%; font-family:"PT Sans Narrow", serif; font-size:14px; font-weight:normal; color:#7E7E7E; line-height:19px; padding:0; margin:10px 0 10px 0;}
.cd_jahr {float:right; width:25%; text-align:right; font-family:"PT Sans Narrow", serif; font-size:14px; font-weight:700; color:#CC443B; padding:0; margin-top:13px;}
.cd_divider{ float:left; width:100%; padding:0; border-bottom:thin dotted #999999; margin:10px 0 18px 0;}

.singleslist {width:100%; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; font-style:italic; color:#7E7E7E; line-height:19px; padding:0; margin:12px 0 10px 0;}
.singleslist_year {float:right; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-style:italic; font-weight:bold; color:#7E7E7E; line-height:19px; padding:0; margin:0; text-align:right; }

.kontakt_container_left { float:left; border: 1px solid #999999; width:47%; height:142px; margin: 0;}
.kontakt_container_right { float:right; border: 1px solid #999999; width:47%; height:117px; margin: 0;padding-top: 25px;}
.kontakt_text{ padding:8%; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:14px; color:#666666; line-height:19px; text-align:center; margin:0;}

body#page{height:auto;}
.clear{clear:both;}
a{ text-decoration:none;color:#CC443B;}
a:hover{color:#cccccc;}
span.tag{color:#8A50C1;}
span.subtitle_descr{ font-size:14px; color:#6f6f6f; padding:0 0 20px 0; font-family:Open Sans; font-weight:normal; line-height:20px; display:block;}
p{padding:0;margin:0px;text-align:left;line-height:20px;}
p.main_text{ padding:0 0 15px 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#666666; }
.vita_text{ padding:0 0 15px 0; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:14px; color:#666666; line-height:19px; text-align:justify; margin:30px 0 20px 0;}
.videocontainer{ max-width:96%; display: block; 
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; background-color:#ececec; border:1px #d7d7d7 solid; padding:1.5%;}
a.call_button{ background:url(images/phone.png) no-repeat left; float:left; clear:both;
width:92%; display: block; text-align:center; font-family:Open Sans; font-size:22px; color:#000000;
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; background-color:#ececec; border:1px #d7d7d7 solid; padding:4%;}

/* Headings
/*------------------------------------------*/
h1, h2, h3, h4, h5, h6{font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; margin:0px;}
h1{ font-size:20px; padding:0 0 10px 0; }
h2{ font-size:20px; padding:2px 0 15px 0; font-style:italic; color:#7E7E7E; text-align:center; margin-bottom:5px; clear:both;}
h3{ font-family:"PT Sans Narrow", sans-serif; font-size:13px; padding:10px 0 12px 0; color:#7E7E7E; font-weight:100; text-align:center; clear:both;}
h4{ font-size:16px; text-align:center; padding:0; color:#666666; font-weight:100; font-style:italic; line-height:23px; clear:both;}
h5{ font-size:14px; font-weight:bold; text-align:left; padding:0; color:#7E7E7E; line-height:23px; clear:both;}

/* Lists
/*------------------------------------------*/
ul.lists{ padding:0 0 15px 0;}
ul.lists li{ border-bottom:1px #ddd solid; padding:12px; background:url(images/bullet.gif) no-repeat left;}

/* Blockquote
/*------------------------------------------*/
blockquote{padding:0 0 0 40px;margin:5px 0 15px 0;text-align:left;line-height:20px; background:url(images/quotes.png) no-repeat left top;}

/* Toggle
/*------------------------------------------*/
.toogle_wrap{border:0.5px #CCCCCC solid;/*-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;*/ background: #EDECE8; width:92%; padding:3% 4%; margin:5px 0 15px 0;}
.trigger{padding:0px;margin:0;background:url(images/toggle.png) no-repeat right; background-position:100% -22px;}
.trigger_media{padding:7px 0 7px 0;margin:0;background:url(images/toggle.png) no-repeat; background-position:center -22px;}
.trigger a{color: #999999;text-decoration: none;display: block; padding:6px 0 4px 0;font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; }
.trigger_media a{color: #999999;text-decoration: none;display: block; padding:4px 0 4px 0;font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; }
.active {background-position:100% 0px; }
.active_media {background-position:center 0px; }
.trigger a:hover, .trigger a:hover:focus{color:#999999;}
.toggle_container{overflow: hidden;padding:13px 0 0 0;clear: both;}

/* Tabs
/*------------------------------------------*/
ul.tabsmenu{ padding:5px 0 0 0; position:relative; bottom:-1px;}
ul.tabsmenu li a{ width:31.2%; float:left; padding:12px 0 12px 0; margin:0 2% 0 0;color:#000000;text-align:center; 
-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;-khtml-border-top-left-radius:5px;
-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;-khtml-border-top-right-radius:5px;
background: -moz-linear-gradient(top, #ececec 0%, #ffffff 100%);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ececec), to(#ffffff));
border:1px #ddd solid; 
}
ul.tabsmenu li:last-child a{ float:right; margin:0 0 0 0;}
ul.tabsmenu li.active a{border-bottom-color:#fff; color:#8A50C1; font-weight:bold;
background: -moz-linear-gradient(top, #ddd 0%, #ffffff 100%);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#ffffff));
}
.tabcontent{ padding:5% 4%; clear:both; border:1px #ddd solid; margin:0 0 15px 0;
-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;-khtml-border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;-khtml-border-bottom-right-radius:5px;
}

/* Structure
/*------------------------------------------*/
#container{ width:640px; height:100%; margin:auto; position:relative;}
#pagecontainer{width:640px; height:auto; padding:5px 0 5px 0; margin:auto; background:none; position:relative;}
#main_panels{ width:100%; height:100%;}
.content{ max-width:100%; margin:0 auto; height:auto; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; padding:3%; }
#header{ width:100%; margin: 0 auto; float:left; height:auto; background:none; text-align:center; color:#FFFFFF; z-index:999; position:relative;}
.page_title{ float:left; width:56%; text-align:left; padding:1% 0 1% 0; margin:5% 0 5% 0;; font-weight:normal;}
#footer{ width:94%; height:auto; text-align:center; color:#999999; margin:-25px auto 20px auto; z-index:999; position:relative;}

a.back_button{ float:left;color:#c5c5c5; font-weight:bold;}
a#menu_open{ float:right;color:#c5c5c5; font-weight:bold;}
a#menu_close{ float:right;color:#fff; font-weight:bold;display:none;}
a#top{ float:right; width:22px;padding:0; margin:5% 3.5% 5% 0; color:#fefefe; font-weight:normal;}

/* Colors
/*------------------------------------------*/
.black_gradient{/*-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;*/
/*background: -moz-linear-gradient(top, #595959 0%, #000000 100%);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#595959), to(#000000));*/}
.black_button{ margin:1%;}

/* Navigation
/*------------------------------------------*/
#bottom_nav{ position:absolute; bottom:0px; left:0px; background:none;height:auto; width:640px; }
#pages_nav{ height:auto; width:100%; position:absolute; top:-200px; left:0px; z-index:888;}

#chili_nav{ position:relative; float: left; background:url(images/dotter.png) left center repeat-x; height:auto; width:100%; margin: 0 0 25px 0; font-family:Georgia, "Times New Roman", Times, serif; text-align:center; }
.icons_nav a{ margin:0 0 0 8px; padding:0 0 0 0; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#666666; text-align:center; line-height:38px; width:auto; letter-spacing:0; list-style:none;}
.icons_nav a:hover{ color:#CC443B;}


/* Content images
/*------------------------------------------*/
.content img.rounded{max-width:100%; display: block; padding:0; }
.content img.divider{max-width:100%; display: block; padding:0; margin-bottom:20px;}
.content img.rounded-half{max-width:100%; display: block;/* -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; background-color:#ececec; border:1px #d7d7d7 solid; padding:4%;*/ }
.content img.rounded-home{max-width:100%; display: block;  }
.content img.rounded-social{max-width:100%; display: block; border:1px #C1C1C1 solid; }
.content img.shadow{max-width:100%; display: block;margin-bottom:15px; }

.pagedivider{max-width:100%; display: block;margin-bottom:25px; background:url(images/dotter.png) top left repeat-x; height:10px; position:relative; }
.siteheadline{width:120px; margin: 0 auto; background:url(images/navi_bg.png); font-family:Georgia, "Times New Roman", Times, serif; font-style:normal; font-size:14px; font-weight:bold; color:#888888; text-align:center; line-height:11px;}
.siteheadline_big{width:220px; margin: 0 auto; background:url(images/navi_bg.png); font-family:Georgia, "Times New Roman", Times, serif; font-style:normal; font-size:14px; font-weight:bold; color:#888888; text-align:center; line-height:11px;}

/* Portfolio sections
/*------------------------------------------*/
ul.porfolio{ padding:10px 0 0 0;}
ul.porfolio li{ float:left; width:47%; padding:0; margin-bottom: 10px; }
ul.porfolio li.right{float:right; width:47%; padding:0; margin-bottom: 10px; }
ul.porfolio li span{ font-size:12px; color:#000; padding:0 0 5px 0; font-family:Open Sans; font-weight:normal; line-height:20px; display:block;}

ul.porfolio_player{ padding:10px 0 0 0;}
ul.porfolio_player li{ float:left; width:47%; padding:0; margin-bottom: 0; }
ul.porfolio_player li.right{float:right; width:47%; padding:0; margin-bottom: 0; }
ul.porfolio_player li span{ font-size:12px; color:#000; padding:0 0 5px 0; font-family:Open Sans; font-weight:normal; line-height:20px; display:block;}


ul.porfolio-third{ padding:10px 0 0 0;}
ul.porfolio-third li{ float:left; width:30%; padding:0 5% 5% 0;}
ul.porfolio-third li.right{float:right; width:30%; padding:0;}
ul.porfolio-third li span{ font-size:12px; color:#666666; padding:0 0 5px 0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:20px; display:block;}

ul.porfolio-home{ padding:15px 0 0 0;}
ul.porfolio-home li{ float:left; width:30%; padding:0; border: 1px solid #999999; margin-right:4.5%;}
ul.porfolio-home li.right{float:right; width:30%; padding:0; margin-right:0;}
ul.porfolio-home li span{ font-size:12px; color:#666666; padding:0 0 5px 0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:20px; display:block;}


ul.porfolio-five{ padding:10px 0 0 0;}
ul.porfolio-five li{ float:left; width:17%; padding:0 3.7% 0 0;}
ul.porfolio-five li.right{float:right; width:17%; padding:0;}
ul.porfolio-five li span{ font-size:12px; color:#666666; padding:5px 0 5px 0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:15px; display:block;}

ul.social{ padding:5px 0 0 0;}
ul.social li{ float:left; width:21.2%; padding:0 5% 5% 0;}
ul.social li.right{float:right; width:21.2%; padding:0;}
/* Search
/*------------------------------------------*/
.search{border:1px #ddd solid;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; width:92%; padding:2% 4%; margin:10px 0 15px 0;}
input.search_input{float:left; background-color:#FFFFFF; border:none; width:89%; padding:0px 0; font-size:18px;font-family:Open Sans;font-weight:normal;color: #636363;-webkit-appearance:none;}
input.search_submit{float:right;}

/* Blog
/*------------------------------------------*/
.post{ float:left; clear:both; width:100%; border-bottom:1px #ddd solid; padding:5px 0 15px 0; margin:0 0 15px 0;}
.post_thumb{float:left; width:25%; padding:0 5% 0 0;}
.post_thumb_single{ width:100%;}
.post_content{float:left; width:100%; padding:0;}
.post_content_single{width:100%:}

.post_detail{ background:url(images/calendar-bg.jpg) top center no-repeat; float:left; width: 80px; height: 80px; padding:0; margin:0 13px 0 0; font-size:11px;color:#8A50C1; position:relative;}
.year{ font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; color: #fff; position:absolute; top:4px; left: 20px;}
.category{background:url(images/icon_category.gif) no-repeat 5px 50%;}
.comments{background:url(images/icon_comments.gif) no-repeat 5px 50%;}
.post h3{ font-size:14px;}

.blog_nav{ float:left; clear:both; margin:10px 0 20px 0; width:100%;}
.blog_nav a{border:1px #ddd solid;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; float:left; padding:3% 0; text-align:center; width:30%; font-weight:bold; background-color:#eee;}
.blog_nav a.next{ float:right;}

ol.comments_list{}
ol.comments_list li{background-color:#eee;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; color:#666666; padding:10px; margin:10px 0 0 0; line-height:18px; font-style:italic;}

/* Form
/*------------------------------------------*/

.form{ padding:10px 0 0 0;}
.form label{color:#8A50C1; padding:0 0 10px 0; display:block; font-size:14px;font-family:Open Sans;font-weight:normal;}
.form label.error{padding:0 0 10px 0; width:100%; text-align:right; color:#990000;}
.form_input{border:1px #ddd solid;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:3%; width:93%; margin:0 0 10px 0;-webkit-appearance:none;}
.select_container{border:1px #ddd solid;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; width:99%; margin:0 0 10px 0;}
.form_select{padding:3%; background:none; border:none; width:99%;}
.form_textarea{border:1px #ddd solid;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:3%; width:93%; height:50px; margin:0 0 10px 0;-webkit-appearance:none;}
.form_submit{ width:100%;padding:4% 0 4% 0; margin:0; color:#fff; font-weight:normal;font-family:Open Sans; text-align:center;
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
background: -moz-linear-gradient(top, #4A2D70 0%, #291742 100%);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4A2D70), to(#291742));
border:1px #291742 solid; cursor:pointer; font-size:20px;
}

#header_container {
    width: 100%; 
	min-width:100%; 
	margin:0 auto; 
	padding: 0; 
	position:relative; 
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
#cds-singles, #cds-alben {
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
.fullwidth{max-width:100%; min-width:100%; margin:0 auto; display: block;margin-bottom:0; }

/* Flex images slider
/*-----------------------------------------------------------------------------------*/
.flex-container a:active,
.icons_nav a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

.icons_nav {width: 45%; margin: 0 auto; padding: 0; background:url(images/navi_bg.png);}
.icons_nav .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.icons_nav .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.panels_slider {width: 100%; height:100%; margin: 0; padding: 0;}
.panels_slider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.panels_slider .slides img {max-width: 100%; display: block;}

.images_slider_container{max-width:100%; min-width:100%; display: block;/*-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; background-color:#ececec; border:1px #d7d7d7 solid; padding:1.5%; */margin:0 0 0 0;}
.images_slider {width: 100%; min-width:100%; margin:0; padding: 0; position:relative;}
.images_slider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.images_slider .slides img {max-width: 100%; min-width:100%; display: block;}

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}

.icons_nav { position: relative;zoom: 1;}
.icons_nav .slides {zoom: 1;}
.icons_nav .slides > li {position: relative; }
.flex-container {zoom: 1; position: relative;}

.panels_slider ol.flex-control-nav {width: 100%; position: absolute; bottom:30%; text-align: center;}
.images_slider ol.flex-control-nav {width: 100%; position: absolute; bottom:0%; text-align: center; /*background:url(images/nav_bg.png) repeat-x top;*/ padding:0;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(images/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}

/* Gallery Setup Carousel Thumbs
/*-----------------------------------------------------------------------------------*/
.es-carousel-wrapper{padding:5px 0 0 0;position:relative;margin-bottom:20px;}
.es-carousel{overflow:hidden;}
.es-carousel ul{display:none;}
.es-carousel ul li{height:100%;float:left;display:block;margin:0 0 0 0px;}
.es-carousel ul li a{display:block;margin:0 0px 0 0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; background-color:#ececec; border:1px #eaeaea solid; padding:4%;}
.es-carousel ul li.selected a{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; background-color:#ececec; border:1px #d7d7d7 solid; padding:4%;}
.es-carousel ul li a img{display:block;max-height:100%;max-width:100%;}
.es-nav span.es-nav-prev{position:absolute;top:50%;left:-10px;background:url(images/thumbs_nav_left.png) no-repeat center;width:27px;height:27px;text-indent:-9000px;cursor:pointer;margin-top:-13px;}
.es-nav span.es-nav-next{position:absolute;top:50%;right:-10px;background:url(images/thumbs_nav_right.png) no-repeat center;width:27px;height:27px;text-indent:-9000px;cursor:pointer;margin-top:-13px;}

/* Gallery Setup Image
/*-----------------------------------------------------------------------------------*/
.rg-image-wrapper{position:relative;z-index:888;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; background-color:#ececec; border:1px #d7d7d7 solid; padding:1%;}
.rg-image{position:relative;text-align:center;line-height:0px;}
.rg-image img{max-height:100%;max-width:100%;}
.rg-image-nav a{position:absolute;top:2%;left:1%;background:#000 url(images/nav.png) no-repeat -45% 50%;width:35px;height:96%;text-indent:-9000px;cursor:pointer;opacity:0.5;outline:none;z-index:999;}
.rg-image-nav a.rg-image-nav-next{right:1%;left:auto;background-position:140% 50%;}
.rg-loading{width:46px;height:46px;position:absolute;top:50%;left:50%;background:#000 url(images/ajax-loader.gif) no-repeat center center;margin:-23px 0px 0px -23px;z-index:9999;
-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;opacity:0.7;}

/* CSS Media Queries
/*-----------------------------------------------------------------------------------*/

@media screen and (max-width: 640px) {
html{background:none;}
body{background:#F7F6F2;}
.content{ margin:-45px auto 0 auto;  }
#container{width:100%; height:100%;}
#pagecontainer{width:100%; height:100%;}
#bottom_nav{ width:100%;}
#chili_nav{ position:relative; float:left; width:100%; height:auto; margin: 3px 0 20px 0; }
.icons_nav {width: 80%;}
.icons_nav ul a{ padding:1%; font-size:12px; color:#666666; text-align:center; line-height:23px;}
.cd_jahr { padding:0; line-height:19px; padding:0; margin-top:10px;}
ul.porfolio-home li{ margin-right:4%;}
}
@media screen and (max-width: 480px) {
.porfolio_player { float:left; width:94%; padding:0 3% 6% 3%;}
.kontakt_container_left { float:none; border: 1px solid #999999; width:100%; height:auto; margin: 0 0 15px 0;}
.kontakt_container_right { float:none; border: 1px solid #999999; width:100%; height:auto; padding-top: 0;margin: 0;}
.kontakt_text{ padding:5%; }
}