@charset "utf-8";

/* 
webvariants-Textstyles-Generator
Version: 1.0
www.webvariants.de
*/

/* load fonts first for IE 6/7/8 */
@font-face {
	font-family: DaxWeb-Wide;
	src: url(../fonts/dax_web_wide.eot);
}

/* then for opera and safari */
@font-face {
	font-family: DaxWeb-Wide;
	src: url(../fonts/dax_web_wide.svg#webfontkoBxGhyp) format('svg');
	font-weight: normal;
	font-style: normal;
}

/* and at last but not least for all other browsers */
@font-face {
	font-family: DaxWeb-Wide;
	src: url(../fonts/dax_web_wide.woff) format('woff');
}


/*===== Basic Styling (Vertical Rhythm) =====*/

body {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
	
p, ul, ol, dl, blockquote {
	line-height: 20px;
	color:#222;
	margin: 0px 0px 10px;
}
	
h1, h2, h3, h4, h5, h6, span.special {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	color: #0071a7;
	font-weight: normal;
	margin-bottom: 10px;
}
h1 {
	font-family: DaxWeb-Wide, Calibri, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 30px;
	margin: 0 0 20px;
}
span.special, h2 {
	font-size: 21px;
	line-height: 26px;
}
h3 {
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
}
h4 {
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
}
	
h5, h6 {
	font-size: 14px;
	line-height: 20px;
}
	
p + h1, ul + h1, ol + h1, dl + h1, img + h1, blockquote + h1, table + h1 {
	margin-top: 40px;
}
	
p + h2, ul + h2, ol + h2, dl + h2, img + h2, blockquote + h2, table + h2 {
	margin-top: 30px;
}
	
p + h3, ul + h3, ol + h3, dl + h3, img + h3, blockquote + h3, table + h3 {
	margin-top: 20px;
}
	
p + h4, ul + h4, ol + h4, dl + h4, img + h4, blockquote + h4, table + h4 {
	margin-top: 20px;
}
	
p + img {
	margin-top: 10px;
}
	
p + dl.image {
	margin-top: 20px;
}
	
	
/*===== Lists =====*/

li {
	line-height: 22px;
}

ul li {
	margin-left: 15px;
}
	
ol li {
	margin-left: 20px;
}
	
ul li {
	list-style-type: square;
}
	
ul li li {
	list-style-type: disc;
}
	
ul li li li, ul li li li li {
	list-style-type: circle;
}
	
ul ul{
	margin-bottom: 0px;
}
	
ol li {
	list-style-type: decimal;
}
	
ol li li {
	list-style-type: lower-alpha;
}
	
ol li li li, ol li li li li {
	list-style-type: lower-roman;
}
	
ol ol {
	margin-bottom: 0px;
}
	
dt {
	float: left;
	width: 120px;
}
	
dd {
	margin-left: 125px;
}
	

/*===== Links =====*/

a {
	color: #3d90b9;
	text-decoration: none;
	font-weight:bold;
}
	
a:visited {
	color: #0071a7;
}
	
a:hover {
	color: #3d90b9;
	text-decoration: underline;
}
	
a:active {
	color: #3d90b9;
}


/*===== Text Styling =====*/
	
small {
	font-size: 80%;
}
	
big {
	font-size: 130%;
}
	
strong {
	font-weight: bold;
}
	
em {
	font-style: italic;
}
	
sup {
	font-size: 10px;
	vertical-align: super;
}

sub {
	font-size: 10px;
	vertical-align: sub;
}
	

/*===== Images =====*/

img {
	border-width: 0px;
}

.bild dl {
	background-color: #e1f1f9;	
}

.bild dt {
	line-height: 0px;
	text-align: center;
}

.bild dd {
	margin: 0px;
	padding: 0px;
	font-size: 11px;	
}

.bild dd p {
	margin: 6px;
	color: #23669e;
	font-size: 11px;
	line-height: 18px;
}


dl.image {
	background-color: #eee;
	}
	
dl.image dt, dl.image img {
	margin: 0px;
	padding: 0px;
	}
	
dl.image dt {
	float: none;
	}
	
dl.image dd {
	margin: 0px;
	padding: 0px 5px 5px;
	line-height: 20px;
	font-size: 12px;
	}
	
dl.left dd, dl.right dt {
/*	padding-top: 5px;*/
}
	
	
/*===== Tables =====*/

table {
	margin: 20px 0px;
	font-size: 12px;
	text-align: left;
	}
	
caption {
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
	text-align: left;
	margin-bottom: 10px;
}	
	
td, th {
	padding: 0px 10px 0px 0px;
	}
	
td {
	line-height: 19px;
	background-color: #eee;
	border-bottom: 1px solid #ccc;
	}
	
th {
	line-height: 18px;
	background-color: #ddd;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
	
	
/*===== More Elements =====*/
	
hr {
	width: 100%;
	height: 1px;
	background-color: #0071a7;
	color: #0071a7; /* For IE */
	border-width: 0px;
	margin: 19px 0px 20px 0px;
	}
	
blockquote {
	padding: 10px;
	background-color: #e1f1f9;
}

blockquote p {
	line-height: 30px;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 18px;
	font-style: italic;
}
	
blockquote.left, blockquote.right {
	width: 200px;
	padding-top: 0px;
	margin-top: 0px;
	}


/*===== Insertions =====*/

span.special, h2.special, h3.special {
	font-family: DaxWeb-Wide, Calibri, Arial, Helvetica, sans-serif;
}
span.special, h2.special {
	font-size: 24px;
	line-height: 30px;
}
h3.special {
	font-size: 21px;
	line-height: 26px;
	font-weight: normal;
}

.left, .alignleft {
	float: left;
	margin: 5px 8px 0px 0px;
}
	
.right, .alignright {
	float: right;
	margin: 5px 0px 0px 8px;
}

#footer-link, #footer-link > a:active, #footer-link > a:visited, 
#footer-link > a:hover, .list .date, .numbering, #blog-date, .comment-number { color:#fff; }
#footer-link, #footer-link > a:active, #footer-link > a:visited, 
#footer-link > a:hover { font-weight:normal; }
.author, .comment-date, #create-comment-additional-headline,
#create-comment form span { font-family: Georgia; }
.author, .comment-date, #create-comment-additional-headline, #footer-link > a:hover { font-size: 13px; }
author { font-style: italic; color: #b7af90; }
#blog-date-day { font-size: 28px; }
#blog-date-month, #create-comment form span { font-size: 11px; }
.list .date, .numbering, #create-comment label { font-size:14px; }
.trackback a { color: #0071a7; font-size: 12px; }
.comment-date, #create-comment-additional-headline { color: #999; }
.comment-author, #create-comment-headline { font-size: 22px; color: #0d75a7; }
#blog-number { color: #0071a7; }
#blog-number, .comment-number, #create-comment label { font-weight: bold; }
#create-comment form span { color: #bbb; }
.comment-date, #create-comment-additional-headline,
.comment-author, #create-comment-headline, #create-comment form span { letter-spacing: -0.7px; }

.marker { background-color: #fff9d4; }