/** 
 * schweizerbrot.ch
 * css style definitions for schweizerbrot.ch
 * 
 * @author		Markus Howald
 * @copyright	copyright(c) Klink GmbH
 * @date		2009-04-27
 * @media		screen
 * @project		redesign schweizerbrot.ch 2009
 * @site		www.schweizerbrot.ch
 * @tested		mac: safari 3.2.3, firefox 3.0.10, opera 9.64
 * @tested		win: ie6, ie7, ie8
 *
 * @colordef	#E96142; red dark
 * @colordef	#F29A7A; red middle
 * @colordef	#F8C4AD; red light
 *
 * @note colordefs above are standard colors. colors are actually defined in css/themes/*.css
 * @note overriden colors are marked width "override by ext. css" comment
 *
 * @fontdef		Verdana, Arial, Helvetica, sans-serif;
 */ 



/** 
 * @section global
 * 
 * global definitions
 */ 
 
body {
	/** override by ext. css */ background:#FFF url('/fileadmin/image/theme/1/content_background.gif') repeat-y 211px; /** vertical endless background image in content area*/
	/** override by ext. css */ color:#DF0E1F;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	margin:0;
	padding:0;
}

img {
	border:0;
}

* {
	margin:0;
	padding:0;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

.clear {
	clear:both;
}

.tiny {
	font-size:10px;
}

sub, sup {
	font-size:80%;
	line-height:0px;
}


/**
 * @section hyperlinks
 * 
 * global hyperlinks definitions
 */ 

a:link, a:visited {
	/** override by ext. css */ color:#DF0E1F;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}


/** 
 * @section head
 * 
 * 
 */ 
 
#head {
	/** override by ext. css */ background:#FFF url('/fileadmin/image/theme/1/head_background.gif');
	height:110px;
	width:100%; /** scale to browser window size */
}

#head-content {
	/** override by ext. css */ background:#F29A7A url('/fileadmin/image/theme/1/head_img.gif') no-repeat; /** background-color must be same color as img from url, otherwise niftyCorners.js will not be shown properly */
	height:110px;
	width:944px;
}


/** 
 * @section nav-meta
 * 
 * meta navigation in head
 */ 
 
#nav-meta {
	/** override by ext. css */ background:#F8C4AD;
	/** override by ext. css */ color:#DF0E1F;
	float:right;
	padding:4px 7px 6px 4px;
	text-align:right;
	width:325px;
}

#nav-meta form {
	float:left;
	margin-right:8px;
	position:relative;
}

#nav-meta form input {
	background:url('/fileadmin/image/search/input.png') no-repeat; /** background image width rounded corners for input box */
	border-style:hidden;
	border-width:0;
	/** override by ext. css */ color:#DF0E1F;
	font-size:11px;
	margin-right:4px;
	padding:3px 4px 4px 4px;
	position:absolute;
	text-align:center;
	width:92px;
}

#nav-meta a {
	/** override by ext. css */ color:#DF0E1F;
	text-decoration:none;
}

#nav-meta a:hover,
#nav-meta a.active {
	text-decoration:underline;
}

/*#nav-meta form img {
	left:104px;
	position:absolute; 
}*/

#nav-meta a.button {
	/** override by ext. css */ background:url('/fileadmin/image/theme/1/search_go.png') no-repeat; /** background image width rounded corners and colored arrow for button */
	left:104px;
	height:20px;
	position:absolute;
	width:20px;
}

#nav-meta a.button:hover {
	/** override by ext. css */ background:url('/fileadmin/image/theme/1/search_go_f2.png') no-repeat;
}


/** 
 * @section main
 * 
 * 
 */ 

#main {
	width:960px;
}


/** 
 * @section nav-breadcrumb
 * 
 * horizontal breadcrumb navigation
 */ 

#nav-breadcrumb {
	background:#FFF;
	height:25px;
}

#nav-breadcrumb ul {
	line-height:25px;
	list-style:none;
	margin-left:218px;
}

#nav-breadcrumb ul li {
	float:left;
}


/** 
 * @section nav-main
 * 
 * main navigation on left side
 */ 

#nav-main {
	float:left;
	line-height:15px;
	position:fixed; /** if scrolling browser-window, nav-main stays in place, ignored bei ie < 7 */
}

/** level-1 */
#nav-main ul {
	list-style:none;
	margin:0 16px;
	text-transform:uppercase;
	width:179px;
}

#nav-main ul li {
	margin-bottom:5px;
}

#nav-main ul li a {
	/** override by ext. css */ background:#F29A7A;
	/** override by ext. css */ color:#DF0E1F;
	display:block;
	/*padding:4px 0 4px 16px;*/
	padding:4px 8px 4px 16px;
	text-decoration:none;
	/*width:163px;*/
	width:155px;
}

/** level-2 */
#nav-main ul li ul {
	margin:0;
	padding:0;
}

#nav-main ul li ul li {
	margin:0;
}

#nav-main ul li ul li a {
	/** override by ext. css */ background:#F8C4AD;
	/** override by ext. css */ color:#DF0E1F;
}

#nav-main ul li ul li a:hover,
#nav-main ul li ul li a.active {
	/** override by ext. css */ background:#F29A7A;
	/** override by ext. css */ color:#DF0E1F;
}

#nav-main ul li a.home {
	/** override by ext. css */ background:#DF0E1F;
	/** override by ext. css */ color:#FFF;
}


/** 
 * @section content
 * 
 * 
 */ 

#content-frame { /** content-frame includes content-main AND info area */
	float:right;
	width:749px;
}

#content-main {
	/** override by ext. css */ background:url('/fileadmin/image/theme/1/content_img.jpg') no-repeat;
	float:left;
	min-height:575px;
	padding-bottom:16px;
	position:relative;
	width:567px;
}

