/* -------------------------------------------------------------- 
	
	Typography.css
	* Sets some default typography.
	
	Based on work by:
	* Nathan Borror     [playgroundblues.com]
	* Jeff Croft        [jeffcroft.com]
	* Christian Metts   [mintchaos.com]
	* Wilson Miner      [wilsonminer.com]
	* Typogrify         [code.google.com/p/typogrify]
	
	The default font size is 12px. The baseline is set to 
	18px. When you're setting heights of elements, always 
	remember to use a multiple of the baseline (18,36,54..).
	
	The height of images shoud also be a multiple of 18.
	
	Read more about using a baseline here:
	* alistapart.com/articles/settingtypeontheweb
	
-------------------------------------------------------------- */   

body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,
caption,pre,p,blockquote,input,textarea,
p.bodytext a {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 18px; /* Baseline here at 150%. This is set multiple places. */
/*	color: #333;  deaktiviert sd 2009-06-04 */
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { 
	font-family: Arial, sans-serif;
	margin: 0; 
	padding: 9px 0;
	color:#111; 
	clear:both; 
}

/* Total height for each heading has to be a multiple of the baseline (18). */
h1 { font-size: 36px; line-height: 36px; padding: 18px 0; }
h2 { font-size: 28px; line-height: 36px; }
h3 { font-size: 18px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; font-weight:bold; }
h6 { font-size: 10px; font-weight:bold; }


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 18px 0; text-align:justify; }
p.last      { margin-bottom:0; }
p img       { float: left; margin: 18px 18px 18px 0; padding:0; }
p img.top   { margin-top:0; } /* Use this if the image is at the top of the <p>. */

ul, ol      { margin: 18px 0 18px 18px; list-style-type:disc; }
li          { line-height:18px; }
ol          { list-style-type: decimal; }
dl          { margin: 18px 0; }
dl dt       { font-weight: bold; }

a           { color: #125AA7; text-decoration: none; outline: none; }
a:hover     { color: #000; }

blockquote  { margin: 18px 0 18px 23px; font-size: 0.9em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 18px; line-height:18px; background: #eee; padding:8px; border:1px solid #ddd; }
code        { font:0.9em Monaco, monospace; }


/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 13px; border-top:1px solid #ddd; border-left:1px solid #ddd; }
th,td   { height:17px; padding:0 8px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
th      { font-weight:bold; }


/* Some default classes
-------------------------------------------------------------- */

.small, .small p  { font-size: 10px; }
.large, .large p  { font-size: 14px; }
.quiet, .quiet p  { color: #666; }
.hide             { display: none; }

/* TODO: Implement image captions. */
.caption { }


/* Extra fancy typography
-------------------------------------------------------------- */

/* For great looking ampersands, use this code instead of &amp;: 
	<span class="amp">&amp;</span>  */
	
.amp { 
	color: #666; 
	font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", serif; 
	font-size: 1.1em;
	line-height:10%; /* Fix to maintain correct baseline */
	font-style: italic;
}

/* For great looking quote marks in titles, replace "asdf" width:
	<span class="dquo">&#8220;</span>asdf&#8221;
	(That is, when the title starts with a quote mark). */  

.dquo { margin-left: -.7em; } 
/* (You may have to change this value depending on your font size). */


/*
* ./typography.css
* Usage: dwt typography style sheet
*
* Copyright (C)2008 dwt-zelte <mailto:info@dwt-zelte.de>
*
* Last modification: 2008-09-08 20:00
*******************************************************************************/


.h1,h2,h3,h4,h5,h6, h3 a, h3 a:hover { 
	font-family: Verdana, Arial, sans-serif;
	font-style: normal;
	text-decoration: none;
	margin: 0; padding: 0; border: 0;
	color: #000000;
	clear:both; 
}

h1 {
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 2px;
}
h2 {
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #666666;
	margin-bottom: 14px;
}
h2,h3,h4,h5,h6, h3 a {
	font-size: 14px;
	line-height: 16px;
/*	font-weight: bold;*/
}
h4 {
	color: #e2007a;
}

p {
	margin: 0 0 18px 0;
	font-size: 13px;
	text-align:left;
}

p .bodytext {
	margin: 0 0 18px 0;
	font-size: 13px;
	text-align:left;
}

ul, ol {
	margin: 9px 0 18px 18px;
	font-size: 13px;
	/* list-style-image:url(ul_middot_11x11.gif); */
}

a {
	font-size: 11px;
	color: #e2007a;
	text-decoration: none;
	outline: none;
	font-weight: bold;
}
a:hover {
	color: #e2007a;
}

#meta-navigation, #breadcrumbs, #left-navigation, #hr-footer {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}

.contentcontainer {
	font-size: 13px;
}


/* SITEMAP */
/****************************************************************************/
.sitemapcol, .sitemapcol a, .sitemapcol ul, .sitemapcol ul li {
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
	color: #5c5c5c;
}
.sitemapcol a:hover {
	color: #000000;
}
span.sitemap-first-level {
	font-size: 11px;
	font-weight:bold;
}
ul.lvl-2 {
	margin: 9px 0 0 0;
}
li.lvl-2{
	line-height: 12px;
}


/* LOGIN and SEARCHBOX*/
/****************************************************************************/
.rightbox form, .languagebox-text {
	font-family: Verdana, Arial, sans-serif;
	color: #cccccc;
	color: #5c5c5c;
	font-size:11px;
	line-height: 13px;
}


/* NEWS CONTAINER */
/****************************************************************************/
.news-list-item.ganzzelte h3,.news-list-item.teilzelte h3,.news-list-item.markisen h3,.news-list-item.mobilzelte h3,.news-list-item.outdoor h3,.news-list-item.sonnendaecher h3,.news-list-item.extras h3,.news-list-item.aktionsfarbe h3,
.news-list-item.ganzzelte a,.news-list-item.teilzelte a,.news-list-item.markisen a,.news-list-item.mobilzelte a,.news-list-item.outdoor a,.news-list-item.sonnendaecher a,.news-list-item.extras a,.news-list-item.aktionsfarbe a,
.rightmiddlebox h1, .rightbottombox h1, .news-latest-container h3, .nli_head  {
	line-height: 20px;
	font-family: "Gill Sans",Verdana, Arial, sans-serif;
	font-weight: normal;
	font-style: italic;
	font-size: 18px;
	color: #ffffff;
	overflow: hidden;
}


/* RIGHT NEWS CONTAINER */
/****************************************************************************/
.news_list_container_right {
	font-family:Verdana, Arial, sans-serif;
	color: black;
	font-size:1em;
}
.news_list_item_right_header{
	font-family:Verdana, Arial, sans-serif;
	color: black;
	font-size:11px;
	font-weight: bold;
	line-height: 11px;
}
.news_list_item_right_subheader * {
	font-family:Verdana, Arial, sans-serif;
	color: black;
	font-size: 11px;
	line-height: 11px;
	font-weight: normal;
}
.news_list_item_right_subheader p.bodytext {
	padding: 0;
}

.news_list_item_right_linkitem {
	color: #E2007A;
	font-family:Verdana, Arial, sans-serif;
	font-size:10px;
	font-weight: bold;
	line-height: 10px;
}


/*
* COMMON FORMATTING
*********************************************************************************/
h1,h2,h3,h4,h5,h6, p.bodytext {
	padding-left: 15px;
	padding-right: 15px;
}