/*----------------------------------------------------
                 Universe - CSS File
------------------------------------------------------*/


/* Global
------------------------------------------------------*/
html,body{height:100%}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 auto;
	padding:0;
	background-color:#eaeaea;
	color:#606060;
	height:100%;
}
*{
	margin:0;
	padding:0;
}
*:focus{
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
				 if you want to keep it! */
}
.clr{
	clear:both
}
form{
	margin:0; padding:0;
}
hr{
	border:0;
	color:#d3d3d3;
	background-color: #d3d3d3;
	height: 1px;
}


/* Default Element Styles
------------------------------------------------------*/
/* heading */
h1, h2, h3, h4, h5{
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:normal; color:#0d0d0d;
}
h1{
	font-size:30px; 
	line-height:30px; 
	margin-bottom:15px;
}
h2{
	font-size:20px; 
	line-height:28px; 
	margin-bottom:8px;
}
h3{
	font-size:18px; 
	line-height:20px; 
	margin-bottom:5px;
}
h4{
	font-size:16px; 
	line-height:18px; 
	margin-bottom:8px; 
	font-weight:bold;
}
h5{
	font-size:14px; 
	margin:3px 0px; 
	padding:0px; 
	letter-spacing:1px;
}

/* links */
a{
	color:#606060; 
	text-decoration:underline;
}
a:visited{
	color:#606060; 
	text-decoration:underline;
}
a:hover{
	color:#606060; 
	text-decoration:none;
}
a img{
	border:none
}
.img-content{
	float:left; 
	margin-top:4px;
	margin-bottom:25px;
	border:1px solid #d6d6d6;
}
.img-sidebox{
	float:left; 
	margin-top:4px;
	margin-bottom:3px;
	border:1px solid #d6d6d6;
}
.imgleft{
	float:left; 
	margin-top:4px; 
	margin-right:12px;
	border:1px solid #d6d6d6;
}
.imgright{
	float:right; 
	margin-top:4px; 
	margin-left:12px;
	border:1px solid #d6d6d6;
}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote{
	font-size:12px;
	line-height:20px;
	margin-bottom:14px;
	color:#606060;
}
ul, ol{
	margin:10px 0 35px 40px;
}

ul.schuldner{
	margin:10px 0 35px 0px;
}
ul.schuldner li{
	font-size:1.0em;
	list-style:none;
	margin-bottom:10px;
	margin-top:0px;
}

li ol, li ul{
	font-size:1.0em;
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol{
	list-style:decimal;
}
blockquote{
	font-style:italic;
	margin:0px;
	color:#939393;
	padding:0px 0px 2px 38px;
	background-image:url(../images/quote.png);
	background-position:0px 5px;
	background-repeat:no-repeat;
	float:left;
}
blockquote p{
	color:#939393;
}

/* code */
code{
	font-family:Tahoma, Arial, Verdana;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #dddddd;
	padding:15px 10px;
}


/* Container
------------------------------------------------------*/
#outer-container{
	background-repeat:repeat-x; 
	background-position:top;
	background-color:#fff; 
	height:1px;	
}
#inner-container{
	background-image:url(../images/bg-container.jpg);
	background-repeat:no-repeat;
	background-position:center 1px; 
	width:960px;
	height:444px; 
	margin:0px auto;	
}


/* Header
------------------------------------------------------*/
#header{
	width:960px; 
	/*height:347px;*/ 
	float:left;
}
#header2{
	width:960px; 
	height:72px; 
	float:left;
}
#header-inner{
	width:540px; 
	height:40px; 
	padding-top:15px;  
	float:right;
}
.top-box{
	background-image:url(../images/top-box.gif); 
	background-repeat:no-repeat; 
	background-position:top; 
	width:960px; 
	height:3px; 
	float:left;
}
#header-inner .top-box{
	background-image:url(../images/header-top-box.gif); 
	background-repeat:no-repeat; 
	background-position:top; 
	width:540px; 
	height:3px; 
	float:left;
}
#header-inner .mid-box{
	background-color:#be1522;
	width:540px;
	height:34px;
	float:left;
}
.bottom-box{
	background-image:url(../images/bottom-box.gif); 
	background-repeat:no-repeat; 
	background-position:top; 
	width:960px; 
	height:3px; 
	float:left;
}
#header-inner .bottom-box{
	background-image:url(../images/header-bottom-box.gif); 
	background-repeat:no-repeat; 
	background-position:top; 
	width:540px; 
	height:3px; 
	float:left;
}
#logo{
	width:352px; 
	margin:22px 0px 0px 0px;
	float:left;
}

