/* -------------------------------------------------------------- 
    
   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 {
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 18px; /* Baseline here at 150%. This is set multiple places. 
  color: #333;
}*/


/* 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: #333; 
  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). */




/*SECOND PART OVERRIDE*/
/*
* ./typography.css
* Usage: www.caravaning-info.de typography
*
* Copyright (C)2008 www.caravaning-info.de
*
* Last modification: 2009-01-15 09:00
****************************************************************************** */
.middlecol a{
	color: #333;
	line-height:18px;
	font-weight:normal;
	}


#content a.glossary{
	border-bottom: 1px dotted;
	text-decoration: none;
	color: #333;
	font-weight: normal;
	line-height:16px;
	display:inline;
	}


body *{
	font-family: Arial, sans-serif;
	}
li {
	line-height:18px;
}




/*.csc-header {
	font-size: 18px;
	color: #000000;
}
*/
h1,h2,h3,h4,h5,h6 { 
	font-family: Arial, sans-serif;
/*	margin: 0;     auskommentiert von sd */
/* auskommentiert wegen rgaccordion
	width:100%;
*/

/* fix img float with h1-h6 problems in csi-textpics */
	display:block;
/*
	clear:both; 
*/

/*	padding: 0;     auskommentiert von sd */
}


/*
.csc-header-n3 h1 {
	font-size: 18px;
	color: #000000;
}
*/
h1 {
	font-size: 14px;
	line-height: 14px;
	color: #ff9c21;
	font-weight:bold;
	margin-top: 10px;
	margin-bottom: 4px;
}
h1 a{
	color: #ff9c21 !important;
	font-weight:bold;
	}
h1 a:hover{
	font-weight:bold;
	}
h1 a:visited, h1 a:active{
	color: #ff9c21;
	}

/*
h2 {
	font-size: 16px;
	line-height: 18px;
	padding: 9px 0;
	color: #000000;
}

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);
}*/
/* News linke Seite Headlines */
.news-latest-item h3 a, .news-latest-item h3 a:hover, .news-latest-item h3 a:active, .news-latest-item h3 a:link, .news-latest-item h3 a:visited {
/* Deactivated 2009-11-24
	font-weight: bold; */
	font-weight: normal;
}
.middlecol h3 a, .middlecol h3 a:hover, .middlecol h3 a:active, .middlecol h3 a:link, .middlecol h3 a:visited {
	font-weight: bold;
}
a {
	text-decoration: none;
	outline: none;
	border-bottom: 1px solid;
	font-weight:normal;
}
a:hover, a:active {
	color: #f53000;
	font-weight:normal;
}
a:visited{
	color: #333;
	font-weight:normal;
	}

a:hover{
	/* keine Änderungen da Glossarlinks an verschiedenen stellen mit unterschiedlicher color Formatierung */
	}

.head_logo a{
	text-decoration:none;
	border: none;
	}
/*#meta-navigation, #breadcrumbs, #left-navigation, #hr-footer {
	font-family: Arial, sans-serif;
	font-size: 11px;
}

.contentcontainer {
	font-size: 13px;
}

.csc-header-n1 h1 {
	padding-left: 55px;
	padding-top: 25px;
	font-size: 18px;
	color: #000000;
	height:55px;
}*/
/* Metafunction */
/****************************************************************************/
.metafunction a{
	font-size:10px;
	color: white;
	font-weight:normal;
	border-bottom: none;
	text-decoration: underline;
	font-family: Arial, sans-serif;
}
.metafunction #home a {
	margin-right: 6px;
}
.metafunction #senden a {
	margin-left: 6px;
	margin-right:6px;
}

.metafunction #drucken a{
	margin-left: 6px;
	margin-right:6px;
}
.metafunction #bookmarks a {
	margin-left: 6px;
}
#search .textbox{
	font-size: 12px;
	line-height: 16px;
	}

/* Breadcrumbs */
/****************************************************************************/
#navicontent{
	font-family: Arial, sans-serif;
	}
#breadcrumbs{
	margin: 0px;
	padding: 0px;
	color: white;
	font-size: 10px;
	font-weight:normal;
	height:16px;
	line-height:16px;
	overflow:hidden;
	}
#breadcrumbs strong{
	font-weight:normal;
	line-height: 16px;
	}
