/** 
 * reinhard.ch
 * 
 * css style definitions for reinhard.ch
 * 
 * @author  Markus Howald 
 * @see     http://www.reinhard.ch/ 
 * @copyright copyright(c) Klink GmbH
 * @date 2009-08-06
 * @media screen
 *
 * @colordef #004691; blue
 * @colordef #8C96BE; light-blue; nav level3
 */ 


/** 
 * @section general
 * 
 * general styles
 */ 

* {
	border:0;
	margin:0;
	padding:0;
}

html, body {
	height:100%; /** @note mandatory 100% for scrollbars */
	width:100%; /** @note mandatory 100% for scrollbars */
} 

body {
	background:#FFF;
	color:#333;
	font-family:verdana, arial, sans-serif;
	font-size:100.1%;
	overflow:hidden; /** @note mandatory for supersize image */
}

a:link, a:visited {
	color:#333;
	text-decoration:underline;
}

a:hover { text-decoration: none; }
.tiny { font-size:0.625em; }
.left { float:left; }
.right { float:right; }
.bg-blue { background:#004691; }
.error { color:#FF3333; }


/** 
 * @section table
 * 
 * general table definitions
 */

table {	border:0; }
td { vertical-align:top; }

th {
	font-size:0.75em;
	text-align:left;
	vertical-align:top;
}

table caption {
	font-size:0.75em;
	font-weight:bold;
	line-height:1.6em;
	text-align:left;
}


/** 
 * @section supersize
 * 
 * overflow:hidden has to be in body-style
 */ 

#supersize img, supersize a {
	display:none;
	height:100%;
	width:100%;
}

#supersize .activeslide, #supersize .activeslide img {
	display:inline;
}


/** 
 * @section container
 * 
 * 
 */ 

#supercontainer {
	height:100%; /** @note mandatory 100% for scrollbars */
	left:0; /** @note mandatory «0» for scrollbars */
	overflow:auto; /** @note mandatory «0» for scrollbars */
	position:absolute;
	top:0; /** @note mandatory «0» for scrollbars */
	width:100%; /** @note mandatory 100% for scrollbars */
}

#container {
	background:#FFF;
	margin:5em auto 0 auto;
	padding:1.125em;
	position:relative;
	width:44.75em;
}

#container-left {
	margin-bottom:0;
	width:14.125em;
}

#container-right {
	margin-bottom:0;
	width:30.625em;
}


/** 
 * @section home
 * 
 * 
 */

#home-head {
	color:#FFF;
	height:12.125em;
	margin-bottom:1.125em;
	padding:1.125em;
}

#home-head h1 {
	font-size:3.5em;
	font-weight:bold;
	margin-bottom:0;
}

.home-quad {
	color:#FFF;
	height:9em;
	margin-right:1.125em;
	padding:0.625em;
	width:9.062em;
}

.home-quad p {
	 font-size:1.375em;
	 margin-bottom:0;
}

.home-quad a,
.home-quad a:visited { /** @bugfix ie6 needs a:visited */
	display:block;
	color:#FFF;
	text-decoration:none;
}

.home-quad-last {
	margin-right:0;
	position:relative;
}

/*#news-add {
	font-size:0.75em;
	left:0.75em;
	position:absolute;
	top:3em;
}*/


/** 
 * @section logo
 * 
 * 
 */

#logo {	padding:1.125em 0 1.125em 1.125em; }


/** 
 * @section nav
 * 
 * 
 */
 
#nav {
	margin-bottom:1.125em;
	position:relative; /** @bugfix ie6-hack, otherwise ie6 ignores margin-bottom */
}

* html ul.nav-level1 li { /** @bugfix ie6-hack to prevent additional space between <li>-elements */
	border-bottom:1px solid #004691;
}

/** level 1 */
ul.nav-level1 { list-style:none; }

ul.nav-level1 li {
	border-top:2px solid #FFF;
	line-height:2.375em;
}

