/* ------------------------------------------------------------------------------------
 * Project: www.kanadaria.de
 * Agency: e8media - agentur fuer digitale kommunikation | www.e8media.de
 * Code by: Marco Naetlitz [naetlitz@e8media.de]
 * Screendesign by: Stefan Weber [weber@e8media.de]
 * Created Jan 2008
 * ------------------------------------------------------------------------------------
 *
 *
 * This file includes all the content design for fonts, headings and containers.
 * It is loaded via the central CSS file "screen.css"
 *
 */

/* Absaetze #main_content ------------------------------------------------------------- */
div#main_content p img,
div#main_content dl dd img
{
	float: left;
	display: block;
	margin: 5px 20px 5px 0;
}

div#main_content img /* CMS setzt Bilder außerhalb von <p>-Elementen */
{
	float: left;
	display: block;
	margin: 0px 10px 10px 0;
}

p.light
{
	color: #636363;
	font-size: 0.9em;
}

div.hr
{
	background: url('/img/gfx/hrBackground.gif') repeat-x top left;
	height: 1px;
	width: auto;
	clear: both;
}

div.clr {
	height: 0px;
	width: 99%;
	overflow: hidden;
	clear: both;
}

/* Formulare #main_content ------------------------------------------------------------ */

div#main_content form
{
	margin-bottom: 20px;
}

div#main_content p label
{
	width: 150px;
	display: block;
	float: left;
	padding-left: 8px;
	font-weight: bold;
}

div#main_content p:hover label
{
	background: #fff url('/img/gfx/form_act.gif') no-repeat 110px center;
}

div#main_content p:hover input,
div#main_content p:hover textarea,
div#main_content p:hover select
{
	background-color: #cbe2f6;
	border: 1px solid #0790cc;
}

div#main_content form p,
div#main_content div.serendipity_comment_direction_bracket
{
	border-left: 4px solid #0e93cc;
	background-color: #fff;
	clear: left;
	margin-bottom: 1px;
	padding-top: 10px;
	padding-bottom: 10px;
}

div#main_content p.button
{
	border-left: none;
	background: none;
}

div#main_content p.button input
{
	width: auto;
	background: #0e93cc;
	line-height: 20px;
	padding: 5px;
	color: white;
	border: none;
	margin-left: 160px;
}

div#main_content p.button:hover input
{
	border: none;
}

div#main_content form p.checkbox label,
div#main_content form p.radiobutton label
{
	width: 400px;
	margin-left: 10px;
	font-weight: normal;
}

div#main_content form p.checkbox:hover label,
div#main_content form p.radiobutton:hover label
{
	background: #fff;
}

div#main_content form p.checkbox input,
div#main_content form p.radiobutton input
{
	display: block;
	width: auto;
	float: left;
	margin-left: 125px;
}

input,
textarea,
select
{
    background-color: #fff;
    border: 0;
    border-top: 1px solid #636363;
    border-left: 1px solid #636363;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    font-size: 1em;
    color: #404040;
    padding: 3px 5px 3px 5px;
    width: 400px;
}

/* Formulare #right_content ----------------------------------------------------------- */
div#right_content input
{
	margin: 0 13px 0 13px;
	width: 194px;
	border: 1px solid #b7d3eb;
	margin-bottom: 15px;
}

/* Listen #main_content --------------------------------------------------------------- */
div#main_content dl.floatBox
{
	display: block;
	float: left;
	width: 170px;

}

div#main_content dl.floatBox dt
{
	width: 170px;
	display: block;
	margin-bottom: 0;
}

div#main_content dl.floatBox dt span
{
	background-color: #0e93cc;
	font-weight: bold;
	font-size: 1.1em;
	color: #fff;
	display: block;
	padding: 2px;
	margin-right: 5px;
}

div#main_content dl.floatBox dd
{
	padding: 0 0 0 0;
	margin-bottom: 0;
	width: 170px;
}