/* Top Navigation bar menu styling */
#nav-menu{
	width:540px; 
	float:left; 
	margin:11px 0px 0px 9px;	
	list-style-type:none;
}


/*  Page Title
------------------------------------------------------*/
#page-title{
	width:621px;
	height:70px;	
	margin-top:7px; 
	float:left;
}
.page-title-content h1{
	font-size:36px;
	width:621px;
	float:left;	
}
.page-title-content h2{
	width:621px;
	margin-bottom:-4px;
	float:left;
}


/*  Homepage Slider
------------------------------------------------------*/
#slideshow-container{
	width:960px;
	height:247px; 
	margin:0px;
	float:left;
}
#slideshow-container2{
	width:960px;
	height:383px;
	margin-top:30px;
	background-image:url(../images/shadow-slideshow.jpg); 
	background-repeat:no-repeat; 
	background-position:bottom; 
	float:left;
}
#slideshow{
	width:960px;
	height:319px;
}
#slider-box{
	position:relative; 
	margin:0px auto; 
/*	padding-top:20px; */
	height:252px; 
	overflow:hidden;
}
#slider-box ul, #slider-box li{
	margin:0px;
	padding:0px;
	list-style:none;
}
#slider-box li{
	width:925px; 
	/*height:254px;*/ 
	padding:0px; 
	float:left;
}
.slider-img{
	height:247px; 
/*	margin-top:7px;*/ 
	float:left;
}
.slider-img2{
	height:319px;
}
#slider-box li{
	width:925px; 
	float:left;
}
.slider-text{
	width:350px; 
	margin-right:10px;
	padding-top: 20px;
	float:left;
}
#slider-box li.slider-text p{
	width:339px; 
	float:left;
}
.slider-text h1{
	width:365px; 
	margin-bottom:22px;
}
.readmore-slider{
	float:right; 
	padding:10px 0px;
}


/* Content
------------------------------------------------------*/
#content{
	width:960px; 
	background:url(../images/top-content-front.jpg) no-repeat top; 
	float:left;
}
#content2{
	width:960px; 
	float:left;
}
#content3{
	margin-top:120px;
	width:960px; 
	float:left;
}
.content-bottom{
	width:960px; 
	height:3px; 
	background:url(../images/bg-content-bottom.gif) no-repeat bottom; 
	float:left;
	}
#content-left{
	width:621px; 
	margin:0px 28px 0px 0px; 
	float:left;
}
#content-left-contact{
	width:465px; 
	margin:0px 29px 0px 0px; 
	float:left;
}
#sidebox-top{
	background-image:url(../images/sidebox-top.gif); 
	background-repeat:no-repeat; 
	background-position:top;
	margin-top:16px; 
	width:310px; 
	height:3px; 
	float:left;
}
#sidebox{
	width:310px;
	background-color:#fff; 
	float:left;
}
#sidebox-bottom{
	background-image:url(../images/sidebox-bottom.gif); 
	background-repeat:no-repeat; 
	background-position:bottom; 
	width:310px; 
	height:3px; 
	float:left;
}
.front-sidebox{
	padding:3px 0px 3px 16px;
}
.sidebox-text{
	width:285px; 
	margin-top:4px; 
	float:left;
}
.sidebox-img{ 
	width:130px;
	height:276px;
	float:left;	
}
.sidebox-img2{ 
	width:130px;
	height:182px;
	float:left;	
}
#maincontent{
	width:621px;
	padding:15px 0px 22px 0px; 
	float:left;
}
#maincontent2{
	width:621px;
	background-image:url(../images/top-content-inner.png);
	background-repeat:no-repeat;
	background-position:top;
	padding:20px 0px 35px 0px; 
	float:left;
}
#maincontent3{
	width:621px;
	padding:20px 0px 35px 0px; 
	float:left;
}
#maincontent4{
	width:465px;
	background-image:url(../images/top-content-contact.png);
	background-repeat:no-repeat;
	background-position:top;
	padding:20px 0px 65px 0px; 
	float:left;
}

#maincontent-fullwidth{
	width:960px;
	background-image:url(../images/top-content-fullwidth.png);
	background-repeat:no-repeat;
	background-position:top;
	padding:20px 0px 35px 0px; 
	float:left;
}
.maincontent-sidebox{
	width:279px;
	padding:5px 16px 22px 16px; 
	float:left;
}
.maincontent-sidebox-contact{
	width:433px;
	padding:5px 16px 22px 16px; 
	float:left;
}
#maincontent h2, #maincontent p{
	width:621px;
	float:left;
}