ul.nav-level1 li a,
ul.nav-level1 li a:visited { /** @bugfix ie6 needs a:visited */
	color:#FFF;
	display:block;
	font-size:1.15em;
	font-weight:bold;
	text-decoration:none;
}

ul.nav-level1 li a:hover { color:#8C96BE; }

/** level 2 */
ul.nav-level2 {
	list-style:none;
	margin-bottom:1.125em;
}

ul.nav-level2 li {
	border-top:none;
	line-height:1.4em;
}

ul.nav-level2 li a,
ul.nav-level2 li a:visited { /** @bugfix ie6 needs a:visited */
	font-size:0.937em;
	font-weight:normal;
}

/** level 3 */
ul.nav-level3 {	list-style:none; }

ul.nav-level3 li a,
ul.nav-level3 li a:visited { /** @bugfix ie6 needs a:visited */
	color:#8C96BE;
}

ul.nav-level3 li.active a,
ul.nav-level3 li.active a:visited, /** @bugfix ie6 needs a:visited */
ul.nav-level3 li a:hover {
	background:url('/fileadmin/image/list/quad_5x5.png') no-repeat 0em 0.625em;
	color:#FFF;
}


/** 
 * @section head image
 * 
 * 
 */

#head-image img { vertical-align:bottom; }


/** 
 * @section breadcrumbs
 * 
 * 
 */

#breadcrumbs { margin-left:1.125em; }

ul.breadcrumbs li {
	display:inline;
	font-size:0.75em;
}

ul.breadcrumbs li a,
ul.breadcrumbs li a:visited { /** @bugfix ie6 needs a:visited */
	text-decoration:none;
}

ul.breadcrumbs li a:hover {	text-decoration:underline; }


/** 
 * @section content
 * 
 * 
 */

.content-wide {	margin-bottom:1.125em; }

#content { margin:0 0 1.125em 1.125em; }

#content p,
#content ol,
#content ul,
#content h2,
#content .csc-textpic-caption {
	font-size:0.75em;
	line-height:1.6em;
	margin-bottom:1.2em;
}

#content h1 {
	color:#004691;
	font-size:1.375em;
	margin-bottom:0.625em;
}

#content h3 {
	font-size:0.75em;
	line-height:1.6em;
}

#content p.Linie {
	border-bottom:1px solid #333;
	padding-bottom:1.2em;
}

#content ol {
	margin-left:2em;
}

#content ul {
	list-style:square;
	margin-left:2em;
}

#content ul ul { font-size:1em; }
#content img.img-right { margin:0 0 1.125em 1.125em; }
#content img.img-left { margin:0 1.125em 1.125em 0; }
#content table { margin-bottom:1.125em; }

#content table td {
	font-size:0.75em;
	line-height:1.6em;
}

#content table td.td-0 { padding-right:1.5em; }

#content table.spalten-2 td.td-0 {
	padding-right:1.5em;
	width:18.833em;
}


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

.csc-sitemap a,
.csc-sitemap a:visited { /** @bugfix ie6 needs a:visited */
	font-weight:bold;
	text-decoration:none;
}

.csc-sitemap a:hover { text-decoration:underline; }
.csc-sitemap ul ul a { font-weight:normal; }


/** 
 * @section image columns
 * 
 * override of some styles
 */

.csc-textpic-firstcol { padding-right:18px; }
.csc-textpic-image img { padding-bottom:1.125em; }

.csc-textpic-caption {
	position:relative;
	margin-bottom:-1.125em;
	top:-1.125em;
}


/** 
 * @section powermail/kontakt
 * 
 * styles for powermail in kontakt
 */

fieldset.kontakt { margin-bottom:1em; }
fieldset.kontakt legend { display:none; }

fieldset.kontakt label {
	display:block;
	float:left;
	font-size:0.75em;
	padding:0.25em 0;
	width:10em;
}

fieldset.kontakt input,
fieldset.kontakt select,
fieldset.kontakt textarea {
	background:#FFF;
	border:1px solid #004691;
	color:#333;
	display:block;
	font-family:verdana, arial, sans-serif;
	font-size:0.75em;
	margin-bottom:0.5em;
	padding:0.25em;
	width:28em;
}

