/**
 * Screen
 *
 * @author Michael Trawetzky <mtr@massiveart.com>
 * @version 1.0
 */


/* ----------------
Reset */
@import url(reset.css);

/* ----------------
Main */

body {
	background:#fff url(/website/themes/myvitali/images/bg_detail_pixel.gif) repeat-x 0 0;  
  color:#333;
  font-family: Arial, sans-serif;
  font-size:14px;
  line-height:20px;
  position:relative;
  text-align:center;
  behavior: url(/website/themes/myvitali/css/iecsshover/csshover.htc);
}

body.template_startpage {
  background:#fff url(/website/themes/myvitali/images/bg_start_pixel.gif) repeat-x 0 0;
}

body.template_pricing {
  background:#fff url(/website/themes/myvitali/images/bg_pricing_pixel.gif) repeat-x 0 0;
}

input, textarea, select {
  font-family: Arial, sans-serif;  
}

img {
  display:block;
}

p {
  padding:0 0 10px 0;
}

.clear {
  clear:both;
  height:0;
  line-height:0;
  font-size:0;
}

#wrapper {
  background: url(/website/themes/myvitali/images/bg_detail.jpg) no-repeat 50% 59px;
  width: 100%;
}

body.template_startpage #wrapper {
  background: url(/website/themes/myvitali/images/bg_start.jpg) no-repeat 50% 59px;
}

body.template_pricing #wrapper {
  background: url(/website/themes/myvitali/images/bg_pricing.jpg) no-repeat 50% 59px;
}

#subwrapper {
  width: 960px;
  margin: 0 auto;
  text-align: left;
  position: relative;
  z-index:10;
}

#logo {
  float:left;
  padding:15px 0 0 0;
  height:45px;
  width:160px;
}

/* ----------------
Links general */

a {
  color:#8cb801;
  font-size:14px;
  line-height:20px;
  font-weight:normal;
  text-decoration:none;
}

a:hover {
  color:#8cb801;
  font-size:14px;
  line-height:20px;
  font-weight:normal;
  text-decoration:underline;
}

/* ----------------
Headlines */

h1 {
  font-size:40px;
  line-height:40px;
  font-weight:bold;
  text-decoration:none;   
  color:#336666;
  padding:0 0 20px 0;
}

h2 {
  font-size:21px;
  line-height:25px;
  font-weight:bold;
  text-decoration:none;   
  color:#336666;
  padding:0 0 10px 0;
}

h3 {
  font-size:14px;
  line-height:20px;
  font-weight:bold;
  text-decoration:none;   
  color:#336666;
  padding:0 0 10px 0;
}

/* ----------------
Headlines Linked */

h1 a, h1 a:hover {
  font-size:40px;
  line-height:40px;
  font-weight:bold;
  color:#8bb802;
  padding:0 0 20px 0;
  text-decoration:none;   
}

h2 a, h2 a:hover {
  font-size:21px;
  line-height:25px;
  font-weight:bold;
  color:#8bb802;
  padding:0 0 10px 0;
  text-decoration:none;
}

h1 a:hover, h2 a:hover {  
  text-decoration:underline;   
}

/* ----------------
Header */

#header {
  height:160px;
  color:#fff;
}

body.template_startpage #header {
  /* height:540px; */
  padding: 20px 0 0 0;
}

body.template_pricing #header {
  height:645px;
  padding:40px 0 0 0;	
}

#header h1 {
  color:#fff;
  padding:40px 0 0 0;
  letter-spacing:-1px;
}

.template_startpage #header h1,
.template_pricing #header h1 {
  color:#fff;
  padding:0 0 20px 0;
  letter-spacing:-1px;
}

#screen {
  float: left;
  width: 480px;
  height:400px;
  position:relative;  
}

#slidePrev {
  background:url(/website/themes/myvitali/images/slideshow/slideshow_arrow_left.png) no-repeat 0 0;
  behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);
  width:34px;
  height:35px;
  position:absolute;
  z-index:50;
  top:110px;
  left:-17px;
  cursor:pointer;
}

#slideNext {
  background:url(/website/themes/myvitali/images/slideshow/slideshow_arrow_right.png) no-repeat 0 0;
  behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);
  width:34px;
  height:35px;
  position:absolute;
  z-index:50;
  top:110px;
  right:64px;
  cursor:pointer;
}

#slideshow {
  position:relative;
  z-index:30;
  overflow:hidden;
  width: 410px;
  height: 400px;
  padding: 0 0 0 0px;
  background: url(/website/themes/myvitali/images/slideshow/imac.png) 0 0 no-repeat;
  behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);  
}

#slideshow img {
  position:absolute;
  z-index:30;
  top:16px;
  display:block;
  border:none;
  margin: -16px 0 0 0;
}

#screen .shadow {
  background:url(/website/themes/myvitali/images/slideshow/slideshow_shadow.png) no-repeat 0 0;
  behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);
  width:434px;
  height:20px;
  position:relative;
  z-index:10;
  margin:0 0 0 -18px;  	
}

#screen .demo {
  
}

#screen .demo .text {
  float:left;
  width:152px;
  padding:19px 0 0 0;
}

