@charset "utf-8";
/* CSS Document */

/**
 * Project:		FISCH & FANG
 * Purpose:		Font Styles
 * 
 * @author:		Andreas Prockl <ap@okapi.de>
 * @version:	1.0
 * @date:		02/2010
 */


/* TABLE OF CONTENTS:
---------------------------------------------------------------------------------------
	
	1:	TYPOGRAPHY & LINK STYLING:
		
		1.0:	SECURE LINE-BREAKS:
		1.1:	TYPO:
		1.2:	FONT-SIZES:
		
				-	DEFAULTS
				-	HOME-PAGE: MAIN-MODULES - TEASER
				-	HOME-PAGE: SIDE-MODULES - FORMS
				-	CONTENT-PAGE: ARTICLE
				-	CONTENT-PAGE: ARTICLE - INFO-BOXES
				-	CONTENT-PAGE: ARTICLE - LISTS
				-	CONTENT-PAGE: SEARCH-RESULTS
				-	CONTENT-PAGE: ANGELKARTEN
				-	CONTENT-PAGE: ABO
			
		1.3:	COLOURS:
		1.4:	LINKS:
		
				-	DEFAULTS
				-	EXCEPTIONS WITHOUT UNDERLINES
				-	NAVIGATION - HEADER
				-	NAVIGATION - MAIN: LEVEL-0
				-	NAVIGATION - MAIN: LEVEL-1
				-	NAVIGATION - BREAD-CRUMB
				-	NAVIGATION - FOOTER
				-	TEASER-MODULES: CATEGORY-LINKS
				-	TEASER-MODULES: TEASERS
				-	SINGLE BUTTON- & LINK-TYPES
				-	FIXES FOR LINK-STYLED BUTTONS

		
	
--------------------------------------------------------------------------------------	
*/




/*  >> 1.	TYPOGRAPHY & LINK STYLING:
---------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------- */

/*
	COLOURS (FONTS)
	-------------
	grey1 light	:	#747474
	grey2 dark	:	#666
	
	black			:	#000
	white			:	#FFF
	
	red1 dark	:	#8B0000	
	red2 light	:	#AF3333	
	
	blue1 light	:	#587BA1	// #82ACC8
	blue2 dark	:	#00325A	// #055A92
	
	
	COLOURS (BGs)
	-------------
	white			:	#FFF
	grey			:	#EBEBEB
	
	
	FONT-SIZES (REGULARS)
	-------------
	big			:	24px
	medium		:	12px
	small			:	11px
*/



/*  		>> 1.0.	SECURE LINE-BREAKS:
--------------------------------------------------------------------------------------- */

li.nav-col h4,
li.nav-col h4 a,
li.nav-col ul.nav-cat a,
div.module-header h2,
div.simple-txt a,
div.simple-txt p,
ul.structured-list li { word-wrap: break-word; }



/*  		>> 1.1.	TYPO:
--------------------------------------------------------------------------------------- */

body, h1, h2, h3, h4, h5, h6, p, a, li, th, td, input, textarea, label, button, input {	font-family: Arial, Helvetica, sans-serif; }

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