#breadcrumbs a{
	color: white;
	font-size: 10px;
	line-height: 16px;
	font-weight:normal;
	}
#breadcrumbs a:hover{
	font-weight:normal;
	}
#breadcrumbs a:visited, #breadcrumbs a:active{
	font-weight:normal;
	}

#date	{
	color: white;
	font-size: 10px;
	line-height: 16px;
	}
#breadcrumbs dfn{
	font-style: normal;
	}
/* Mainnavi */
/****************************************************************************/
.mmLevel1 a,  .mmLevel1 a:hover, .mmLevel1 a:visited, .mmLevel1 a:link, .mmLevel1 a:active{
	color: white;
	}


.mmContent a {
	border-bottom: none;
	font-size: 12px;
	color:white;
	font-weight:normal;
	font-family: Arial, sans-serif;
	}
.mainnavi ul li a span {
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
}

.mainnavi ul li a {
	display:block;
	border-bottom: none;
	
	height:100%;
	line-height:26px
}
.mainnavi ul ul li a span {
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	text-transform: none;
	height:100%;
	line-height:26px
}


/* subnavi */
/****************************************************************************/
#subnavi a{
	color:white;
	font-size: 13px;
	font-family: arial, sans-serif;
	font-weight:normal;
	border-bottom: none;
	}
#subnavi ul ul a
	{
	color: #333;
	}
#subnavi .subnavi_current_img a{
	color: white;
	}

/* sitemap */
/****************************************************************************/
.sitemapcol, .sitemapcol a, .sitemapcol ul, .sitemapcol ul li {
	font-size: 10px;
	line-height: 12px;
	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;
}

#sitemap *{
	color:#666;
	font-size: 11px;
	font-family: arial, sans-serif;
	font-weight:normal;
	}

#sitemap a{
	color:#666;
	font-size: 11px;
	text-transform: uppercase;
	border-bottom: none;
	}

#sitemap ul ul a{
	text-transform: none;
	}
.sitemapcol ul a{
	text-transform: none !important;
	}

/* Contentbox */
/****************************************************************************/
#content h1 a{
	color: #ff9c21 !important;
	font-weight:bold;
	}
#content h1 a:hover{
	font-weight:bold;
	}
#content h1 a:visited, h1 a:active{
	color: #ff9c21;
	}

#content {
	color: #333;
	font-size: 12px;
	font-family: Arial, sans-serif;
	line-height:16px;
	}
dfn{
	font-style:normal;
	}
#content a:hover{
	color:#333;
	}
.csc-header a:hover{
	color: #ff9c21;
	}
/*glossary*/
.glossary li {
	/*line-height: 16px;*/
	font-size: 12px;
	}
.glossary h1 {
	font-size: 14px;
	line-height: 14px;
	color: #ff9c21;
/* Deactivated
	font-weight:bold;*/
	margin-top: 10px;
	margin-bottom:10px;
	}
h1 .glossary, h4 .glossary{
	font-size: 14px;
	line-height: 14px;
	color: #ff9c21 !important;
/* Deactivated
	font-weight:bold !important;*/
	margin-top: 10px;
	margin-bottom:10px;
	}
#content_box_left_125 a{
	text-decoration:none;
	border:none;
	}
#content_box_left_220 a{
	text-decoration:none;
	border: none;
	}

#content_box_right_300 .csc-header h3 ,.civd-fett-blau, .csc-header h4{
	font-size: 14px;
	line-height: 14px;
	color: #ff9c21;
	font-weight:bold;
	margin-bottom:10px;
	}
/*#content_box_right_300 a, #content_box_right_300 a:link, #content_box_right_300 a:hover, #content_box_right_300 a:visited{
	border:none;
	font-size: 14px;
	line-height: 14px;
	color: #ff9c21;
	font-weight:bold;
	margin-bottom:10px;
	}*/

.civd-fett-blau{
	display:block;
	}
#content_box_right_395 a{
	font-size: 14px;
	line-height: 14px;
	color: #ff9c21;
	font-weight:bold;
	margin-bottom:0px;
	vertical-align:middle;
	display:block;
	text-decoration:underline;
	border:none;
	}
#content_box_right_395 a:hover{
	color: #ff9c21;
	}