.demoContainer .button {
  background:url(/website/themes/myvitali/images/button_yellow_start_large.png) no-repeat 0 0;
  behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);
  width:255px;
  height:38px;
  padding:18px 0 0 0;
  margin: 0 0 0 160px;
  text-align:center;
  float: left;
}

.demoContainer .button a,
.demoContainer .button a:hover {
  font-size:16px;
  line-height:20px;
  font-weight:bold;
  color:#000;
  text-decoration:none;
}

#feature {
  width: 460px;
  float:left;
  margin: 60px 0 0 0;
}

#feature p {
  font-size:18px;
  line-height:25px;
  padding:0 0 20px 0;
  position: relative;
  z-index: 20;
}

#feature h4 {
  font-weight:normal;
  font-size:12px;
  padding:0 0 5px 0;
}

#feature h4 strong {
  font-weight:bold;
  text-transform: uppercase;
}

#feature .title {
  float:left;
  width: 330px;  
}
#feature .myVitali {
  float:left;
  margin: 0 0 0 0px;
  position: relative;
  z-index: 10;
}
#feature .myVitali img{
  position: absolute;
}

#functions {
  /* margin: 0 0 0 -25px; /* width 4 images */
  margin: 0 0 0 50px; /* width 3 images */
}

.thumbs, .thumbsLast {
  float: left;
  width: 105px;
  height: 105px;
  padding-right: 10px;
}

.thumbsLast {
  padding-right:0;
}

.thumbs a, .thumbsLast a {
  display: block;
  width: 140px;
  height: 90px;
}

.thumbsFirst .pic {
  width: 1px;
  height: 1px;
  cursor: pointer;
}

.thumbs .pic, 
.thumbsLast .pic {
  width:105px;
  height:105px;
  cursor:pointer;
}

#slideshow_1 .pic {
  background: url(/website/themes/myvitali/images/start/00_pixeltrans.png) 0 0 no-repeat;
  behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);
}

#slideshow_1 .selected { 
  background: url(/website/themes/myvitali/images/start/00_pixeltrans_hover.png) 0 0 no-repeat;
  behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);
}

#slideshow_2 .pic { 
	background: url(/website/themes/myvitali/images/start/01_vitalitaet.png) 0 0 no-repeat;
	behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);
}

#slideshow_2 .selected { 
	background: url(/website/themes/myvitali/images/start/01_vitalitaet_hover.png) 0 0 no-repeat;
	behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);
}

#slideshow_3 .pic {
	background: url(/website/themes/myvitali/images/start/02_wohnen.png) 0 0 no-repeat;
	behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);
}

#slideshow_3 .selected {
	background: url(/website/themes/myvitali/images/start/02_wohnen_hover.png) 0 0 no-repeat;
	behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);
}

#slideshow_4 .pic {
	background: url(/website/themes/myvitali/images/start/03_kommunikation.png) 0 0 no-repeat;
	behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);
}

#slideshow_4 .selected { 
	background: url(/website/themes/myvitali/images/start/03_kommunikation_hover.png) 0 0 no-repeat;
	behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);
}

#slideshow_5 .pic {
	background: url(/website/themes/myvitali/images/start/05_dokumente.png) 0 0 no-repeat;
	behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);
}

#slideshow_5 .selected { 
	background: url(/website/themes/myvitali/images/start/05_dokumente_hover.png) 0 0 no-repeat;
	behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);
}

#slideshow_6 .pic {
	background: url(/website/themes/myvitali/images/start/06_infos.png) 0 0 no-repeat;
	behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);
}

#slideshow_6 .selected { 
	background: url(/website/themes/myvitali/images/start/06_infos_hover.png) 0 0 no-repeat;
	behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);
}

/* ----------------
Template Pricing Header */

.template_pricing #header h1 {
  padding:0 0 20px 0;
}

.template_pricing h1 span {
  font-size:14px;
  font-weight:normal;
  letter-spacing: normal;
}

#header .blocks {
  color:#333;
  padding:0 0 8px 0;    
}

#header .blocks .bestPrice {  
  position:absolute;
  top:190px;
  left:645px;
  z-index:20;
  width:70px;
  height:70px;
}

#header .blocks .bestPrice img {
  behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);
}

#enterprise,
#extended, 
#basic,
#starter {
  float:left;
  width:220px;
  padding:0 20px 0 0;
}

#enterprise {
  
}

#extended {
  padding:0 13px 0 0;
}

#basic {
  width:235px;
  padding:0 12px 0 0;
}

#starter {

}

#header .blocks .whiteTop {
  background:url(/website/themes/myvitali/images/price_white_top.png) no-repeat 0 bottom;
  behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);
  width:220px;
  height:6px;
  line-height:0;
  font-size:0;
  margin-top:12px;
}

#header .blocks .whiteMiddle {
  width:200px;
  background-color:#fff;
  padding:0 10px 0 10px;
}

#header .blocks .whiteBottom {
  background:url(/website/themes/myvitali/images/price_white_bottom.png) no-repeat 0 0;
  behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);
  width:220px;
  height:18px;
  line-height:0;
  font-size:0;
}

#header .blocks .yellowTop {
  background:url(/website/themes/myvitali/images/price_yellow_top.png) no-repeat 0 0;
  behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);
  width:235px;
  height:18px;
  line-height:0;
  font-size:0;
}