/* main-front */
.front-box{
	width:187px; 
	height:100px; 
	margin-bottom:34px; 
	margin-top:27px; 
	float:left;
}
.front-box2{
	width:295px; 
	height:180px; 
	margin-bottom:27px; 
	margin-top:27px; 
	float:left;
}
.front-box h2{
	width:147px;
	float:left;
}
.front-box p{
	width:187px;
	margin-top:5px; 
	float:left;
}
.front-icon{
	width:30px; 
	height:30px; 
	float:left;
}
.front-icon2{
	text-align:center;
	width:295px;
	margin-bottom:5px;
	}
.front-title{
	margin-left:10px; 
	float:left;
}
.front-title2{
	width:295px; 
	float:left;
}
.spacer{
	width:30px; 
	height:160px; 
	margin-top:25px; 
	background-image:url(../images/front-devider.png); 
	background-repeat:repeat-y; 
	display:block; 
	float:left; 
}
.spacer2{
	width:30px; 
	height:160px; 
	margin-top:37px; 
	background-image:url(../images/front-devider.png); 
	background-repeat:repeat-y; 
	display:block; 
	float:left; 
}

/* sidebox list */
ul.sidebox-list{
	margin:0px; 
	padding:0px; 
	list-style-type:none;
}
ul.sidebox-list li{
	border-bottom:1px solid #ededed; 
	line-height:28px;
}
ul.sidebox-list li a{
	color:#474747; 
	text-decoration:none;
}
ul.sidebox-list li a:hover{
	text-decoration:underline;
}

/* check list */
ul.check-list{
	margin:8px 0px 0px 0px; 
	padding:0px; 
	list-style-type:none;
}
ul.check-list li{
	background-image:url(../images/check-list.png); 
	background-position:0px 2px; 
	background-repeat:no-repeat; 
	padding:0px 0px 12px 26px; 
	line-height:18px;
}
ul.check-list li a{
	color:#474747; 
	text-decoration:none;
}
ul.check-list li a:hover{
	text-decoration:underline;
}


/* Services
------------------------------------------------------*/
.service-item{
	width:295px; 
	float:left; 
	padding-bottom:20px;
}
.spacer-content{
	width:30px; 
	float:left; 
	display:block; 
	height:100%;
}
.services-icon{
	width:280px; 
	float:left;
}
.quote-bg{
	width:573px;
	height:35px;
	background-image:url(../images/quote-bg.jpg);
	padding:0px 24px;	
	float:left;
}
.quote-spacer{
	width:30px; 
	height:17px; 
	margin-top:8px; 
	background-image:url(../images/front-devider.png); 
	background-repeat:repeat-y; 
	display:block; 
	float:left; 
}
.quote-text{
	width:400px;
	font-size:11px;
	color:#a3a2a2;
	padding:10px 0px;
	float:left;
}
.quote-heading{
	font-size:16px;
	color:787878;
	float:left;
	padding:6px 0px;
}
.portfolio-feature{
	width:464px;
	margin-top:20px;
	float:left;
}
.pf-feat-img{
	width:151px;
	margin-top:5px;
	float:left;
}
.pf-feat-text{
	width:313px;
	float:left;
}

/* product detail */
#product-desc{
	width:474px; 
	margin-top:10px; 
	margin-left:30px; 
	float:left;
}
#product-thumb{
	width:116px; 
	margin-top:10px; 
	border-right:1px solid #d3d3d3; 
	float:left;
}
#detail-img{
	width:621px; 
	height:256px; 
	float:left; 
	background-color:#eaeaea;
}
.detail-img-border{
	border:1px solid #d3d3d3; 
	margin:0px; padding:0px;
}
#detail-nav{
	list-style-type:none; 
	margin:0px 30px 0px 0px; 
	float:left;
}
#detail-nav li img{
	margin-bottom:10px; 
	float:left;
}
#detail-nav li.last img{
	margin-bottom:0px; 
	float:left;
}
#detail-nav li a{
	cursor:pointer; 
	float:left;
}

/* product list */
.product-list{
	border-bottom:1px solid #d3d3d3;
	padding-bottom:15px;
	margin-bottom:25px;
	float:left;
}
.product-list-price{
	font-size:14px;
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #bebebe;
	float:left;
}
.detail-list a, .detail-list a:visited{
	padding:5px 10px;
	font-size:11px;
	color:#f1f1f1;
	text-decoration:none;
	background-color:#0d0d0d;
	-moz-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-border-radius: 3px;
	float:left;
}
.product-list img{
	width:120px;
	height:120px;
	margin-right:10px;
	float:left;
}