div#main_content dl.floatBox dd p
{
	background-color: #fff;
	margin-right: 5px;
	padding-bottom: 8px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

div#main_content div.floatBoxBrace
{
	margin-right: 10px;
}

div#main_content dl.floatBox dd img
{
	margin-right: 10px;
	float: none;
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div#main_content ul
{
	list-style: none;
}

div#main_content ul li
{
	background: url('/img/gfx/li_bullet.gif') no-repeat left 5px;
	padding-left: 15px;
	margin-bottom: 5px;
}

div#main_content dl dt
{
	font-weight: bold;
	width: 200px;
	display: block;
	margin-bottom: 5px;
}
div#main_content dl dd
{
	padding-left: 50px;
	width: auto;
	display: block;
	width: 400px;
	margin-bottom: 10px;
}

/* Top-Galerie ------------------------------------------------------------------------ */
div#right_gal
{
	display: block;
	height: 222px;
	width: 231px;
	position: relative;
}

div#right_gal h1
{
	position: absolute;
	top: 60px;
	left: 12px;
	font-weight: lighter;
}

div#right_gal img
{
	position: absolute;
	top: 108px;
	left: 0px;
	border: 1px solid #d6d6d6 !important;
	padding: 8px;
}

/* Absaetze #right_content ------------------------------------------------------------ */
div#right_content h3,
div#right_right_content h3
{
	background-color: #0e93cc;
	font-weight: bold;
	font-size: 1.0em;
	color: #fff;
	display: block;
	line-height: 21px;
	padding-left: 5px;
}

div#right_content a img,
div#right_right_content a img
{
	border: 0;
}

/* BreadCrumb #right_content ---------------------------------------------------------- */
ul#breadcrumb_navi
{
	display: block;
	list-style: none;
}

ul#breadcrumb_navi li
{
	display: block;
	border-top: 1px solid #dceded;
}

ul#breadcrumb_navi li a,
ul#breadcrumb_navi li a:active,
ul#breadcrumb_navi li a:focus,
ul#breadcrumb_navi li a:visited
{
	background: url('/img/gfx/li_bullet.gif') no-repeat left center;
	display: block;
	line-height: 20px;
	height: 20px;
	color: #0790cc;
	text-indent: 20px;
	text-decoration: none;
}

ul#breadcrumb_navi li a:hover
{
	text-decoration: underline;
}

ul#breadcrumb_navi li a.act
{
	font-weight: bold;
}

ul#jumpNavi ul
{
	list-style: none;
	padding-top: 20px;
}

ul#jumpNavi li
{
	display: block;
	float: left;
	width: 66px;
	margin-right: 2px;
	background-color: #f0f8fc;
}

ul#jumpNavi li a
{
	display: block;
	width: 66px;
	padding-top: 20px;
	padding-bottom: 2px;
	text-align: center;
}

ul#jumpNavi li.send
{
	background: #f0f8fc url('/img/gfx/bg_jumpNav_send.gif') top center no-repeat;
	background-color: #f0f8fc;
}

ul#jumpNavi li.nach_oben
{
	background: #f0f8fc url('/img/gfx/bg_jumpNav_oben.gif') top left no-repeat;
	background-color: #f0f8fc;
}

ul#jumpNavi li.print
{
	width: 66px;
	background: #f0f8fc url('/img/gfx/bg_jumpNav_print.gif') top left no-repeat;
	background-color: #f0f8fc;
}

/* Abstände --------------------------------------------------------------------------- */
/* hier werden die Abstände aller Elemente definiert. Damit man eine Übersicht hat */


/* Main Content ---- */
div#main_content p,
div#main_content h1,
div#main_content h2,
div#main_content h3,
div#main_content h4,
div#main_content h5,
div#main_content ul,
div#main_content ol,
div#main_content dl,
div.hr,
div#main_content div
{
	margin: 0 40px 0px 34px;
}

div#main_content div.hr2
{
	background: none;
    margin-bottom: 25px !important;	
}

div#main_content h4.news_date
{
    color: #636363;
    font-size: 11px;
    font-family: verdana, sans-serif;
    line-height: 130%;
    margin-top: 5px;
}

div#main_content h3.news_head
{
    line-height: 140%;
    margin-bottom: 10px;
}

div#main_content div div /* Div im Div */
{
	margin: 0 0 0 0;
}

/* Abstände nach unten */
div#main_content p,
div#main_content ul,
div#main_content ol,
div#main_content dl
{
	margin-bottom: 20px;
}

/* Elemente innerhalb von <div>-Elementen; Abstand wird vom übergeordneten DIV gesetzt; wg. Serendipity */
div#main_content div p,
div#main_content div ul,
div#main_content div ol,
div#main_content div dl,
div#main_content div h1,
div#main_content div h2,
div#main_content div h3,
div#main_content div h4,
div#main_content div h5
{
	margin-left: 0;
	margin-right: 0;
}

/* Right Bar I ---- */
div#right_content p,
div#right_content ul,
div#right_content ol,
div#right_content dl,
div#right_content h3,
div#right_content h4,
div#right_content img
{
	margin: 0 13px 0 13px;
}

div#right_content ul#breadcrumb_navi
{
	margin-bottom: 19px;
}

/* Right Bar II ---- */
div#right_right_content p,
div#right_right_content ul,
div#right_right_content ol,
div#right_right_content dl,
div#right_right_content h3,
div#right_right_content h4,
div#right_right_content img
{
	margin: 0 12px 0 13px;
}

/* Right Bar I+II ---- */
/* Abstände nach unten */
div#right_content p,
div#right_right_content p,
div#right_content ul,
div#right_right_content ul,
div#right_content ol,
div#right_right_content ol,
div#right_content dl,
div#right_right_content dl
{
	margin-bottom: 10px;
}

div#right_content p,
div#right_right_content p
{
	margin-top: 5px;
}

div#right_content img,
div#right_right_content img
{
	margin-top: 1px;
}

div#right_content p img,
div#right_right_content p img
{
	margin-top: 3px;
	margin-right: 5px;
	margin-left: 0px;
}

/* Footer ----------------------------------------------------------------------------- */
div#spalte1foot
{
	padding-top: 60px;
}

div#spalte1foot ul,
div#spalte1foot p
{
	margin: 0 40px 0px 34px;
}

div#spalte1foot ul
{
	display: block;
	list-style: none;
	margin-left: 100px;
}

div#spalte1foot ul li
{
	width: auto;
	float: left;
}

div#spalte1foot ul li a,
div#spalte1foot ul li a:active,
div#spalte1foot ul li a:focus,
div#spalte1foot ul li a:visited
{
	color: #94dbf9;
	font-size: 0.9em;
	line-height: 15px;
	padding-right: 5px;
	border-right: 1px solid #94dbf9;
	padding-left: 5px;
}
div#spalte1foot ul li a:hover
{
	text-decoration: none;
}

div#spalte1foot ul li a.last
{
	border: none;
}

div#spalte1foot p
{
	padding-top: 10px;
	color: #94dbf9;
	font-size: 0.9em;
	line-height: 15px;
	clear: left;
	text-align: center;
}

div#spalte1foot p a,
div#spalte1foot p a:active,
div#spalte1foot p a:focus,
div#spalte1foot p a:visited,
div#spalte1foot p a:hover
{
	color: #94dbf9;
}

div#spalte1foot p a:hover
{
	text-decoration: none;
}

/* Headlines -------------------------------------------------------------------------- */
h1, h2, h3, h4, dl.gewinnspiel dt
{
	font-family: "Helvetica Neue","Helvetica", Verdana, Arial, sans-serif;
	color: #0790cc;
	font-weight: lighter;
	font-size: 2.3em;
	line-height: 220%;
}

h2
{
	font-size: 2em;
}

h3
{
	font-family: Arial, sans-serif;
	color: #1a1a1a;
	font-size: 1.7em;
}

h5 /* wird Subline über den Überschriften */
{
	font-weight: normal;
	color: #636363;
	font-size: 1em;
}

h1 a,
h2 a,
h3 a,
h1 a:active,
h2 a:active,
h3 a:active,
h1 a:visited,
h2 a:visited,
h3 a:visited,
h1 a:focus,
h2 a:focus,
h3 a:focus,
h1 a:hover,
h2 a:hover,
h3 a:hover
{
	color: #0790cc;
	text-decoration: none;
}

div#main_content h5 /* soll nur für den Main-Content gelten */
{
	margin-top: 20px;
	margin-bottom: -8px;
}

/* Links -------------------------------------------------------------------------- */
a,
a:active,
a:focus,
a:visited
{
	text-decoration: underline;
	color: #0790cc;
}

a:hover
{
	text-decoration: none;
}


/* Teaser Kontainer für Startseite und Übersichten */
div#main_content dl.regular_teaser
{
    margin: 20px 0 0 5px;
    padding: 0;
    width: auto;
    float: left;
}

div#main_content dl.first
{
    margin: 20px 0 0 34px;
    padding: 0;
}

div#main_content dl.regular_teaser dt
{
    background-color: #0e93cc;
    width: 165px;
    color: #fff;
    margin: 0;
    padding: 0;
    height: 20px;
    line-height: 20px;
}

div#main_content dl.regular_teaser dd
{
    background-color: #fff;
    width: 165px;
    margin: 0;
    padding: 0;
}

div#main_content dl.regular_teaser dd img
{
    margin: 1px 0 0 0;
    padding: 0;
    float: none;
    border: 0;
}

div#main_content dl.regular_teaser dd p
{
    margin: 10px 7px 10px 7px;
    padding: 0;
    font-size: 10px;
    line-height: 150%;
    color: #1a1a1a;
    float: none;
    height: 190px;
}

div#main_content dl.regular_teaser dd p a
{
    white-space: nowrap;
}

/* GEO Gewinnspiel -------------------------------------------------------------------- */
/* Allgemein */
div#main_content dl.gewinnspiel {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0 30px 0 0;
}

div#main_content dl.gewinnspiel dt {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
}