#header .blocks .yellowMiddle {
  background:url(/website/themes/myvitali/images/price_yellow_center.png) repeat-y 0 0;
  behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);
  width:200px;
  padding:0 17px 0 18px;   
}

#header .blocks .yellowBottom {
  background:url(/website/themes/myvitali/images/price_yellow_bottom.png) no-repeat 0 0;
  behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);
  width:235px;
  height:18px;
  line-height:0;
  font-size:0;
}

#header .blocks .pre {
  text-align:center;
  padding:10px 0 0 0;
  border-bottom:1px solid #8cb801; 
}

#header .blocks .content {
  height:240px;
  width:200px;
  padding:0;
  clear:both;
  float:none;
}

#header .blocks .sub {
  width:200px;
  text-align:center;
}

#header .blocks .pre h2 {
  text-transform: uppercase;
  font-size:24px;
  font-weight:bold;
  line-height:20px;
  color:#8cb801;
  padding:0 0 10px 0;
}

#header .blocks .pre span.subHeadline {
  font-size:11px;
  line-height:15px;
  color:#8cb801;
  
}

#header .blocks .pre .price {
  padding:10px 0 0 0;
  font-weight:bold;
  font-size:40px;
  line-height:40px;
}

#header .blocks .pre .price span.small {
  font-size:14px;
}

#header .blocks .content ul {
  list-style:none;
  padding:10px 0 10px 0;
  margin:0;
}

#header .blocks .content li {
  line-height:20px;
}

#header .blocks .content .ssl {
  background:url(/website/themes/myvitali/images/icon_ssl.png) no-repeat 0 center;
  behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);
  padding:0 0 0 25px;
  height:20px; 
}

#header .blocks #basic .content .ssl,
#header .blocks #starter .content .ssl {
  background:none;
}	

#header .blocks .sub .button {
  margin:0 auto 0 auto;
  width:130px;
}

#header .blocks .sub .button .left {
  background:url(/website/themes/myvitali/images/button_yellow_left.png) no-repeat 0 0;
  behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);
  width:15px;
  height:30px;
  float:left;
}

#header .blocks .sub .button .text {
  background:url(/website/themes/myvitali/images/button_yellow_center.png) repeat-x 0 0;
  behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);
  float:left;
  padding:5px 0 0 0;
  height:25px;
  width:100px;
  text-align:center;
}

#header .blocks .sub .button .right {
  background:url(/website/themes/myvitali/images/button_yellow_right.png) no-repeat 0 0;
  behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);
  width:15px;
  height:30px;
  float:left;
}

#header .blocks .sub .button .text a,
#header .blocks .sub .button .text a:hover {
  color:#663300;
  font-size:12px;
  font-weight:bold;
  line-height:20px;
  text-decoration:none;
}

#header .blocks .sub a.order,
#header .blocks .sub a.order:hover {
  font-size:11px;
  line-height:20px;
}

#header .subBlocks {
  width:960px;
}

#header .legend {
  float:left;
  width:338px;
}

#header .legend ul {
  list-style:none;
}

#header .legend li {
  font-size:11px;
  line-height:20px;
}
#header .demo .button {
  background:url(/website/themes/myvitali/images/button_yellow_start_large.png) no-repeat 0 0;
  behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);
  width:255px;
  height:38px;
  padding:18px 0 0 0;
  margin:-6px 0 0 72px;
  text-align:center;
}
#header .demo .button a,
#header .demo .button a:hover {
  font-size:16px;
  line-height:20px;
  font-weight:bold;
  color:#000;
  text-decoration:none;
}

#header .pricing {
	margin: 20px 0 0 150px;
}

#header .pricing .info {
	float: left;
	margin: 14px 0 0 10px;
	font-size: 14px;	
	font-weight: normal;
	line-height: 16px;
	letter-spacing: normal;
}

#header .pricing .button {
  background:url(/website/themes/myvitali/images/button_yellow_start_large.png) no-repeat 0 0;
  behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);
  width:255px;
  height:38px;
  padding:18px 0 0 0;
  margin:-6px 0 0 72px;
  text-align:center;
  float: left;
}
#header .pricing .button a,
#header .pricing .button a:hover {
  font-size:16px;
  line-height:20px;
  font-weight:bold;
  color:#000;
  text-decoration:none;
}

#free {
  float:left;
  padding:0;
  width:610px;
}

#free .content {
  float:left;
  width:auto;
  padding:0 0 0 4px;
  color:#333;
}

#free .content h2 { 
  color:#fff;
  padding:5px 0 0 0;
  font-size:21px;
  line-height:20px;
  text-transform: uppercase;	
}

#free .content h2 span { 
  color:#fff;
  font-size:12px;
  font-weight:normal;
  text-transform:none;  
}

#free .button {
  float:right;
  padding:10px 4px 0 20px;
}

#free .button .left {
  background:url(/website/themes/myvitali/images/button_blue_left.png) no-repeat 0 0;
  behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);
  width:15px;
  height:30px;
  float:left;
}

#free .button .text {
  background:url(/website/themes/myvitali/images/button_blue_center.png) repeat-x 0 0;
  behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);
  float:left;
  padding:5px 0 0 0;
  height:25px;
  width:100px;
  text-align:center;
}