/* pricing list table */
.table-a .price-icon{
	margin-top:2px;
	padding-right:15px;
	float:left;
}
.table-a{
	font-size: 12px;
	width: 100%;
	margin: 0px 0;
}	
.table-a .price{
	font-size: 12px;
	font-weight:normal;
	text-align:center;
}
.table-a th{
	background-color:#dcdcdc;	
	text-align:left;
}
.table-a th{
	padding: 12px 0px 12px 25px;
}	
.table-a td{
	padding: 7px;
}
.table-a td img{
	vertical-align: bottom;
	width: 20px;
	height: 20px
}
.table-a h3{
	font-size: 16px;
	color: #0d0d0d;
	margin-bottom:2px;
}	
.table-a tr.row2{
	background-color:#fcfcfc;
}
.table-a .right{
	border-left: solid 1px #bbb;
}
.table-a tr.final{
	background-color:#dcdcdc;
}
.table-a tr.final td{
	padding:20px 0 0 0;
}
.table-a .left{
	width: 25%;
}
.lefttitle{
	text-align:left;
	font-weight:bold; 
}
a.button{
	padding: 0;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: -1px;
	text-decoration: none;
	text-align: center;
}


/* Portfolio
------------------------------------------------------*/
.mainportfolio{
	width:960px;
}
.pf-box{
	width:212px; 
	height:167px; 
	background-image:url(../images/pf-shadow.png); 
	background-repeat:no-repeat; 
	background-position:bottom;
	margin:0px 14px 22px 14px; 
	float:left;
}
.pf-img{
	border:1px solid #d3d3d3;		
}


/* Blog
------------------------------------------------------*/
.blog-post{
	width:621px;
	background-image:url(../images/top-content-inner.png);
	background-repeat:no-repeat;
	background-position:top;	
	padding:20px 0px 18px 0px; 
	margin-bottom:15px; 
	float:left;
}
.blog-posted{
	width:573px;
	font-size:11px;  
	margin-left:10px; 
	float:left;
}
.blog-posted h2{
	line-height:10px; 
	margin-top:0px;
}
.blog-posted a, .blog-posted a:visited{
	text-decoration:none;
	color:#0d0d0d;
}
.post-info{
	width:573px;
	font-size:11px; 
	line-height:2px;
	margin-bottom:12px;	 
	float:left;
}
.post-info a, .post-info a:visited{
	text-decoration:none;
	color:#a2a2a2;
}
.date{
	font-size:20px;
	color:#0d0d0d; 
	line-height:10px; 
	border-right:1px solid #cecdcd; 
	padding-right:10px; 
	text-align:center; 
	float:left;
}
.month{
	font-size:16px; 
	line-height:10px; 
	text-align:center; 
	float:left;
}
.img-sponsors{
	margin:0px 7px 14px 7px;
	float:left;
} 

.commonPageListControlBar{
	height: 30px;
	margin-top:0px;
	text-align: left;
}
.commonPageListBtn{
	border: 1px solid #c9c9c9;
	background-color:#fff;
	font: normal 12px/28px Arial;
	color:#9f9f9f; 
	padding: 5px 4px;
	cursor: pointer;
}
.commonPageListControlBar a, .commonPageListControlBar a:visited{
	color:#414141; text-decoration:none;
}
.commonPageListControlBar a:hover{
	text-decoration: underline;
}
.commonPageListBtnSelected{
	border: 1px solid #0d0d0d;
	background-color: #0d0d0d;
	font: normal 12px/28px Arial;
	color:#fff; 
	padding: 5px 4px;
	cursor:default;
}
.author{
	width:601px;
	background-color:#f1f1f1; 
	border-top:1px solid #cecdcd; 
	border-bottom:1px solid #cecdcd; 
	color:#737373; 
	padding:10px; 
	line-height:18px; 
	float:left;
	}
.author h4{
	margin-bottom:7px;
}


