/*
Theme Name: Vitaclub
Theme URI: http://www.makroebene.at/
Description: The original Vitaclub Theme
Version: 1.0
Author: Florian Heuse
Tags: three-column, fixed width, style: vita club CI
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:  #333333;
	background-color: #FFFFFF;
	padding:0;
}

h3 {
	font-size: 16px;
	font-weight:bold;
	margin: 0 0 12px 0;
	padding:0 10px;
	line-height: 24px;
    border-left:2px solid #b1bac7;
}

.storycontent h3 {
    clear:both;
}

h3.date  {
	font-size: 12px;
	margin:5px 0 0 0;
	padding:0;
	border:none;
}

h2 {margin:5px 0;}

a {
	color: #01355b; /*color: #525252;*/
	text-decoration: none;
}

a img { border:none; }

p {
    line-height:16px;
}

/*********Begin Typography*************************/

blockquote  {margin:1em; color:#666; font-style:italic; border-left:5px solid #a0a0a0; padding:0 0 0 10px;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

strong {font-weight:bold;}
em,dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}

.storycontent h1  {font-size: 18px; line-height: 24px; margin-bottom:0.8em;}
.storycontent h2  {font-size: 18px; line-height: 24px; margin-bottom:1em;}
.storycontent p  {font-size: 14px; line-height: 18px; margin-bottom:1em;}
.storycontent ul, ol {margin: 0; margin-bottom:1em; padding-left:3.333em;}
.storycontent ul  {list-style-type:square;}
.storycontent ol  {list-style-type:decimal;}
.storycontent p  a{ text-decoration: underline;}

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

.box ul { margin: 0; padding:0; padding-left:1em;  }
*+ html .box ul li { }
* html .box ul li { }
.box ul li { width:100%; border-bottom:1px dotted #7f8997; line-height:22px; list-style-type:square; vertical-align: middle;}

/*********endTypography*************************/

#stage {
	width: 989px;
	margin: 0 auto;
	position:relative;
}

#stage:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#stage .imheader {
	height: 50px;
}

#headerimg {
    float:left;
	height: 130px;
	width: 225px;
}

#logo {
    position:relative;
    top:20px;
	display: block;
	width: 202px;
	height: 85px;
	text-indent: -22222px;
	overflow: hidden;
    background-image: url('vita-blog_klein.jpg');
	background-position: center center;
	background-repeat: no-repeat;
}

#wrapper {
    float:left;
    width: 989px;
}

#sidebar {
    float:right;
	width: 202px;    /*182*/
	min-height:965px;
}

* html #sidebar {
	margin: 0 0 0 -10px;
}

#navigation {

    float:left;
    width: 202px;
    position:relative;
    right:585px; float:left; width:202px; position:relative; right:585px;
}

#content {
    clear:both;
    position:relative;
    left:202px;
    float:left;
	width: 513px;
	padding: 0 39px 0px 33px;
	overflow: hidden;
}

#footercontent {
     width: 975px;
     padding:10px 3px 0 10px;
     font-weight: normal;
	 color: #666666;
	 font-size: 10px;
     background-color:#b6becd;
}

.hotline {
    margin-bottom:10px;
    font-size:20px;
    color:#334D66;
}