div.module-header h2,
div.article-txt h2,
div.module-teasers-big h3 a,
div.infobox h3,
div.abobox p.price,
div.module-head-cnt-desc p { font-family: "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif }




/*  		>> 1.2.	FONT-SIZES:
--------------------------------------------------------------------------------------- */

/* DEFAULTS
------------------ */
/* font-size 0.5 em ist notwendig damit man die inneren boxen scrollen kann */
body { font-size: 0.5em; line-height: 0.01%; }

input,
textarea { font-size: 13px; }

h3, h4, h5, h6, a, span, p, td, th, label { font-size: 12px;	line-height: 1.2em; }



/* HOME-PAGE: MAIN-MODULES - TEASER
----------------------------------- */
div.module-header h2 { font-size: 24px; line-height: 1.2em; font-weight: normal; }

div.module teaser-txt p,
ul.teaser-list div.teaser-txt p { font-size: 11px; }


div.module-header h2 								{ padding-top: 5px; padding-bottom: 7px; }
div.module-teasers-big div.module-header h2	{ padding-bottom: 4px; }

div.module-title-topic div.teaser-txt h3		{ padding: 5px 0 3px; /* padding: 6px 0 5px; */ }
div.module-teasers-big h3							{ padding: 8px 0; }

div.side-module-simple-list .simple-txt h3	{ padding-bottom: 3px; }

div.module-title-topic p,
div.module-teasers-big div.teaser-txt p,
div.col-main div.module-footer p					{ padding-left: 1px; }


/* SAFARI v3 FIXES */
body.cb_safari3 div.module-header h2 { padding-top: 8px; padding-bottom: 4px; }
body.cb_safari3 div.module-teasers-big div.module-header h2	{ padding-bottom: 1px; }



/* HOME-PAGE: SIDE-MODULES - FORMS
----------------------------------- */
div.side-form input.ip-text,
div.side-form select.ip-select
{
	font-size: 12px;
	line-height: 1.2em;
	color: #666;
}


/* CONTENT-PAGE: ARTICLE
----------------------------------- */
div.rel-img-desc p,
div.rel-img-desc a { font-size: 11px; line-height: 13px; }

div.article-txt h2
{
	font-size: 24px;
	line-height: 1.2em;
	font-weight: normal;
	color: #055A92;
	margin-left: -1px;
	padding-bottom: 4px;
}

div.article-txt p.intro-txt,
div.article-txt p.intro-txt a,
div.article-txt div.intro-txt p,
div.article-txt div.intro-txt p a,
div.related-wrapper h4 { font-size: 13px; line-height: 1.25em; }

div.article-txt p.intro-txt,
div.article-txt div.intro-txt p
{
	color: #000;
	padding: 5px 0;
}


div.article-txt p,
div.article-txt p a { font-size: 12px;	line-height: 1.4em; }

div.article-txt p
{
	color: #566057;
	padding: 7px 0;
}

div.related-wrapper h4 { color: #566057; padding-bottom: 3px; }

div.related-wrapper h4 span.inl-btn,
div.related-wrapper h4 span.inl-btn a { font-size: 11px; font-weight: normal; }

div.related-wrapper h4 span.inl-btn
{
	margin-left: 5px;
	padding-left: 10px;
	background: url(../images/btn_arrow_blue.png) -2px 1px no-repeat;
}

ul.related-links a,
ul.related-links .btn-link-s2 span { font-weight: bold; }

ul.related-links.variant-1 a { font-weight: normal; }

ul.related-links.variant-1 li
{
	position: relative;
	color: #055A92;
	padding-left: 10px;
	background: url(../images/btn_arrow_blue.png) -2px 3px no-repeat;
}

ul.related-links li span.add-info { color: #666; }

ul.related-links a,
ul.related-links span,
ul.comments-list p,
ul.comments-list a,
ul.comments-list span
{
	font-size: 13px;
	line-height: 15px;
}

div.discussion-wrapper ul.comments-list p,
div.discussion-wrapper ul.comments-list a,
div.discussion-wrapper ul.comments-list span 
{
	font-size: 12px;
	line-height: 1.3em;
}

ul.comments-list p { color: #566057; }

p.btn-link-s2 span { padding-left: 2px; }
span.btn-link-s2 span { padding-left: 1px; }

.btn-link-s2 span { color: #055A92; }


/* SAFARI 3 FIXES */
body.cb_safari3 div.article-txt h2 { padding-top: 4px; }




/* CONTENT-PAGE: ARTICLE - INFO-BOXES
----------------------------------- */
div.article-txt div.infobox ol li,
div.article-txt div.infobox ul li,
div.article-txt div.infobox p,
div.article-txt div.infobox span,
div.article-txt div.infobox a { font-size: 13px; line-height: 1.3em; }

div.infobox h3
{
	font-size: 18px;
	line-height: 1.2em;
	font-weight: normal;
	color: #055A92;
	padding-top: 8px;
	padding-bottom: 2px;
}
div.infobox div.ib-txt h3 { padding-top: 0; }

/* SAFARI 3 FIXES */
body.cb_safari3 div.infobox h3 { padding-top: 12px; }	
body.cb_safari3 div.infobox div.ib-txt h3 { padding-top: 3px; }


div.article-txt div.infobox p
{
	color: #000;
	padding-top: 10px;
	padding-bottom: 0;
}

div.infobox ol
{
	list-style-position: outside;
	list-style: decimal;
	padding-left: 19px;
	padding-right: 10px;
}

div.article-txt div.infobox p.ib-title
{
	font-size: 12px;
	color: #055A92;
	font-weight: bold;
	padding-top: 0;
	padding-bottom: 2px;
}

div.infobox div.ib-vis div.img-desc p { font-size: 11px; padding-top: 5px; }



/* CONTENT-PAGE: ARTICLE - LISTS
----------------------------------- */
div.col-main .module-simple-list h3 { padding-bottom: 3px; }
div.col-main .module-simple-list h3 a { font-size: 12px; }



/* CONTENT-PAGE: TEMP - AD-LISTS
----------------------------------- */
ul.adlist li.tl-item h3 { padding-bottom: 3px; }
ul.adlist li.tl-item h3 a { text-decoration: underline; }
ul.adlist li.tl-item p { font-size: 11px; margin-left: 1px; }



/* CONTENT-PAGE: SEARCH-RESULTS
----------------------------------- */
div.sort-results-wrapper input.ip-text,
div.sort-results-wrapper select.ip-select
{
	color: #666;
	font-size: 13px;
	line-height: 1.2em;
}

div.sort-results-wrapper div.input-wrapper label
{
	font-size: 11px;
	color: #666;
}

div.module-cnt div.warning h2,
div.module-cnt div.warning p,
div.module-cnt div.warning span,
div.module-cnt div.warning a,
div.module-cnt div.warning li
{
	font-size: 13px;
	line-height: 1.2em;
}

div.module-cnt div.warning h2,
div.module-cnt div.warning ul { padding-bottom: 10px; }

div.module-cnt div.warning ul
{
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 17px;
}

div.module-cnt div.warning p,
div.module-cnt div.warning li { padding-bottom: 3px; }



/* CONTENT-PAGE: ANGELKARTEN
----------------------------------- */
div.article-txt h4
{
	font-size: 13px;
	line-height: 1.25em;
	font-weight: bold;
	color: #055A92;
	padding-top: 8px;
	padding-bottom: 3px;
}

div.article-txt .color1 { color: #055A92; }



/* CONTENT-PAGE: ABO
----------------------------------- */
div.abo-main-teaser div.abo-main-txt p { color: #000; }

div.abo-main-teaser div.abo-main-txt p,
div.abo-main-teaser div.abo-main-txt span { font-size: 13px; line-height: 1.25em; }

div.article-txt div.abobox p.price span {	font-size: 12px; }

div.article-txt div.formbox p,
div.article-txt div.formbox h3 { font-size: 13px; color: #666; }

div.article-txt div.formbox h3 { padding-bottom: 5px; }

div.formbox div.long-cb-text label { font-weight: bold; }

div.formbox div.long-cb-text label,
div.formbox div.long-cb-text p,
div.formbox div.long-cb-text a,
div.formbox div.long-cb-text span { font-size: 11px; }

div.formbox .ip-wrapper.warning input.ip-text,
div.formbox .ip-wrapper.warning select.ip-select { border-color: #C00; }

div.formbox .ip-wrapper.warning label,
div.formbox .ip-wrapper.warning span { color: #C00; }



/*  		>> 1.3.	COLOURS:
--------------------------------------------------------------------------------------- */

div.module-header h2 { color: #747474; }

p.btn-link,
div.form-wrapper h3 { color: #055A92; }

ul.teaser-list div.teaser-txt p,
ul.teaser-list div.simple-txt p,
div.side-form label { color: #666; }

div.rel-img-desc p { color: #333; }



/*  		>> 1.4.	LINKS:
--------------------------------------------------------------------------------------- */

/*	DEFAULTS
----------------------------------- */
a { color: #055A92; }
a:link,
a:visited { text-decoration: none; }
a:focus,
a:hover { text-decoration: underline; }


/* EXCEPTIONS WITHOUT UNDERLINES
(AS UNDERLINE ON HOVER IS DEFAULT BEHAVIOUR)
------------------------------------------ */
div.module div.teaser-txt h3 a,
div.module div.teaser-txt p a,
div.module a.meta-hl,
div.side-module-simple-list div.simple-txt h3 a,
.module-simple-list div.simple-txt h3 a { text-decoration: none; }



/*	NAVIGATION - HEADER
----------------------------------- */
ul#header-nav a {	font-size: 11px; line-height: 1.3em; color: #FFF; }



/*	NAVIGATION - MAIN: LEVEL-0
----------------------------------- */
li.li-lvl-0 a span { font-size: 12px; line-height: 15px; }

li.li-lvl-0 a:link,
li.li-lvl-0 a:visited { color: #FFF; }
li.li-lvl-0 a:focus,
li.li-lvl-0 a:hover,
li.li-lvl-0.selected a,
ul#navigation ul.ul-lvl-0 :hover a.a-lvl-0 { color: #00325A; text-decoration: none; }



/*	NAVIGATION - MAIN: LEVEL-1 
----------------------------------- */
li.li-lvl-0 ul.ul-lvl-1 a { font-size: 12px;	line-height: 16px; color: #00325A; }

ul.ul-lvl-1 a:link,
ul.ul-lvl-1 a:visited { background-color: #EBEBEB; }
ul.ul-lvl-1 a:focus,
ul.ul-lvl-1 a:hover,
ul.ul-lvl-1 li.selected a { background-color: #D3D3D3; }



/*	NAVIGATION - BREAD-CRUMB:
----------------------------------- */
ul.nav-breadcrumb li,
ul.nav-breadcrumb li span,
ul.nav-breadcrumb li a { font-size: 12px; line-height: 1.2em; text-decoration: none; }

ul.nav-breadcrumb li span,
ul.nav-breadcrumb li a { font-weight: bold; }

ul.nav-breadcrumb li,
ul.nav-breadcrumb li span { color: #666; }

ul.nav-breadcrumb li a:link,
ul.nav-breadcrumb li a:visited { color: #055A92; }
ul.nav-breadcrumb li a:focus,
ul.nav-breadcrumb li a:hover { color: #82ACC8; }



/*	NAVIGATION - FOOTER
----------------------------------- */
div#footer a {	color: #FFF; }

ul.h-nav a,
li.nav-col h4,
li.nav-col ul.nav-cat a { font-size: 12px; }

ul.h-nav a { line-height: 1.2em; font-weight: bold; }

li.nav-col h4,
li.nav-col ul.nav-cat a { line-height: 1.3em; }



/*	TEASER-MODULES: CATEGORY-LINKS
------------------------------------------ */
div.module a.meta-hl,
div.module span.meta-hl { font-size: 11px; line-height: 16px; color: #FFF; }

div.module span.meta-hl,
div.module a.meta-hl:link,
div.module a.meta-hl:visited { background-color: #055A92; }
div.module a.meta-hl:focus,
div.module a.meta-hl:hover { background-color: #82ACC8; }



/*	TEASER-MODULES: TEASERS
--------------------------------------- */
div.teaser-txt p a,
div.module-teasers-small h3 a { font-size: 11px; }

/*div.variant-1.module-teasers-small div.teaser-txt h3 { margin-top: -1px; }*/
div.variant-1.module-teasers-small div.teaser-txt h3 { margin-top: 3px; }
div.variant-1.module-teasers-small div.teaser-txt h3 a { font-size: 12px; }


div.module-teasers-big h3 a { font-size: 18px; line-height: 18px; font-weight: normal; }


/* COLOURS: ALL TEASERS */

div.teaser-txt h3 a:link,
div.teaser-txt h3 a:visited,
li.tl-item h3 a:link,
li.tl-item h3 a:visited { color: #055A92; }

div.teaser-txt h3 a:focus,
div.teaser-txt h3 a:hover,
li.tl-item h3 a:focus,
li.tl-item h3 a:hover { color: #82ACC8; }


div.teaser-txt p a:link,
div.teaser-txt p a:visited { color: #666; }
div.teaser-txt p a:focus,
div.teaser-txt p a:hover { color: #999; }


/* COLOURS: MAIN-TEASER ONLY */
div.module-title-topic div.teaser-txt p a:link,
div.module-title-topic div.teaser-txt p a:visited { color: #333; }
div.module-title-topic div.teaser-txt p a:focus,
div.module-title-topic div.teaser-txt p a:hover { color: #666; }


/* BORDER-COLOURS: SIDE-GALLERY */
div.side-module-gallery ul.gallery-matrix a:link,
div.side-module-gallery ul.gallery-matrix a:visited { border-color: #FFF; }
div.side-module-gallery ul.gallery-matrix a:focus,
div.side-module-gallery ul.gallery-matrix a:hover { border-color: #666; }



/*	SINGLE BUTTON- & LINK-TYPES
----------------------------------- */
a.btn-more,
button.button-link,
input.button-link{font-size: 11px; line-height: 1.2em; color: #055A92; }

div.teaser-txt p a.link-ext:link,
div.teaser-txt p a.link-ext:visited { text-decoration: none; color: #055A92; }
div.teaser-txt p a.link-ext:focus,
div.teaser-txt p a.link-ext:hover { text-decoration: underline; color: #055A92; }



/* FIXES FOR LINK-STYLED BUTTONS
----------------------------------- */
body.cb_ff3 button.button-link,
body.cb_ff2 button.button-link,
body.cb_webkit button.button-link { margin-left: -4px; margin-right: -2px; margin-top: -1px; }

body.cb_safari3 div#content button.button-link { margin-left: 0; margin-right: 0; }