Results of the CSS crunched for www.j-media.ch

Let's see what we've done for www.j-media.ch

CSSCruncher.com has crunched this CSS to
19.06 %Less Size! Woohooo!

BUT UHH OHH! We found some errors in your CSS code!

Crunched CSS code:

*{border:0;margin:0}
img{border:0px}
body{font:13px "Trebuchet MS",Arial,Helvetica,sans-serif;color:#000000;background-color:#a35b19;line-height:150%;background-image:url(../img/layout/background.gif);background-repeat:repeat-x}
h1{font-size:25px;color:#ffffff;font-weight:normal;line-height:150%;margin:0px 0px 10px 0px}
#wrapper-background{margin:0px auto;text-align:center}
#menu{background:url(../img/layout/menu.jpg) top repeat-x;text-align:left}
#foot_bg{background:url(../img/layout/foot.png) bottom repeat-x;text-align:left}
#main-wrapper{background:url(../img/layout/main-wrapper.png) 0px 225px repeat-x;text-align:left}
#main{width:1028px;margin:0px auto;background:url(../images/main.jpg) right top no-repeat;text-align:left}
#header{width:1028px;height:230px}
#logo{padding:30px 0px 10px 14px;text-align:right}
#buttons{text-align:center;height:39px;margin-left:14px;padding:30px 0px 0px 0px;background:url(../img/layout/menu-active.jpg) left top no-repeat}
#buttons a{font-size:16px;display:block;float:left;text-decoration:none;color:#666666;text-align:center;padding-top:0px;font-weight:bold}
.but_razd{width:30px;height:28px;background:url(../img/layout/but_razd.gif) center 5px no-repeat;float:left}
#buttons .but:hover{color:#a35b19}
#buttons a .active{color:#a35b19;border-bottom:1px dotted #a35b19;background:url(../img/layout/menu-active.jpg) top repeat-x}
#header .row-1{height:69px;overflow:hidden}
#header .container{}
.nav{padding:28px 15px 0 0;overflow:hidden;float:right}
.nav li{float:left;list-style:none;border-right:1px solid #aa682d}
.nav li a{float:left;background:url(../img/layout/nav-bg1a.gif) no-repeat 0 0;font-size:13px;color:#545454;text-align:center;height:40px;line-height:40px;text-decoration:none;padding:0px 15px 0px 15px;font-weight:bold}
.nav li a:hover,.nav li a.current{background:url(../img/layout/nav-bg2a.gif) no-repeat 0 0;color:#fff;font-weight:bold;text-shadow:1px 1px 1px #ae5500}
.top{height:300px}
.top_img{float:left;padding:15px 16px 0px 1px}
.top h1{color:#a45b19;font-size:18px;padding:30px 0px 10px 0px;margin:0px;font-weight:100}
.top p{color:#a35b19}
.span_top{color:#a45b19;font-weight:bold}
#contentStart{width:970px;margin:12px auto 0px auto;background:url(../img/layout/content-bg.png) top repeat;padding:10px 15px 10px 15px;line-height:22px}
#contentStart .bold{font-weight:bold;color:#FFFFFF}
#contentStart a{color:#FFFFFF}
#contentStart a:hover{color:#a45b19}
#content{width:970px;margin:32px auto 0px auto;background:url(../img/layout/content-bg.png) top repeat;padding:10px 15px 10px 15px;line-height:22px}
#content ul{list-style:none;padding:0px;margin:0px}
#content li{padding:0px 0px 0px 20px;background:url(../img/layout/fish2.gif) 0px 6px no-repeat}
#content .bold{font-weight:bold;color:#FFFFFF}
#content a{color:#FFFFFF}
#content a:hover{color:#a45b19}
.float_l{float:left}
.col{width:300px;float:left}
.col2spaltig{width:633px;float:right}
.col2spaltig .right{text-align:right}
#left{width:707px;float:left;color:#000000;margin-left:0px}
.text{padding:0px 0px 15px 0px}
.img_l{float:left;margin:6px 15px 5px 0px}
.img_r{float:right;margin:9px 10px 3px 10px}
.span_cont{color:#a35b19;font-size:12px;font-weight:bold}
#left H1{font-size:18px;font-weight:100;color:#a35b19;text-align:left;padding:0px 0px 0px 0px}
#right H1{font-size:18px;font-weight:100;color:#a35b19;text-align:left;padding:0px 0px 0px 0px}
.read_l{text-align:left;padding:8px 4px 3px 0px;background:url(../img/layout/read.png) left 8px no-repeat;color:#FFFFFF}
.read_l a{font-size:12px;color:#ffffff;text-decoration:none;padding-left:2px}
.read_l a:hover{font-size:12px;color:#a45b19;text-decoration:none}
.next{width:100%;text-align:right;padding:0px 0px 0px 0px}
.next a{color:#FFFFFF;text-decoration:none}
.next a:hover{text-decoration:underline}
#right{float:right;width:283px}
.span_dat{color:#002380;text-decoration:underline}
#bottom{width:100%;height:170px}
#bottom h1{padding:10px 0px 0px 0px;font-size:18px;text-align:left;color:#a45b19;font-weight:100}
#bottom a{text-decoration:none;color:#a45b19}
#bottom a:hover{text-decoration:underline}
#b_col1{width:300px;float:left;margin-left:28px}
#b_col2{width:300px;float:left;margin-left:33px}
#bottom ul{list-style:none;padding:0px 0px 0px 0px}
#bottom li{padding:0px 0px 0px 0px}
#bottom ul a:hover{text-decoration:underline}
#bottom ul a{color:#000000;text-decoration:none;font-weight:100}
.follow{padding:0px 14px 0px 0px;float:left}
#b_col2 ul{list-style:none;padding:0px 0px 0px 0px}
#b_col2 li{padding:0px 0px 0px 20px;background:url(../img/layout/fish2.gif) 0px 6px no-repeat}
#footer_box{height:70px;width:100%;padding:30px 0px 0px 30px}
#footer_box p{font-size:12px;color:#ffffff}
#footer_box a{color:#ffffff;font-size:12px;text-decoration:none}
#footer_box a:hover{color:#ffffff;font-size:12px;text-decoration:underline}
#buttons_b{text-align:right;height:30px;margin-left:0px;float:right;background:url(../images/but_bg.png) left top no-repeat;width:100%;padding:30px 0px 0px 0px}
#buttons_b a{font-size:12px;display:block;float:left;text-decoration:none;color:#FFFFFF;text-align:center;padding-top:0px}
.but_razd_b{width:15px;height:20px;background:url(../img/layout/but_razd.gif) center 5px no-repeat;float:left}
#buttons_b .but:hover{color:#FFD0AF}
#gallery{padding:10px 10px 10px 10px;background:#FFFFFF;width:980px;margin:0px auto}
#gallery a{color:#ffffff}
#gallery h1{color:#a35b19;text-align:center}
#left_gal{float:left;width:621px}
#right_gal{float:right;width:319px;background:url(../img/layout/gal_bg.jpg) top repeat-x;padding:0px 15px 0px 15px}
#right_gal H1{font-size:18px;font-weight:100;color:#a35b19;text-align:center;padding:20px 0px 0px 0px;background:url(../img/layout/line.gif) 0px 15px repeat-x}
.row{padding:0px 0px 0px 0px;height:91px;width:621px}
#float_l{float:left}
.prev_but_center{width:950px;padding-top:10px;float:left;color:#232323}
.prev_but_center_left{float:left;padding-left:10px;width:602px}
.prev_but_center_right{float:left;width:290px;padding-left:37px;padding-right:10px}
.prev_but_center_right p{color:#232323}
.prev_but_center_right a{color:#ffffff;font-weight:bold}
.panel h2.title{margin-bottom:10px}
noscript div{background:#ccc;border:1px solid #900;margin:20px 0;padding:15px}
.coda-slider-wrapper{padding:0px;padding-left:20px}
.coda-slider{background:none}
.coda-slider-no-js .coda-slider{height:338px;overflow:hidden !important;padding-right:20px}
.coda-slider,.coda-slider .panel{width:1028px}
.coda-slider-wrapper.arrows .coda-slider,.coda-slider-wrapper.arrows .coda-slider .panel{width:950px}
.coda-slider-wrapper.arrows .coda-slider{margin:0px}
.coda-nav-left{padding-top:120px}
.coda-nav-right{padding-top:120px}
.coda-nav-left a{background:url(../img/layout/top_left.png) no-repeat;color:#fff;width:27px;height:108px;text-indent:-9000em}
.coda-nav-right a{background:url(../img/layout/top_right.png) no-repeat;color:#fff;width:27px;height:108px;text-indent:-9000em}
.coda-nav ul li a.current{background:#39c}
.coda-slider .panel-wrapper{padding:0px}
.coda-slider p.loading{padding:20px;text-align:center}
.coda-nav ul{clear:both;display:block;margin:auto;overflow:hidden}
.coda-nav ul li{display:none}
.coda-nav ul li a{background:#000;color:#fff;display:block;float:left;margin-right:1px;padding:3px 6px;text-decoration:none}
.coda-slider-wrapper{clear:both;overflow:hidden}
.coda-slider{float:left;overflow:hidden;position:relative}
.coda-slider .panel{display:block;float:left}
.coda-slider .panel-container{position:relative}
.coda-nav-left,.coda-nav-right{float:left}
.coda-nav-left a,.coda-nav-right a{display:block;text-align:center;text-decoration:none}
#slideshow{list-style:none;color:#fff}
#slideshow span{display:none}
#wrapper{width:970px;padding:0px;display:none;margin:0 auto}
#wrapper *{margin:0;padding:0}
#fullsize{position:relative;width:974px;height:442px;border:1px solid #ccc;background:#000}
#information{position:absolute;bottom:0;width:974px;height:0;background:#000;color:#fff;overflow:hidden;z-index:200;opacity:.7;filter:alpha(opacity=70)}
#information h3{padding:4px 8px 3px;font-size:14px}
#information p{padding:0 8px 8px}
#image{width:974px}
#image img{position:absolute;z-index:25;width:auto}
.imgnav{position:absolute;width:25%;height:406px;cursor:pointer;z-index:150}
#imgprev{left:0;background:url(../img/layout/left.gif) left center no-repeat}
#imgnext{right:0;background:url(../img/layout/right.gif) right center no-repeat}
#imglink{position:absolute;height:306px;width:100%;z-index:100;opacity:.4;filter:alpha(opacity=40)}
.linkhover{background:url(../images/link.gif) center center no-repeat}
#thumbnails{margin-top:30px;padding-bottom:80px}
#slideleft{float:left;width:20px;height:95px;background:url(../img/layout/scroll-left.gif) center center no-repeat;background-color:#222}
#slideleft:hover{background-color:#333}
#slideright{float:right;width:20px;height:95px;background:#222 url(../img/layout/scroll-right.gif) center center no-repeat}
#slideright:hover{background-color:#333}
#slidearea{float:left;position:relative;width:920px;margin-left:5px;height:95px;overflow:hidden}
#slider{position:absolute;left:0;height:95px}
#slider img{cursor:pointer;border:1px solid #666;padding:5px}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_top{height:20px;position:relative}
* html .pp_top{padding:0 20px}
.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle{left:0;position:static}
.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_content{height:40px}
.pp_content .ppt{left:auto;margin-bottom:5px;position:relative;top:auto}
.pp_fade{display:none}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{margin:10px 0 2px 0}
.pp_description{display:none;margin:0 0 5px 0}
.pp_nav{clear:left;float:left;margin:3px 0 0 0}
.pp_nav p{float:left;margin:2px 4px}
.pp_nav a.pp_arrow_previous,.pp_nav a.pp_arrow_next{display:block;float:left;margin-top:2px;overflow:hidden;text-indent:-10000px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{display:block;float:right;text-indent:-10000px}
.pp_bottom{height:20px;position:relative}
* html .pp_bottom{padding:0 20px}
.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_bottom .pp_middle{left:0;position:static}
.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px}
#pp_full_res{line-height:1 !important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px 0}
div.ppt{color:#fff;display:none;font-size:17px;left:0;position:absolute;top:0;z-index:9999}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

» Show original CSS code

« Hide original CSS code

/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

*
{
	border: 0;
	margin: 0;
}

img
{
border: 0px;
}

body{
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000000;
	background-color:#a35b19;
	line-height:150%;
	background-image: url(../img/layout/background.gif);
	background-repeat:repeat-x;
}
h1 {font-size: 25px;
	color: #ffffff;
	font-weight:normal;
	line-height:150%;
	margin:0px 0px 10px 0px;	
}

#wrapper-background {
	margin:0px auto;
	text-align:center;
}

/* Layout-Bilder */
#menu{
	background: url(../img/layout/menu.jpg) top repeat-x;
	text-align:left;
}

#foot_bg{
	background: url(../img/layout/foot.png) bottom repeat-x;
	text-align:left;
}

#main-wrapper{
	background: url(../img/layout/main-wrapper.png) 0px 225px repeat-x;
	text-align:left;
}

/* Layout */	
#main {
	width: 1028px;
	margin: 0px auto;
	background:url(../images/main.jpg) right top no-repeat;
	text-align:left;
}

#header {
	width:1028px;
	height: 230px;
}

#logo {
	padding: 30px 0px 10px 14px;
	text-align: right;
}

/* Navigation */
#buttons{
	text-align:center;
	height: 39px;
	margin-left: 14px;
	padding: 30px 0px 0px 0px;
	background: url(../img/layout/menu-active.jpg) left top no-repeat;
}
#buttons a {
	font-size: 16px;
	display: block;
	float: left;
	text-decoration: none;
	color: #666666;
	text-align: center;
	padding-top: 0px;
	font-weight:bold;
}
.but_razd { width: 30px;
	height: 28px;
	background:url(../img/layout/but_razd.gif) center 5px no-repeat;
	float:left;
}
#buttons .but:hover {
	color:#a35b19;
}
#buttons a .active {
	color:#a35b19;
	border-bottom: 1px dotted #a35b19;
	background: url(../img/layout/menu-active.jpg) top repeat-x;
}

/*--- site navigation ---*/

#header .row-1 {
	height:69px;
	overflow:hidden;
}
#header .container {
}

.nav {
	padding:28px 15px 0 0;
	overflow:hidden;
	float:right;
	}
.nav li {
	float:left;
	list-style:none;
	border-right:1px solid #aa682d;
		}
.nav li a {
	float:left;
	background:url(../img/layout/nav-bg1a.gif) no-repeat 0 0;
	font-size:13px;
	color:#545454;
	text-align:center;
	height:40px;
	line-height:40px;
	text-decoration:none;
	padding:0px 15px 0px 15px;
	font-weight:bold;
}
.nav li a:hover, .nav li a.current {
	background:url(../img/layout/nav-bg2a.gif) no-repeat 0 0;
	color:#fff;
	font-weight:bold;
	text-shadow:1px 1px 1px #ae5500;
}

.top {
	height:300px;
}

.top_img { 
	float:left;
	padding: 15px 16px 0px 1px;			
	}
.top h1 {
	color:#a45b19;
	font-size:18px;
	padding: 30px 0px 10px 0px;
	margin:0px;
	font-weight:100;
	
}
.top p {
	color:#a35b19;
}
	
.span_top {
	color:#a45b19;
	font-weight:bold;
}

#contentStart{
	width: 970px;
	margin: 12px auto 0px auto;
	background:url(../img/layout/content-bg.png) top repeat;
	padding: 10px 15px 10px 15px;
	line-height: 22px;
}
#contentStart .bold {
	font-weight:bold;
	color:#FFFFFF;
}
#contentStart a {
	color:#FFFFFF;
}
#contentStart a:hover {
	color: #a45b19;
}

#content{
	width: 970px;
	margin: 32px auto 0px auto;
	background:url(../img/layout/content-bg.png) top repeat;
	padding: 10px 15px 10px 15px;
	line-height: 22px;
}
#content ul {	
	list-style:none;
	padding:0px;
	margin: 0px;
}
#content li {
	padding: 0px 0px 0px 20px;
	background: url(../img/layout/fish2.gif) 0px 6px no-repeat;
}

#content .bold {
	font-weight:bold;
	color:#FFFFFF;
}

#content a {
	color:#FFFFFF;
}
#content a:hover {
	color: #a45b19;
}