div#main_content dl.gewinnspiel dd {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
}

/* Start */
div#main_content dl.gewinnspiel dt.teaser  {
    background: url("/img/gewinnspiel/gewinnspiel_teaser.jpg") no-repeat;
    height: 399px;
    margin-left: 34px;
    border: 1px #239cd3 solid;
    position: relative;
}

div#main_content dl.gewinnspiel dt.teaser p  {
    text-indent: -999em;
    height: 399px;
    margin-left: 34px;
    margin-right: 30px;
    position: relative;
    display: block;
}

div#main_content dl.gewinnspiel dt.teaser a {
    position: absolute;
    bottom: 17px;
    left: 10px;
    display: block;
    background: url("/img/gewinnspiel/bt_zum_formular.png") no-repeat;
    height: 32px;
    width: 207px;
    text-indent: -999em;
    z-index: 999;
}

div#main_content dl p.logoleiste img  {
    border: 1px #239cd3 solid;
    margin-top: 20px;
}

/* Formular */
div#main_content dl.gewinnspiel dt,
div#main_content dl.gewinnspiel dd {
    margin-left: 34px;
}

div#main_content dl.gewinnspiel dt {
	font-weight: normal;
}

div#main_content dl.gewinnspiel dd h1 {
	margin-left: 0;
}