#free .button .right {
  background:url(/website/themes/myvitali/images/button_blue_right.png) no-repeat 0 0;
  behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);
  width:15px;
  height:30px;
  float:left;
}

#free .button .text a,
#free .button .text a:hover {
  color:#333;
  font-weight:bold;
  line-height:20px;
  font-size:14px;
  text-decoration: none;   
}

#free .blueLeft {
  background:url(/website/themes/myvitali/images/price_blue_left.png) no-repeat 0 0;
  behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);  
  height:50px;
  width:6px;
  float:left;  
}

#free .blueCenter {
  float:left;
  background:url(/website/themes/myvitali/images/price_blue_center.png) repeat-x 0 0;
  behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);  
  height:50px;
  width:590px;
  float:left;
}

#free .blueRight {
  background:url(/website/themes/myvitali/images/price_blue_right.png) no-repeat 0 0;
  behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);  
  height:50px;
  width:6px;
  float:left;
}

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

#nav {
  float: left;
  height:30px;
  padding:30px 0px 0 0;
  width:680px;
}

#nav ul {
  list-style:none;
  clear:both;
  float:right;
}

#nav li {
  float:left;
  height:27px;
}

#nav li a,
#nav li a:hover {
  font-size:14px;
  line-height:23px;
  font-weight:bold;
  color:#8cb801;
  text-decoration:none;
}

#nav li a:hover {
  text-decoration:underline;
}

#nav li .start,
#nav li.selected .start {
  height:23px;
  width:3px;
  float:left;
}

#nav li .middle,
#nav li.selected .middle {
  background-color:#fff;
  height:23px;
  padding:0 7px 0 7px;
  float:left;
}

#nav li .end,
#nav li.selected .start {
  height:23px;
  width:3px;
  float:left;
}

#nav li.selected {
  background:url(/website/themes/myvitali/images/nav_pointer.gif) no-repeat 50% 100%;
}

#nav li.selected a,
#nav li.selected a:hover {
  font-size:14px;
  line-height:23px;
  font-weight:bold;
  color:#fff;
  text-decoration:none;
}

#nav li.selected .start {
  background:url(/website/themes/myvitali/images/nav_left.gif) no-repeat 0 0;
}

#nav li.selected .middle {
  background-color:#8cb801;
}

#nav li.selected .end {
  background:url(/website/themes/myvitali/images/nav_right.gif) no-repeat 0 0;
}

/* ----------------
Language Chooser */

.language {
	float: left;
	padding: 31px 0 0 0; 
	position: relative;
}

.language ul {
	list-style:none outside none;
	padding: 0;
	position: absolute;
	z-index: 100;
}

.language ul li {
	margin: 0 2px 0 0;
}

.language ul li .middle {
	padding: 2px 0 2px 6px;
}

.language ul li .middle a,
.language ul li .middle a {
  text-decoration: none;
  font-size: 12px;
	line-height: 18px;
}

.language ul li .middle .flagContainer {
	width: 121px;
}

.language ul li .middle .flag {
	float: left;
	width: 16px;
	margin-right: 5px;
	padding: 4px 0 0 0;
}

.language ul li .middle .text {
	float: left;
	/* width: 100px; */
}

.language ul li:hover .middle,
.language ul li.selected .middle {
  background: url(/website/themes/myvitali/images/tab_bg_main.gif) no-repeat 0 0;
  padding: 2px 0 2px 6px;
}

.language ul li:hover .middle a,
.language ul li.selected .middle a {
  color: #FFF;
  text-decoration: none;
  font-size: 12px;
	line-height: 18px;
}

.language ul li .middle ul {
	display: none;
	height: auto;
	left: -15px;
	min-width: 130px;
	padding: 6px 0 15px 15px;
	position: absolute;
	top: 16px;
	width: 100%;
	z-index: 50;
}

.language ul li:hover .middle ul {
  display: block;
}

.language ul li .middle ul li {
	clear: both;
	margin: 0;
	padding: 0;
}

.language ul li .middle ul li .flagContainer {
	width: 105px;
	background-color: #8bb802;
	padding: 1px 0 1px 7px;
}

.language ul li .middle ul li.flag {
	float: left;
	width: 16px;
	margin-right: 5px;
	padding: 4px 0 0 0;
}

.language ul li .middle ul li.text {
	float: left;
	width: 100px;
}

.language ul li .middle ul li div a {
	display: block;
	color: #FFF;
	font-size: 12px;
	line-height: 18px;
}


#nav li.language {
  padding:0 0 0 10px;
}

#nav li.language a,
#nav li.language a:hover {
  font-size:12px;
}

#nav li.language a.international,
#nav li.language a.international:hover {
  background:url(/website/themes/myvitali/images/flag_international.gif) no-repeat 0 center;
  padding:0 0 0 22px !important;
}

#nav li.language a.german,
#nav li.language a.german:hover {
  background:url(/website/themes/myvitali/images/flag_german.gif) no-repeat 0 center;
  padding: 0 0 0 22px !important;
}

/* ----------------
Breadcrumb */

.container .breadcrumb {
  padding:0 0 20px 0;
  font-size:11px;
  font-weight:normal;
  line-height:20px;
  color: #333;
}