.float_l {
	float:left;}
.col {
	width: 300px;
	float:left;}
.col2spaltig {
	width: 633px;
	float:right;}
.col2spaltig .right {
	text-align: right;
}

#left{
	width: 707px;
	float: left;
	color:#000000;
	margin-left: 0px;
}

.text{
	padding: 0px 0px 15px 0px;
}

.img_l {	float:left;
		margin: 6px 15px 5px 0px;
}

.img_r {	float: right;
		margin: 9px 10px 3px 10px;
}

.span_cont {	color: #a35b19;
	font-size:12px;
	font-weight:bold;
}

#left H1{
	
	font-size:18px;
	font-weight: 100;
	color: #a35b19;
	text-align: left;
	padding: 0px 0px 0px 0px;
}

#right H1{
	
	font-size:18px;
	font-weight: 100;
	color: #a35b19;
	text-align: left;
	padding: 0px 0px 0px 0px;
}

.read_l{
	text-align:left;
	padding: 8px 4px 3px 0px;
	background: url(../img/layout/read.png) left 8px no-repeat;
	color:#FFFFFF;
}

.read_l a {
	font-size:12px;
	color: #ffffff;
	text-decoration: none;
	padding-left: 2px;
	
}

.read_l a:hover {
	font-size:12px;
	color: #a45b19;
	text-decoration: none;
}