div#main_content fieldset.question input  {
    float: left;
}

div#main_content dl.gewinnspiel fieldset.question {
	overflow: hidden;
}

div#main_content dl.gewinnspiel fieldset.question legend {
	font-size: 20px;
	color: #1c1c1c;
	font-family: "Helvetica Neue","Helvetica", Verdana, Arial, sans-serif;
	font-weight: normal;
	margin-bottom: 15px;
}

div#main_content dl.gewinnspiel fieldset.question p {
    width: 200px;
    height: 40px;
    display: block;
    float: left;
    clear: none;
}

div#main_content dl.gewinnspiel fieldset.question label,
div#main_content dl.gewinnspiel fieldset.question input {
	float: left;
}

div#main_content dl.gewinnspiel fieldset.question input {
	margin-right: 10px;
	margin-top: 3px;
}

div#main_content dl.gewinnspiel input,
div#main_content dl.gewinnspiel label,
div#main_content dl.gewinnspiel select,
div#main_content dl.gewinnspiel p,
div#main_content dl.gewinnspiel fieldset,
div#main_content dl.gewinnspiel img {
    padding: 0;
    margin: 0;
    border: none;
    width: auto;
    height: auto;
    background: none; 
} 

div#main_content dl.gewinnspiel fieldset {
    overflow: hidden;
}