.container .breadcrumb a,
.container .breadcrumb a:hover {
  font-size:11px;
  text-decoration:none;
  font-weight:normal;
  padding:0 2px 0 2px;
  color:#8cb801;
}

.container .breadcrumb a:hover {
  text-decoration:underline;
}

.container .breadcrumb a.home {
  padding:0 2px 0 0;
}

.container .breadcrumb a.selected {
  color:#333;
}

/* ----------------
Content Startpage */

.template_startpage .item {
  /* padding: 0 0 20px 0; */
}

.template_startpage .item .imgLeft {
  padding: 0 20px 10px 0;
}

.startpage .col2 .left {
	float: left;
}

.startpage .col2 .item {
	padding-bottom: 20px;
	width: 300px;
}

.startpage .col2 .item img {
	border: 1px solid #8BB802;
}

/* ===========================
@start, Carousel Definition */
.container .carouselContainer {
	width: 960px;
	margin: 0 auto 0 auto;
	padding-top: 400px;
	padding-bottom: 30px;
}

.carousel {
  width: 940px;
  height: 260px;
  background-color: #336666;
}

.carousel #prev {  
  width: 30px;
  height: 30px;
  float: left;
  margin: 60px 0 0 -15px;
}

.carousel #carousel-wrapper {
  float: left;
  width: 910px;  
  height: 260px;
  overflow: hidden;  
  
  /* position: absolute;
  z-index: 20; */
}

.carousel #carousel-wrapper #carousel-content {
  width: 3500px;  
}

.carousel #carousel-wrapper #carousel-content .slide {
  float: left;
  width: 220px;  
  margin: 0 10px 0 0;
  padding-top: 5px;
}

.carousel #carousel-wrapper #carousel-content .slide .topImg {
  float: left;  
  margin: 0 15px 10px 0;
}

.carousel #carousel-wrapper #carousel-content .slide .topImg div {
  width: 100%;
}

.carousel #carousel-wrapper #carousel-content .slide .infoText h3 {
  font-size:14px;
  line-height:20px;
  font-weight:bold;
  text-decoration:none;   
  color:#336666;
  padding: 0;
}

.carousel #carousel-wrapper #carousel-content .slide .infoText {
  color: #FFF;
  width: 200px;
  margin: 0 0 0 5px;
}
 
.carousel #next {
  width: 30px;
  height: 30px;
  float: right;  
  margin: 60px -15px 0 0;
}
/* @end, Carousel Definition */

/* ----------------
Content Overview */

.overview h2,
.overview h2 a,
.overview h2 a:hover {
  padding-bottom:10px;
}

.overview h3 {
  font-size:18px;
  line-height:20px;
  padding:0 0 10px 0;
}

.overview img {
	border: 1px solid #8CB801;
}

.overview .item {
  padding-bottom:20px;
}

.overview .imgLeft {
  padding:0 20px 10px 0;
}

.overview .description {
  padding:0 0 5px 0;   
}

.overview .col2 {
 clear:both;
  width:100%;  
}

.overview .col2 .item {
  padding-bottom:20px;
  width:300px;
}

.overview .col2 .item .imgLeft {
  background:url(/website/themes/myvitali/images/shadow_300x.gif) no-repeat center bottom;
  padding-bottom:14px;
}

.overview .col2 .left {
  float:left;
}

.overview .list {
  padding:0 0 20px 0;  
}

.overview .list .itemImg {
  padding:0 0 10px 0; 
}

.overview .list .itemImg .left {
  float:left;
  padding:0 20px 0 0;  
}

.overview .list .itemImg .right {
  float:left;
  padding:10px 0 0 0;  
}

.overview .list .item {
  padding:0 0 10px 0;    
}

.overview .list a {
  font-weight:bold;
  text-decoration:none;
}

.overview .list a:hover {
  text-decoration:underline;
}

.overview h2 a:hover {
  text-decoration:underline;
}

/* ----------------
Content */

.container {
  padding:20px 0 40px 0;
}

.content {
  float:left;
  width:620px;
  padding:0 80px 0 0;
}

.content .description {
  padding:0 0 10px 0;
}

.content a.more,
.content a.more:hover {
  font-size:16px;
  line-height:20px;
  font-weight:bold;	
}

.picbottom,
.tmpText {
  width:960px;
  padding:0 ;
}

.content ul {
  list-style-type:disc;
  padding:0 0 20px 0;  
}

.content ul li {
	
}

.content ul li ul {
  list-style-type: circle;
  padding: 0 0 10px 20px;  
}

.content ol {
  list-style-type:decimal;
  padding:0 0 20px 0;  
}

.content ol li {
  
}

.terms li {
  padding:0 0 10px 0;  
}

.content ol.lowerlatin {
	list-style-type:lower-alpha;
  margin-bottom:0;
  margin-top:5px;
  padding:0 0 0 20px;
}

.sidebarContainer,
.sidebar {
	float:left;
	width:260px;
}

.sidebar .block {
  background:url(/website/themes/myvitali/images/bg_sidebar.gif) no-repeat 0 0;
  _height:165px;
  min-height:165px;
  padding:20px;
}

.sidebar .block iframe {
  margin:-20px 0 0 0;
}