/* Contact
------------------------------------------------------*/
form{
	margin:0; 
	padding:0;
}
#contactFormArea{
	width:600px; 
	margin-top:0px; 
	color:#606060; 
	float:left;
}
.input{
	background-color:#ffffff; 
	font-size:13px; 
	border:1px solid #d7d7d7; 
	width:345px; 
	padding:5px 5px 5px 5px; 
	margin:0px; 
	color:#6b6b6b;
}
.input-submit{
	background-image:url(../images/but-send.jpg); 
	background-repeat:no-repeat; 
	padding:0px; margin:0px; 
	border:0px; 
	width:94px; 
	height:28px; 
	cursor:pointer; 
	margin-right:23px;
}
.textarea{
	background-color:#ffffff; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px; 
	border:1px solid #d7d7d7; 
	width:345px; 
	padding:5px 5px 5px 5px; 
	margin:0px; 
	color:#6b6b6b;
}
#sidebox-contact-top{
	background-image:url(../images/sidebox-top-contact.gif); 
	background-repeat:no-repeat; 
	background-position:top;
	margin-top:16px; 
	width:465px; 
	height:3px; 
	float:left;
}
#sidebox-contact{
	width:465px;
	background-color:#fff; 
	float:left;
}
#sidebox-contact-bottom{
	background-image:url(../images/sidebox-bottom-contact.gif); 
	background-repeat:no-repeat; 
	background-position:bottom; 
	width:465px; 
	height:3px; 
	float:left;
}
.contact-icon{
	float:left; 
	margin-top:6px; 
	margin-right:5px;
}
#loadBar{
	width:455px;
	height:21px;
	background-image:url(../images/bg-load-form.png);
	background-repeat:no-repeat;
	color:#797979;
	text-align:center;
	padding:7px 5px 7px 65px;
}
#emailSuccess{
	width:455px;
	height:21px;
	background-image:url(../images/bg-load-form.png);
	background-repeat:no-repeat;
	color:#797979;
	text-align:center;
	padding:7px 5px;
}
.loading-form{
	width:128px;
	height:15px;
	background-image:url(../images/loading.gif);
	background-repeat:no-repeat;
	margin:3px 120px 0px 0px;
	float:right;
}


/* Bottom Content
------------------------------------------------------*/
.mid-box-bottom{
	background-color:#be1522;
	width:960px;
	height:172px;
	float:left;
}
.mid-box-bottom a, .mid-box-bottom a:visited{
	color:#f8f8f8;
	text-decoration:underline;
}
#bottom-content{
	width:920px; 
	margin:0px 20px 0px 20px;
}
.bottom-content-item{
	width:286px; 
	padding:10px 0px; 
	height:10px; 
	float:left;
}
.bottom-content-item h3{
	width:286px; 
	color:#fff; 
	margin-bottom:15px; 
	float:left;
}
.bottom-content-item p{
	font-size:11px; 
	color:#f8f8f8;
}
.bottom-content-item ul{
	width:286px; 
	margin:0px; 
	padding:0px; 
	font-size:11px; 
	list-style-type:none; 
	float:left;
}
.bottom-content-item ul li{
	list-style:none;	
/*	border-bottom:solid 1px #FFF; */
	line-height:15px; 
	padding-bottom: 10px;
	text-align:left;
}
.bottom-img{
	border:5px solid #303030;
}
.spacer-bottom{
	width:30px; 
	height:116px; 
	margin:0px; 
	display:block; 
	float:left;
}
#newsletter fieldset{
	margin:0px; 
	padding:0px; 
	border:0px;
}
.inputbox01{
	width:198px; 
	margin-right:5px;
	font-size:11px; 
	border:1px solid #080808; 
	background-color:#262626; 
	vertical-align:top; 
	padding:5px 4px 6px 4px; 
	color:#4d4d4d;
}


/* Footer
------------------------------------------------------*/
#footer{
	width:960px; 
	float:left;
}
.footer-text{
	width:960px; 
	font-size:11px; 
	color:#606060; 
	text-align:center; 
	padding:12px 0px; 
	float:left;
}
.footer-text a, #footer a:visited{
	text-decoration:none;
}
.footer-text a:hover{
	text-decoration:underline;
}




/* Contact
------------------------------------------------------*/

fieldset { border:0;margin:0;padding:0; }
label {  padding:5px 15px 0px 0px; float:left; width:70px;}
input.text{ width:290px;font:12px/12px 'courier new',courier,monospace;color:#333;padding:3px;margin:1px 0; }



/* Login
------------------------------------------------------*/

#login{
	float:right;
	padding: 1px 5px 10px 15px;
	background-image:url(../images/login_icon.png); 
	background-repeat:no-repeat; 
	background-position:left;
	background-position: 0px 0px;
}

#login a{
    color: #BE1522;
    text-decoration: none;
}

#login a:hover{
    text-decoration: underline;
}

.red{
 color: #BE1522;
}




.maincontent-sidebox.fitness{
	background-image:url(../images/img_fitness.jpg);
	background-repeat:no-repeat;
	background-position: 180px 50px;
}


#testimonials p.small{
	width: 160px;
}

#sidebox-contact{
	background-image:url(../images/bg_kontakt.jpg);
	background-repeat:no-repeat;
	background-position: 60px 95px;
}