div#main_content dl.gewinnspiel p label {
	float: none;
	display: block;
}

div#main_content dl.gewinnspiel input.txt {
	background-color: #d4e0eb;
	border: 1px #b5b5b5 solid;
	border-right: 1px #e7e7e7 solid;
	border-bottom: 1px #e7e7e7 solid;
	display: block;
	float: none;
	padding: 3px 4px;
	width: 298px;
}

div#main_content dl.gewinnspiel input.txt:focus {
	border-left: 2px solid #239cd3;
	background-color: #e5ebf1;
	width: 297px;
}

div#main_content dl.gewinnspiel p.fld_anrede select {
	width: 309px;
	background-color: #d4e0eb;
	border: 1px #b5b5b5 solid;
	border-right: 1px #e7e7e7 solid;
	border-bottom: 1px #e7e7e7 solid;
	padding: 2px 4px;	
}

div#main_content dl.gewinnspiel .left p,
div#main_content dl.gewinnspiel .right p {
	display: block;
	height: 50px;
} 

* html div#main_content dl.gewinnspiel fieldset {
    height: 1%;
}

div#main_content dl.gewinnspiel .right p {
	padding-left: 23px;
}

div#main_content dl.gewinnspiel fieldset.left,
div#main_content dl.gewinnspiel fieldset.right {
    width: 49%;
    float: left;
}

div#main_content dl.gewinnspiel legend {
    font-weight: bold;
}

dl.gewinnspiel fieldset.newsletter label,
dl.gewinnspiel fieldset.eligibility_requirements label,
div#main_content dl.gewinnspiel fieldset.script label {
    font-style: italic;
    font-weight: normal;
}

div#main_content dl.gewinnspiel fieldset.newsletter,
div#main_content dl.gewinnspiel fieldset.eligibility_requirements,
div#main_content dl.gewinnspiel fieldset.script {
	margin-top: 20px;
	display: block;
	float: none;
	overflow: hidden;
}

div#main_content dl.gewinnspiel input.check {
	margin-right: 8px;
}

/* Captcha */
div#main_content fieldset.script label img {
	border: 1px solid #d8d8d8;
	padding: 2px;
	background-color: #fff;
}

div#main_content dl.gewinnspiel fieldset.script {
	height: 80px;
}

div#main_content fieldset.script input.txt {
	width: 190px;
	padding: 12px;
	margin: 0 0 0 15px;
	background: url("/img/gewinnspiel/captcha_bg.jpg") no-repeat left top;
	border: 0px;
	float: left;
}

div#main_content fieldset.script input.txt:focus {
	padding: 11px 11px 10px;
	background: url("/img/gewinnspiel/captcha_bg.jpg") no-repeat -1px -1px;
	border: 1px solid #239cd3;
	width: 190px;
}

div#main_content fieldset.script span {
	border: 1px solid #239cd3;
	padding: 2px;
	float: left;
	background-color: #fff;
}

div#main_content fieldset.script img.arrow {
	float: left;
	margin-top: 5px;
	margin-left: 20px;
}

div#main_content dl.gewinnspiel input.submit {
	margin-left: -4px;
	margin-top: 10px;
}