.csc-firstHeader {
	font-size: 14px;
	line-height: 14px;
	color: #ff9c21;
	font-weight:bold;
	margin-bottom:10px;
}
.rgsgcontent a {
	border:none;
	text-decoration:none;
}
#rglbPrevLink, #rglbNextLink, #rglbCloseLink{
	border:none;
	text-decoration:none;
	
}
/* Tip a friend */
.taf_url .taf_link a, .taf_url .taf_link a:hover{
	font-size: 14px;
	line-height: 14px;
	color: #ff9c21 !important;
	font-weight:bold;
}
.taf_right {
	color: #ff9c21;
}
.taf_send input{
	font-size: 12px;	
}
/*Suche*/
.searchResultPrevNext a{
	color: white;
	text-decoration:none;
	border:none;
	white-space:nowrap; 
} 
.searchResultPrevNext a:hover{
	color:white !important;
	font-weight: normal;
}
.csc-searchResultRange p{
	font-size: 14px;
	line-height: 14px;
	color: #ff9c21;
	font-weight:bold;
	margin-top: 10px;
	margin-bottom:10px;
	text-indent: 0px;
}
h3.csc-searchResultHeader a {
	font-size: 14px;
	line-height: 14px;
	color: #ff9c21;
	font-weight:bold;
	margin-top: 10px;
	margin-bottom:10px;
	border: 0px;
	text-decoration: none;
	text-indent: 0px;
}
h3.csc-searchResultHeader a:hover{
	color: #ff9c21 !important;
	font-weight:bold;
	}
.csc-searchResult{
	text-indent: 0px;
	color: #333;
	font-size: 12px;
	line-height:14px;
}
.search-range{
	color: #333;
	font-size: 12px;
	line-height:16px;
	vertical-align:bottom;
	font-weight: normal;
}
.search-wrap{
	
	}

.searchresult-button a{
	text-decoration:none;
	color: white;
	}
.searchresult-button a:hover{
	text-decoration:none;
	color: white !important;
	border:none;
	font-weight:normal;
	}
.search-prevbutton, .search-nextbutton {
	width: 95px;
	height: 19px;
}
.search-prevbutton a{
	width: 95px;
	height: 19px;
	text-decoration:none;
	color: white !important;
	border:none;
	font-weight:normal;
	background:#F6A007;
	padding: 0px 5px;
	float:right;
}
.search-nextbutton a{
	width: 95px;
	height: 19px;
	text-decoration:none;
	color: white !important;
	border:none;
	font-weight:normal;
	background:#F6A007;
	padding: 0px 5px;
	
}
.search-nextbutton a:link, .search-prevbutton a:link, .search-nextbutton a:visited, .search-prevbutton a:visited {
	background: url(btn/btn_seiten_blaettern.gif) no-repeat;
	margin:0px;
	display:block;
}
.search-nextbutton a:hover, .search-prevbutton a:hover, .search-nextbutton a:active, .search-prevbutton a:active {
	background: url(btn/btn_seiten_blaettern_over.gif) no-repeat;
	margin:0px;
	display:block;
}


/* google map */
#stage small a {
	width: 132px;
	height: 34px;
	}
#stage small a{
	color: white;
	background: #e2a126;
	padding: 0 0 0 2px;
	font-size: 12px;
	font-weight: normal;
	text-decoration:none;
	border:none;
	}
#stage small a:link, #stage small a:visited {
	background: url(btn/btn_groessere_karte.gif) no-repeat;
	margin:0px;
	display:block;
}
#stage small a:hover, #stage small a:active{
	background: url(btn/btn_groessere_karte_over.gif) no-repeat;
	margin:0px;
	display:block;
}
/* linker NEWS container homepage */
/****************************************************************************/

.col3_left{
	font-family: Arial, sans serif;
	color: #333;
	font-size: 12px;
	line-height: 16px;
	}
/*  der linken oberen Boxen */
#artikel_left_top a{
	text-decoration: none;
	border:none;
	}
#artikel_left_top h3{
	color:white;
	font-size: 13px;
	line-height: 26px;
	height:26px;
	overflow:hidden;
	white-space:nowrap;
	}
#artikel_left_top h3 a{
	color: white;
	font-size: 13px;
	}
#artikel_left_top h3 a:hover{
/*	font-weight:bold;*/
	}
#artikel_left_top .news-latest-morelink a{
	display:inline;
	color:white;
	line-height: 20px;
	}