.next {
	width: 100%;
	text-align: right;
	padding: 0px 0px 0px 0px;}

.next a{
	color:#FFFFFF;
	text-decoration: none; }

.next a:hover {
	text-decoration: underline; }

#right{
	float: right;
	width: 283px;
}

.span_dat {
	color: #002380;
	text-decoration: underline;}
	
#bottom {
	width: 100%;
	height: 170px;
}
#bottom h1{
	padding: 10px 0px 0px 0px;
	font-size: 18px;
	text-align: left;
	color: #a45b19;
	font-weight:100;
	
}

#bottom a {
	text-decoration:none;
	color:#a45b19;
}
#bottom a:hover {
	text-decoration:underline;
}
#b_col1 {
	width: 300px;
	float: left;
	margin-left: 28px;
}
#b_col2 {
	width: 300px;
	float: left;
	margin-left: 33px;
}

#bottom ul {
	list-style:none;
	padding: 0px 0px 0px 0px;}

#bottom li {
	padding: 0px 0px 0px 0px;
	}
#bottom ul a:hover {
	text-decoration:underline;
	}
	
#bottom ul a {
	color:#000000;
	text-decoration:none;
	font-weight: 100;}
	
.follow {
	padding: 0px 14px 0px 0px;
	float:left;
}

#b_col2 ul {
	list-style:none;
	padding: 0px 0px 0px 0px;}