.content .block {
  padding:0 0 10px 0;
}

.picbottom .block,
.picbottom .last {
  padding:0 10px 20px 0;
  float:left;
  width:220px;
  margin:0 9px 0 0;
  display:inline;
  border-right:1px solid #e4e4e4;
}

.picbottom .last { 
  border:none;
}

.content .block .imgLeft {
  padding:0 20px 10px 0;
}

.picbottom .block .imgLeft {
  padding:0;
  clear:both;
}

.tmpText  .imgLeft {
  padding:0 20px 10px 0;
}

.content .block h3 {
  font-size:18px;
  line-height:20px;
  padding:0 0 10px 0;
  color:#336666;
  text-decoration:none;  
}

.twitterLogo {
  position:relative;
  float:right;
  top:-40px;
  right:10px;  
}

ul.twitter {
  list-style:none;
  padding:0;   
}

ul.twitter li {
  line-height:20px;
  padding:0 0 10px 0;    
}

a.twitter {

}

/* ----------------
Content Gallery */

.galleryContainer {
  padding:0 0 20px 0;
}

.gallery {

}

.gallery .item {
  float:left;
  width:145px;
  height:145px;
  overflow:hidden;
  padding:0 20px 20px 0;
}

.gallery .item img {
  
}

.gallery #showAll {
  float:left;
  padding-top:117px;
}

/* ----------------
Content Documents */

.documents {
  padding:0 0 20px 0;
}

.divDocItem {
  padding:0 0 10px 0;
}

.divDocItem .divDocIcon {
  float:left;
  width:32px;
  padding-right: 10px;
  padding-top: 4px;
}

.divDocItem .divDocInfos {
  float:left;
}

/* ----------------
Content Video */

.videoContainer {
  padding:0 0 40px 0;
}

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

.contactContainer {
  
}

.person { 
  padding:0 0 20px 0;
}

.person .name {

}
  
.person .function {
  font-size:12px;
  line-height:20px;
}

.person .detail {
  padding:5px 0 0 0;
}

.person .detail .img {
  float:left;
  width:40px;
  padding:0 10px 0 0;
}

.person .detail .infos {
  font-size:12px;
  line-height:1.3em;
  float:left;
}

/* ---------------
Template Event */

#succesbox {
  color:#000000;
	font-weight:bold;
	margin:0 0 10px;
	padding:10px 0;
}

#noticebox {
  border:2px solid #ff0000;
	color:#ff0000;
	font-weight:bold;
	margin:0 20px 20px 0;
	padding:10px;
}

.formContainer {
  padding:0 0 20px 0;
  width:600px;
}

.formContainer .formTop {

}

.formContainer .formBottom {

}

.formContainer .formContent {

}

.formContainer form .divider {
  background-color:#CCCCCC;
	font-size:0;
	height:1px;
	line-height:0;
	margin:10px 0; 
}

.formContainer form .itemLeft,
.formContainer form .itemRight {
  float:left;
	padding:0 0 10px 0;
	width:300px;
}

.formContainer form .itemRight {
  float:right;
}

.formContainer form .item {
  padding:0 0 10px;
}

.formContainer form .itemLeft label,
.formContainer form .itemRight label,
.formContainer form .item label {

}

.formContainer form .itemLeft input,
.formContainer form .itemRight input {
  border:1px solid #999999;
  width:270px;
  line-height:20px;
  font-size:14px;
  padding:2px;
}

.formContainer form .item input,
.formContainer form .item textarea {
  border:1px solid #999999;
  width:570px;
  line-height:20px;
  font-size:14px;
  padding:2px;
}

.formContainer form .item textarea { 
  height:70px;
}

.formContainer form .button {
  padding:10px 0 0 0;
}

.formContainer form .button .send {
  background:url(/website/themes/myvitali/images/button_yellow_160.png) no-repeat 0 0;
  behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);
  width:160px;
  height:38px;
  padding:18px 0 0 0;
  text-align:center;
  float:left;
  cursor:pointer;
  color:#603913;
  font-size:16px;
  font-weight:bold;
  line-height:20px;
  text-decoration:none;
}

.formContainer form .itemLeft .missinginput,
.formContainer form .itemRight .missinginput,
.formContainer form .item .missinginput {
  border:2px solid #ff0000;
}

.formContainer form .button .cancel {
  float:left;
  padding:18px 0 0 10px;
}

.formContainer form input.button {
  border:none;
  background-color:transparent;
  color:#00244D;
  font-size:12px;
  font-weight:bold;
  height:30px;
  line-height:20px;
  padding:0;   
}

/* ---------------
@start, Buttons */

.bttnLarge {
  width: 154px;
  height: 24px;
  background: url(/website/themes/myvitali/images/button_large.png) no-repeat 0 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  color: #00244d;
  text-align: center;
  padding: 6px 0 0 0;
  cursor: pointer;
}

/* -------------
@end, Buttons */

.eventContainer .item {
  padding:0 0 10px 0;
}

.eventContainer .item h3 {
  font-size:14px;
  padding:0 5px 0 0;
  float:left;
  font-weight:bold;
  color:#333;
}

.event .block .date {
  text-align:center;
  font-size:21px;
  line-height:20px;
  padding:0 0 20px 0;
  font-weight:bold;
}