fieldset.kontakt input:focus,
fieldset.kontakt textarea:focus {
	background:#004691;
	color:#FFF;
}

fieldset.kontakt select { width:auto; }
fieldset.kontakt textarea {	height:7.5em; }

fieldset.kontakt input[type=submit], 
fieldset.kontakt input[type=reset], 
fieldset.kontakt input[type=button],
fieldset.kontakt button {
	background:#004691;
	color:#FFF;
	overflow:visible;
	padding:0.25em 1em;
	width:auto;
}

fieldset.kontakt input[type=submit]:hover, 
fieldset.kontakt input[type=reset]:hover, 
fieldset.kontakt input[type=button]:hover,
fieldset.kontakt button:hover {	color:#8C96BE; }

* html fieldset.kontakt input { /** @note * html only affects ie6 */
	width:auto !important; 
}

* html fieldset.kontakt textarea { /** @bugfix * html only affects ie6 */
	width:15em !important; 
}

.error {
	background:#ff3333; /* old browsers */
	color:#fff;
    height:auto;
	margin-left:-2px;
	padding:2px 6px 3px 6px;
    text-align:left;
    z-index:10;
}

.error p { margin:0;padding:0;font-size:0.69em;font-weight:bold }

.error em {
	display: block;
	width: 0;
	height: 0;
	border: 10px solid;
	border-color: #ff3333 transparent transparent;
	position: absolute;
	bottom: -5px;
	left: 5px;
	border-bottom: 0 none;
	z-index:100
}

*html .error em { display:none }


/** 
 * @section lebkuchenshop
 * 
 * styles for lebkuchenshop
 */
 
fieldset.lebkuchenshop { margin-bottom:1em; }

fieldset.lebkuchenshop label {
	display:block;
	float:left;
	font-size:0.75em;
	padding:0.25em 0;
	width:10em;
}

fieldset.lebkuchenshop input,
fieldset.lebkuchenshop select,
fieldset.lebkuchenshop textarea {
	background:#FFF;
	border:1px solid #004691;
	color:#333;
	display:block;
	font-family:verdana, arial, sans-serif;
	font-size:0.75em;
	margin-bottom:0.5em;
	padding:0.25em;
	width:28em;
}

fieldset.lebkuchenshop input:focus,
fieldset.lebkuchenshop textarea:focus {
	background:#004691;
	color:#FFF;
}

fieldset.lebkuchenshop select {	width:auto; }
fieldset.lebkuchenshop textarea { height:7.5em; }

fieldset.lebkuchenshop input.checkbox,
fieldset.lebkuchenshop input.radio {
	border:none;
	display:inline;
	margin:0.5em 1em 0.5em 0;
	vertical-align:middle;
	width:auto;
}

* html fieldset.lebkuchenshop input { /** @note * html only affects ie6 */
	width:27em !important; 
}

* html fieldset.lebkuchenshop textarea { /** @bugfix * html only affects ie6 */
	width:27em !important; 
}

* html fieldset.lebkuchenshop input.radio,
* html fieldset.lebkuchenshop input.checkbox { /** @note * html only affects ie6 */
	margin:0 1em 0 0;
	vertical-align:middle;
	width:2em !important;
}

*+html fieldset.lebkuchenshop input.radio,
*+html fieldset.lebkuchenshop input.checkbox { /** @note * html only affects ie7 */
	margin:0 1em 0 0;
	vertical-align:middle;
}

fieldset.typ,
fieldset.groesse,
fieldset.dekor {
	border:1px solid #004691;
	margin-bottom:1em;
	padding:1em;
}

fieldset.typ label,
fieldset.dekor label {
	display:inline;
	float:none;
	font-size:0.75em;
	padding:0.25em 0;
	width:auto;
}

fieldset.typ input.radio,
fieldset.dekor input.radio {
	border:none;
	display:inline;
	float:none;
	margin:0.5em 1em 0.5em 0;
	vertical-align:middle;
	width:auto;
}

* html fieldset.typ input.radio,
* html fieldset.dekor input.radio { /** @bugfix * html only affects ie6 */
	margin:0;
}

*+html fieldset.typ input.radio,
*+html fieldset.dekor input.radio { /** @bugfix * html only affects ie7 */
	margin:0;
}

fieldset.groesse label {
	float:left;
	font-size:0.75em;
	padding:0;
	width:auto;
}

* html fieldset.groesse label { /** @bugfix * html only affects ie6 */
	padding-top:0.25em;
}

*+html fieldset.groesse label { /** @bugfix * html only affects ie7 */
	padding-top:0.25em;
}

fieldset.groesse input.radio {
	border:none;
	display:inline;
	float:left;
	margin:0.2em 1em 0 0;
	width:auto;
}

* html fieldset.groesse input.radio { /** @bugfix * html only affects ie6 */
	margin:0;
}

*+html fieldset.groesse input.radio { /** @bugfix * html only affects ie7 */
	margin:0;
}

fieldset.groesse img { float:right; }

fieldset.groesse .groesse-gross,
fieldset.groesse .groesse-mittel,
fieldset.groesse .groesse-herz {
	height:1%; /** @bugfix ie6 needs this to reduce strange space below DIV */
}

fieldset.anzahl label {	font-size:0.75em; }

fieldset.anzahl input {
	background:#FFF;
	border:1px solid #004691;
	color:#333;
	display:inline;
	font-family:verdana, arial, sans-serif;
	font-size:0.75em;
	margin:0 1em 0.5em 0;
	padding:0.25em;
	text-align:right;
	width:3em;
}

fieldset.anzahl input:focus {
	background:#004691;
	color:#FFF;
}

input.lebkuchenshop-button {
	background:#004691;
	color:#FFF;
	overflow:visible;
	padding:0.25em 1em;
	width:auto;
}

input:hover.lebkuchenshop-button { color:#8C96BE; }

.line {
	border-bottom:1px solid #CCC;
	height:1px;
	margin-bottom:1em;
	padding-bottom:1em;
}

.uploadlink {
	font-size:0.75em;
	vertical-align:middle;
}

#statusupload {
	font-size:0.75em;
	margin-bottom:1.125em;
}

img.upload-loading { margin-right:1em; }

.lebkuchenimage {
	border:1px solid #004691;
	margin-bottom:1em;
	padding:1em;
	text-align:center;
}

.lebkuchenshop-label {
	display:block;
	float:left;
	width:10em;
}

#versand,
.lebkuchenshop-total { font-size:0.75em; }

#prodpreis1,
#prodpreis2,
#prodpreis3 { font-weight:bold; }


/** 
 * @section filelinks
 * 
 * 
 */
 
 .filelinks-container {
 	height:1%; /** without «height» ie6 + 7 don't make margin-bottom */
 	margin-bottom:1em;
 }
 
 .filelinks-icon {
 	float:left;
 	width:1.75em;
 }
 
 .filelinks-link {
 	float:left;
 	font-size:0.75em;
 }


/** 
 * @section fce 2_columns
 * 
 * styles for the flexible content-element 2_columns
 */

.fce-2-columns { width:29.375em; }
.fce-2-columns .left { width:14.125em; }
.fce-2-columns .right {	width:14.125em; }


/** 
 * @section foot
 * 
 * 
 */

#foot {
	color:#FFF;
	padding:0.3em 0.625em;
}

#foot p {
	 font-size:1.25em;
	 margin-bottom:0;
}


/** 
 * @section losnummern
 * 
 * can be removed if contest is over
 */

#content table { width:100%; }

#content table.losnummern th {
	font-weight:normal;
	padding:0 1em 1.25em 0;
}

#content table.losnummern td ul {
	font-size:1em;
	margin-bottom:0;
}

#content table.losnummern td.td-0 {
	padding-right:1em;
	width:18em;
}

#content table.losnummern { background:#FFF url('/fileadmin/image/losnummern/rubelfeld.jpg') no-repeat right top; }