#b_col2 li {
	padding: 0px 0px 0px 20px;
	background: url(../img/layout/fish2.gif) 0px 6px no-repeat;
	}
	
#footer_box{
	height: 70px;
	width: 100%;
	padding: 30px 0px 0px 30px;
}

#footer_box p{
	font-size: 12px;
	color: #ffffff;
}

#footer_box a{
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
}

#footer_box a:hover{
	color: #ffffff;
	font-size: 12px;
	text-decoration: underline;
}

#buttons_b{
	text-align:right;
	height: 30px;
	margin-left: 0px;
	float:right;
	background: url(../images/but_bg.png) left top no-repeat;
	width: 100%;
	padding: 30px 0px 0px 0px;
}

#buttons_b a {
	font-size: 12px;
	display: block;
	float: left;
	text-decoration: none;
	color: #FFFFFF;
	text-align: center;
	padding-top: 0px;
}

.but_razd_b {
	width: 15px;
	height: 20px;
	background:url(../img/layout/but_razd.gif) center 5px no-repeat;
	float:left;
}

#buttons_b .but:hover {
	color:#FFD0AF;
	}

/* gallery */

#gallery {
	padding: 10px 10px 10px 10px;
	background: #FFFFFF;
	width: 980px;
	margin: 0px auto;
}
#gallery a{
	color:#ffffff;
}
#gallery h1 {
	color:#a35b19;
	text-align:center;
}
#left_gal {
	float: left;
	width: 621px;
}
#right_gal {
	float:right;
	width: 319px;
	background: url(../img/layout/gal_bg.jpg) top repeat-x;
	padding: 0px 15px 0px 15px;
}