.event .block .notify {
  text-align:center;
  color:#333;  
}

.event .block .button {
  background:url(/website/themes/myvitali/images/button_yellow_220.png) no-repeat 0 0;
  behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);
  width:220px;
  height:38px;
  padding:18px 0 10px 0;
  text-align:center;
  cursor:pointer;
  color:#603913;
  font-size:16px;
  font-weight:bold;
  line-height:20px;
  text-decoration:none;
}

.event .infos .item {
  padding:0 0 10px 0;
}

.event .infos .item h3 {
  font-size:12px;
  padding:0;
}

/* ----------------
Blog */

.blog {
  padding-top:40px;
}

.blogs {

}

.blogs .item {
  padding:0 0 20px 0;
  border-bottom:1px solid #e4e4e4;
  margin:0 0 20px 0;
}

.blogs .item h1,
.blogs .item h3 {
  padding:0 0 2px 0;
}

.blogs .item h3 a,
.blogs .item h3 a:hover {
  color:#8cb801;
	font-size:21px;
	font-weight:bold;
	/*letter-spacing:-1px;*/
	line-height:25px;	
	text-decoration: none;
}

.blogs .item h3 a:hover {
  text-decoration: underline; 
}

.blogs .item .post,
.blogs .item .post img {
  padding:0 0 10px 0;
}

.blogs .item .tags {
  padding:20px 0 10px 0;
  border-top:1px solid #e4e4e4;
  margin:10px 0 0 0;
}

.blogs .item .tags,
.blogs .item .tags a,
.blogs .item .tags a:hover {
  font-size:12px;
}

.blogs .item .rss {
  padding:0 0 20px 0;
  border-bottom:1px solid #e4e4e4;
  margin:0 0 20px 0;
}

.blogs .item h4.reply {
  padding:0 0 10px 0;
}

.blogs .item h6 {
  color:#333;
  font-weight:bold;
}

.blogs .item .author {
  color:#999;
  font-size:12px;
  padding:0 0 20px 0;
}

.blogs .item .comments {

}

.blogs .item form {
  padding:10px 0 20px 0;
}

.blogs .item input.comment {
  width:30%;
  border:1px solid #999;
  line-height:20px;
  font-size:14px;
  margin:0 10px 0 0;
}

.blogs .item input.submit {
  width:30%;
  line-height:20px;
  font-size:14px;
}

.blogs .item textarea {
  width:100%;
  height:140px;
  border:1px solid #999;
  font-size:14px;
  line-height:20px;
}

.pagination {
  padding:0 0 20px 0;
}

.pagination .prev {
  float:left;
  width:300px;
  text-align:left;
}

.pagination .next {
  float:right;
  width:300px;
  text-align:right;
}

.sidebar ul.comments,
.sidebar ul.links {
  padding:0 0 10px 0;
}

.sidebar ul.comments li,
.sidebar ul.links li {
  padding:0 0 10px 0;
}

.sidebar .tagcloud {
  padding:0 0 20px 0;
  text-align: justify;
  line-height:20px;
}

/* ----------------
Forum */

.forum {
  clear:both;
  width:100%;
  padding:40px 0 0 0;  
}

/* ----------------
Image Definitions */

.imgLeft {
  float:left;
}

.imgRight {
  float:right;
}


/* ----------------
Footer */

.yellowbox {
  height: 35px;
  width: 960px;
  background: url(/website/themes/myvitali/images/bg_greenbox.gif) no-repeat 0 0;
  text-align:center;
  color: #333;
  padding: 15px 0 0 0;
  font-size:21px;
  line-height:21px;
  font-weight:bold;
  margin:0 0 20px 0;
}

.template_pricing .yellowbox {
  display:none;
}

.yellowbox a,
.yellowbox a:hover {
  font-size:21px;
  font-weight:bold;
  text-decoration: none;
  color:#8cb801;
}

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

#footer {
	background-color:#ccc;
  text-align:center;
}

#subfooter {
  width:960px;
  margin:0 auto 0 auto;
  text-align:left;
  padding:20px 0 30px 0;
}

#subfooter .top {
  background: url(/website/themes/myvitali/images/bg_footer_top.gif) no-repeat 0 0;
  width:960px;
  height:10px;
  line-height:0;
  font-size:0;
  display:block;
}

#subfooter .content {
  background-color:#efefef;
  width:960px;
  padding:10px 0 10px 0;
  float:none;
}

#subfooter .content ul,
#subfooter .content	ol {
  list-style:none;
}

#subfooter .bottom {
  background:url(/website/themes/myvitali/images/bg_footer_bottom.gif) no-repeat 0 0;
  width:960px;
  height:10px;
  line-height:1px;
  font-size:1px;
  display:block;
  padding:0;
  margin:0;
}

#subfooter .content h4 {
  color:#8cb801;
  font-size:12px;
  font-weight:normal;
  padding:0 0 15px 0;
}

#subfooter .content .text {
  font-size:11px;
  line-height:15px;
  padding:0 0 10px 0;
}

#subfooter .content a,
#subfooter .content a:hover {
  font-size:12px;
}

#subfooter .logo {
  float:left;
  width:220px;
  padding:0 0 0 20px;
}