.content-container {
	left:7px;
	position:relative;
	top:7px;
	/*width:553px;*/
}

.content-2col-main { /** 2 columns, small one on the left for images, wide one on the right for content */
	background:url('/fileadmin/image/transparent/right.png') repeat-y 157px; /* white-transparent background-image for wide column on the right */
	height:1%; /** without «height» ie doesn't show background image */
}

.content-left-container {
	float:left;
	min-height:1px;
	width:157px;
	/*width:150px*/
}

.content-left-main {
	background:url('/fileadmin/image/transparent/main.png'); /** white-transparent background-image for small column on the left */
	padding:4px 4px 0 4px;
	width:142px;
}

/** line before image, if "rulerBefore" is chosen at content element "image" */
.csc-frame-rulerBefore {
	/** override by ext. css */ border-bottom:1px dotted #E96142;
	height:12px;
	margin-bottom:4px;
	overflow:hidden;
}

.csc-textpic-caption {
	/* csc-textpic-caption is defined at @section tt_news (p.news-single-imgcaption) */
}

.content-left-main img {
	margin-bottom:4px;
	/*padding:4px 0 0 0;*/
	vertical-align:bottom; /** removes 2px-gap in ie */
}

.content-right-container {
	float:left;
	/*float:right;*/
	width:397px;
}

.content-right-main {
	padding:0 7px;
}

.content-right-main h1 {
	/** override by ext. css */ border-top:1px dotted #E96142;
	font-size:12px;
	margin:16px 0;
	text-transform:uppercase;
}

.content-right-main h2 {
	font-size:11px;
	margin:0;
	/*padding-top:16px;*/
}

.content-right-main h3 {
	font-size:11px;
	font-style:italic;
	font-weight:normal;
	margin:0;
}

.content-right-main p {
	margin-bottom:16px;
}

.content-right-main p.eng {
	margin-bottom:0;
}

.content-right-main ul,
.content-right-main ol {
	margin:0 0 16px 24px;
}

.content-right-main ol li {
	margin:0 0 16px 0;
}

.content-right-main ol ul li {
	list-style-type:disc;
	margin:0;
}

.content-right-main table {
	margin-bottom:16px;
	width:100%;
}

.content-right-main table td {
	/** override by ext. css */ border-bottom:1px dotted #E96142;
	padding:1px 0;
	text-align:left;
	vertical-align:top;
}

.content-right-main table th {
	/** override by ext. css */ border-bottom:1px dotted #E96142;
	padding:1px 0;
	text-align:left;
	vertical-align:bottom;
}

.content-right-main table .no-border,
.content-right-main table tr.no-border td {
	border-bottom:none;
}

.content-right-main table .align-center {
	text-align:center;
}

.content-right-main table td.width-25 {
	width:25%;
}


/** 
 * @section info
 * 
 * area on the right side
 */ 

#info {
	float:right;
	width:166px;
}


/** 
 * @section indexed_search
 * 
 * override of some indexed_search styles
 */

.tx-indexedsearch-browsebox ul {
	margin:0 0 16px 0;
}

.searchitem {
	border-top:1px dotted #E96142;
	margin-top:16px;
	padding-top:16px;
}


/** 
 * @section tt_news
 * 
 * override of some tt_news styles
 */

.tx-ttnews-browsebox {
	padding-bottom:16px;
	text-align:center;
}

.ttnews-archiv-date {
	float:left;
	width:60px;
}

.ttnews-archiv-title {
	float:left;
	width:300px;
}

p.news-single-imgcaption,
.csc-textpic-caption {
	font-size:10px;
	line-height:14px;
	margin:0 0 16px 0;
	padding:0;
}


/** 
 * @section filelinks
 * 
 * 
 */
 
 .filelinks-container {
 	height:1%; /** without «height» ie6 + 7 don't make margin-bottom */
 	margin-bottom:16px
 }
 
 .filelinks-icon {
 	float:left;
 	width:23px;
 }
 
 .filelinks-link {
 	float:left;
 	width:350px;
 }
 
 
 /** 
 * @section rezepte_print_link
 * 
 * 
 */
 
 .rezepte-print-link p {
 	text-align:right;
 }
 
 .rezepte-print-link a.pdf-icon {
 	background:url('/typo3/gfx/fileicons/pdf.gif') no-repeat;
 	padding-left:24px;
 }
 
 
  /** 
 * @section brotquiz
 * 
 * 
 */

DIV.user-brotquiz-pi1 form input[type='radio'] {
	float:left;
	margin:3px 0 8px 0;
}

* html DIV.user-brotquiz-pi1 form input[type='radio'] { /** * html ... only affects ie6 */
   float:none; /** with float:left ie6 behaves strange,  */
}

*+html DIV.user-brotquiz-pi1 form input[type='radio'] { /** only affects ie7 */
   margin-top:0;
}

DIV.user-brotquiz-pi1 form label {
	margin-bottom:8px;
	float:left;
	padding-left:8px;
	width:320px;
}

* html DIV.user-brotquiz-pi1 form label { /** * html ... only affects ie6 */
   float:none; /** with float:left ie6 behaves strange,  */
}

DIV.user-brotquiz-pi1 form br {
	clear:both;
}

DIV.user-brotquiz-pi1 ol li {
	border-bottom:1px dotted #7A786B;
	padding-bottom:8px;
}
 
.result {
	font-weight:bold;
	text-transform:uppercase;
}

.answer {
	font-style:italic;
}

#QuizResultat {
	border:1px dotted #7A786B;
	display:none;
	margin:0 0 16px 0;
	padding:24px 24px 8px 24px;
}

#QuizResultat h3 {
	font-style:normal;
	font-weight:bold;
	text-transform:uppercase;
}