#right_gal H1{
	
	font-size:18px;
	font-weight: 100;
	color: #a35b19;
	text-align: center;
	padding: 20px 0px 0px 0px;
	background: url(../img/layout/line.gif) 0px 15px repeat-x;
}

.row {
	padding: 0px 0px 0px 0px;
	height: 91px;
	width: 621px;
}

#float_l {
float:left;}

.prev_but_center{
    width: 950px;
	padding-top: 10px;
    float: left;
    color: #232323;
}

.prev_but_center_left{
    float: left;
	padding-left: 10px;
    width: 602px;
}

.prev_but_center_right{
    float: left;
    width: 290px;
    padding-left: 37px;
	padding-right: 10px;
}

.prev_but_center_right p{
    color: #232323;
}

.prev_but_center_right a{
    color: #ffffff;
    font-weight: bold;
}

/*
Header Scroller
*/

/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Insignificant stuff, for demo purposes */

.panel h2.title { margin-bottom: 10px }
	noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }

/* Most common stuff you'll need to change */

.coda-slider-wrapper { padding: 0px; padding-left: 20px }
	.coda-slider { background: none}
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 338px; overflow: hidden !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 1028px;} 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 950px; }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0px }
	
	/* Arrow styling */
	.coda-nav-left {padding-top: 120px;}
	.coda-nav-right {padding-top: 120px;}
	.coda-nav-left a { background: url(../img/layout/top_left.png) no-repeat; color: #fff; width: 27px; height: 108px; text-indent: -9000em;}
	.coda-nav-right a { background: url(../img/layout/top_right.png) no-repeat; color: #fff; width: 27px; height: 108px; text-indent: -9000em;}
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: none }
	.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: hidden }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }

/* Photo Gallery */

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width: 970px; padding: 0px; display:none; margin: 0 auto}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width: 974px; height: 442px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:974px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:974px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:406px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../img/layout/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../img/layout/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../images/link.gif) center center no-repeat}
#thumbnails {margin-top:30px; padding-bottom: 80px;}
#slideleft {float:left; width:20px; height:95px; background:url(../img/layout/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:95px; background:#222 url(../img/layout/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:920px; margin-left:5px; height:95px; overflow:hidden}
#slider {position:absolute; left:0; height:95px;}
#slider img {cursor:pointer; border:1px solid #666; padding:5px}

/* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */

div.pp_pic_holder a:focus { outline:none; }
div.pp_overlay {background: #000;display: none;left: 0;position: absolute;top: 0;width: 100%;z-index: 9500;}
div.pp_pic_holder {display: none;position: absolute;width: 100px;z-index: 10000;}
.pp_top {height: 20px;position: relative;}
* html .pp_top { padding: 0 20px; }
.pp_top .pp_left {height: 20px;left: 0;position: absolute;width: 20px;}
.pp_top .pp_middle {height: 20px;left: 20px;position: absolute;right: 20px;}
* html .pp_top .pp_middle {left: 0;position: static;}
.pp_top .pp_right {height: 20px;left: auto;position: absolute;right: 0;top: 0;width: 20px;}
.pp_content { height: 40px; }
.pp_content .ppt {left: auto;margin-bottom: 5px;position: relative;top: auto;}
.pp_fade { display: none; }
.pp_content_container {position: relative;text-align: left;width: 100%;}
.pp_content_container .pp_left { padding-left: 20px; }
.pp_content_container .pp_right { padding-right: 20px; }
.pp_content_container .pp_details {margin: 10px 0 2px 0;}
.pp_description {display: none;margin: 0 0 5px 0;}
.pp_nav {clear: left;float: left;margin: 3px 0 0 0;}
.pp_nav p {float: left;margin: 2px 4px;}
.pp_nav a.pp_arrow_previous,.pp_nav a.pp_arrow_next {display: block;float: left;margin-top: 2px;overflow: hidden;text-indent: -10000px;}
.pp_hoverContainer {position: absolute;top: 0;width: 100%;z-index: 2000;}
a.pp_next {background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display: block;float: right;height: 100%;text-indent: -10000px;width: 49%;}
a.pp_previous {background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display: block;float: left;height: 100%;text-indent: -10000px;width: 49%;}
a.pp_expand,a.pp_contract {cursor: pointer;display: none;height: 20px;	position: absolute;right: 30px;text-indent: -10000px;top: 10px;width: 20px;z-index: 20000;}
a.pp_close {display: block;float: right;text-indent: -10000px;}
.pp_bottom {height: 20px;position: relative;}
* html .pp_bottom { padding: 0 20px; }
.pp_bottom .pp_left {height: 20px;left: 0;position: absolute;width: 20px;}
.pp_bottom .pp_middle {height: 20px;left: 20px;position: absolute;right: 20px;}
* html .pp_bottom .pp_middle {left: 0;position: static;}
.pp_bottom .pp_right {height: 20px;left: auto;position: absolute;right: 0;top: 0;width: 20px;}
.pp_loaderIcon {display: block;height: 24px;left: 50%;margin: -12px 0 0 -12px;position: absolute;top: 50%;width: 24px;}
#pp_full_res {line-height: 1 !important;}
#pp_full_res .pp_inline {text-align: left;}
#pp_full_res .pp_inline p { margin: 0 0 15px 0; }
div.ppt {color: #fff;display: none;font-size: 17px;left: 0;position: absolute;top: 0;z-index: 9999;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

Some information about this website:

URL: http://www.j-media.ch/
CSS URL: http://www.j-media.ch/lib/styles.css
Charset: utf-8
Title: Printdesign - Webdesign - Online-Marketing :: j-media - Mediengestaltung