/*  der linken unteren Boxen */
#artikel_left_bottom a{
	text-decoration: none;
	border:none;
	}
#artikel_left_bottom h3 {
	color:white;
	font-size: 13px;
	line-height: 26px;
	height:26px;
	overflow:hidden;
	white-space:nowrap;
	}
#artikel_left_bottom .news-latest-item h3 a {
	color: #000000;
	font-size: 13px;
	}
#artikel_left_bottom .news-latest-item h3 a:hover {
/*	font-weight:bold;*/
	}
#artikel_left_bottom .news-latest-morelink a {
	display:inline;
	color:white;
	line-height: 20px;
	}
#artikel_left_bottom .news-latest-item h3 {
	color: #000000;
	background: #ffffff;
	font-weight: bold;
}
#artikel_left_bottom .news-latest-item {
	color: #000000;
	background: #ffffff;
}
/* rechter NEWS container, mittlerer NEWS container */
/****************************************************************************/

.col3_right{
	font-family: Arial, sans serif;
	color: #333;
	font-size: 12px;
	line-height: 16px;
	}
.col3_right h1{
	}
.col3_right a, .middlecol a {
	text-decoration: none;
	border: none;
}
.col3_right h2{
	color: #333;
	font-size: 12px;
	line-height: 26px;
	}

.col3_right h3{
	color:white;
	font-size: 13px;
	line-height: 14px;
	/*height:16px;*/
	margin-bottom: 4px;
	}
.col3_right h3 a:link, .col3_right h3 a:visited, .col3_right h3 a:active{
	font-size: 14px;
	line-height: 14px;
	color: #ff9c21;
	font-weight:bold;
	}
.middlecol h3 a, .middlecol h3 a:link, .middlecol h3 a:visited, .middlecol h3 a:active, .middlecol h3 a:hover{
	font-size: 14px;
	line-height: 14px;
	color: #ff9c21;
	font-weight: bold;
}
/* BUG mit .middlecol h3 a:hover beheben */
#box_content h3 a, #box_content h3 a:link, #box_content h3 a:visited, #box_content h3 a:active, #box_content h3 a:hover{
	font-size: 14px;
	line-height: 14px;
	color: #ff9c21;
	font-weight: bold;
}
/* no id but classes */
/* BUG mit .middlecol h3 a:hover beheben */
.box_content h3 a, .box_content h3 a:link, .box_content h3 a:visited, .box_content h3 a:active, .box_content h3 a:hover{
	font-size: 14px;
	line-height: 14px;
	color: #ff9c21;
	font-weight: bold;
}

.col3_left .news-latest-morelink a {
	display:inline;
	color:white;
	line-height: 20px;
	text-align:center;
	font-weight:normal;
}
.col3_right .news-latest-morelink a {
	display:inline;
	color:white;
	line-height: 20px;
	text-align:center;
	font-weight:normal;
}
#stage .news-single-morelink a,
#stage .news-latest-morelink a {
	display:inline;
	color:white;
	line-height: 20px;
	text-align:center;
	font-weight:normal;
}
.middlecol .news-single-morelink a,
.middlecol .news-latest-morelink a {
	display:inline;
	color:white;
	line-height: 20px;
	text-align:center;
	font-weight:normal;
}
.col3_right .news-latest-morelink a:hover{
	font-weight:normal;
	}
#stage .news-single-morelink a:hover,
#stage .news-latest-morelink a:hover{
	color: #ffffff;
	font-weight:normal;
	}
.middlecol .news-single-morelink a:hover,
.middlecol .news-latest-morelink a:hover{
	color: #ffffff;
	font-weight:normal;
	}
/* Formatierung für Überschriften der rechten Boxen - nicht zur verwechseln mit den h1 der rechen boxen! 
.col3_right ???{
	font-family: Arial, sans serif;
	color: #ff9c21
	font-size: 14px;
	line-height: 14px;
	}
	*/
#video {
	font-size: 9px;
	color: #333;
}

/* h1 der video Box */
#video h1{}


.taf_send input{
	color:white;
}
ul.glossary li p.description {
	font-family: Arial,sans-serif;
}
.glossary li h1 {
	margin-bottom: 0px;
}
ul.glossary li, ul.glossary li b, ul.glossary li p {
	line-height:16px;
}
p {
	text-indent: 0px;
	margin-bottom: 16px;
	line-height: 16px;
}