#subfooter .imprint {
  float:left;
  width:220px;
  padding:0 20px 0 0;
}

#subfooter .imprint a,
#subfooter .imprint a:hover {
  padding:0 10px 0 0;
}

#subfooter .infos {
  float:left;
  width:220px;
  padding:0 20px 0 0;
}

#subfooter .infos .rss {
  
}

#subfooter .infos .rss a,
#subfooter .infos .rss a:hover {
  background:url(/website/themes/myvitali/images/icon_rss_small.png) no-repeat 0 center;
  behavior: url(/website/themes/myvitali/css/iepngfix/iepngfix.htc);
  padding:0 0 0 20px;  
}

#subfooter .links {
  float:left;
  width:220px;
  padding:0 20px 0 0;
}

#subfooter .links a,
#subfooter .links a:hover {
  font-size:12px;
  font-weight:bold;
}

/* -----------------------
    Movies Definition */

.movies {
  padding: 0 0 20px 0;
}

.movies .item {
  padding: 0 0 20px 0;
}

/* -----------------------
    Content Gallery */

.gallery {
  padding:0 0 20px 0; 
}

.gallery .item {
  float: left;
  width: 140px;
  height: 140px;
  overflow: hidden;
}

.gallery .item img {
  
}

.gallery #showAll {
  float: left;
  padding-top: 117px;
}

/* -----------------------
    Content Documents */

.documents {
  padding:0 0 30px 0;
}

.documents .item {
  padding:0 0 10px 0;
}

.documents .item .icon {
  float:left;
  width:14px;
  padding:2px 5px 0 0;
}

.documents .item .text {
  float: left;
  width: 400px;
}

.documents .item .text span {
  font-size:11px; 
}

/* ----------------
Font Weight */

.bold {
  font-weight:bold;
}

.normal {
  font-weight:normal;
}

.lighter {
  font-weight:lighter;
}

.bolder {
  font-weight:bolder;
}

/* ----------------
Colors */

.black {
  color:#000;
}

.white {
  color:#fff;
}

/* -----------------------
    Paddings */

.pTop10 {
  padding-top:10px;
}
.pTop20 {
  padding-top:20px;
}
.pBottom10 {
  padding-bottom:10px;
}
.pBottom20 {
  padding-bottom:20px;
}
.pBottom40 {
  padding-bottom:40px;
}
.pLeft10 {
  padding-left:10px;
}
.pLeft20 {
  padding-left:20px;
}
.pLeft40 {
  padding-left:40px;
}
.pRight10 {
  padding-right:10px;
}
.pRight20 {
  padding-right:20px;
}
.pRight40 {
  padding-right:40px;
}
.pRight60 {
  padding-right:60px;
}
.pRight80 {
  padding-right:80px;
}
.pRight100 {
  padding-right:100px;
}

/* -----------------------
    Margins */

.mTop10 {
  margin-top:10px;
}
.mTop20 {
  margin-top:20px;
}
.mTop40 {
  margin-top: 40px;
}
.mTop60 {
  margin-top: 60px;
}
.mBottom10 {
  margin-bottom: 10px;
}
.mBottom20 {
  margin-bottom: 20px;
}
.mBottom40 {
  margin-bottom: 40px;
}
.mBottom60 {
  margin-bottom: 60px;
}
.mLeft10 {
  margin-left:10px;
}
.mLeft20 {
  margin-left:20px;
}
.mRight10 {
  margin-right:10px;
}
.mRight20 {
  margin-right:20px;
}
.mRight60 {
  margin-right: 60px;
}

/* ----------------
Paddings */

.ptop10 {
  padding-top:10px;
}

.ptop20 {
  padding-top:20px;
}

.pbottom10 {
  padding-bottom:10px;
}

.pbottom20 {
  padding-bottom:20px;
}

.pbottom40 {
  padding-bottom:40px;
}

.pleft10 {
  padding-left:10px;
}

.pleft20 {
  padding-left:20px;
}

.pright10 {
  padding-right:10px;
}

.pright20 {
  padding-right:20px;
}

.pright40 {
  padding-right:40px;
}

/* ----------------
Margins */

.mtop10 {
  margin-top:10px;
}

.mtop20 {
  margin-top:20px;
}

.mbottom10 {
  margin-bottom:10px;
}

.mbottom20 {
  margin-bottom:20px;
}

.mleft10 {
  margin-left:10px;
}

.mleft20 {
  margin-left:20px;
}

.mright10 {
  margin-right:10px;
}

.mright20 {
  margin-right:20px;
}

/* ----------------
Floats */

.left {
  float:left;
}

.right {
  float:right;
}

/* ----------------
Grid */

#divGrid12 {
  position:absolute;
  width:960px;
  height:100%;
  z-index:1000;
  top:0;
  left:50%;
  margin:0 0 0 -480px;
}

.grid {
  position:absolute;
  z-index:1000;
  top:0;
  background:url(/website/themes/default/images/tmp/grid.png) 0 0;
  bottom:0;
  width:60px;
  height:100%;
}

/* ----------------
@start, IE7 Bug */

.contentIE7bug {
	padding-top: 100px;
}

.sidebarContainerIE7bug {
	/* padding-top: 140px; */
}
	
/* ----------------
@end, IE7 Bug */