/*************************************************************/
/*   Design:  TARBOBANK Run                                  */
/*   Author:  digitalmedia.de GmbH                           */
/*   Date:    03/2010                                        */
/*************************************************************/

/*************************/
/* SECTION 1 - MAIN BODY */
/*************************/

html, body {margin: 0; padding: 0;}

a, a:visited, a:active, a:link, span.active, span.trail {color:#002c5d; text-decoration: none;}
a:hover {color:#002c5d; text-decoration: underline;}

body {font-size: 62.5%; margin: 0px auto; padding: 0px; font-family: Arial, Helvetica, sans-serif; overflow:scroll; color:#666;}


.mod_navigation ul {width: 100%; margin: 0; padding: 0px; list-style: none;}
.mod_navigation ul li { list-style: none; }
.mod_navigation ul li a {text-decoration: none;}


/*************************************/
/* GLOBAL LAYOUT */
/*************************************/

.page-container {width: 955px; padding: 0; position: relative;}
.page-container > .header { height: 108px;}
.page-container > .keyvisual {float: left; width: 750px;}
.page-container > .content {float: left; margin: 0 10px 0 0; padding: 0;}
.page-container > .content {width: 560px; }
.page-container > .sidebar { min-height: 500px;}
.page-container > .sidebar.left {float: left; width: 180px; margin: 0 10px 0 0; padding:0 0 0 15px;}
.page-container > .sidebar.right {float: right; width:170px; margin: 0 0 0 1em;}
.page-container > .footer {clear: both; margin: 30px 0 0 0; padding: 5px 0; border-top: 1px solid #ccc;}

/*--------------------*/
/* Farben */
/*--------------------*/

.kobaltblau { color:#002F5F;}
.kobaltblau-1 { color:#8D9FB4;}
.kobaltblau-2 { color:#DFE1E5;}
.hellblau { color:#707E9E;}
.kaminrot { color:#BB133E;}

.aquamarin { color:#0098C3;}
.schilfgruen { color:#A8B400;}
.weinrot { color:#830051;}
.gold { color:#BE9B64;}
.orange { color:#E05206;}


/*********************************/
/* SECTION 6 - COMMON PARAMETERS */
/*********************************/

/*--------------------*/
/* 6.1 - Content Area */
/*--------------------*/

/* Headings */
h1 {display:block; margin: 0 0 0.65em 0; padding:  0; color:#002c5d; font-weight: normal; font-size: 220%; letter-spacing: 0.08em;}
h2, h3 {line-height: 1.6em; margin: 0; padding: 0px; font-weight: bold; font-size: 120%;color: #002c5d;}
h4 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 130%;}
h5 {margin: 0px 0px 0.2em 0px; font-weight: bold; font-size: 130%;}
h6 {margin: 0px 0px 0.2em 0px;font-weight: bold; font-style: italic; font-size: 130%;}

/* Paragraphs */
p, a, li, li span.active, li span.trail, td {margin: 0; padding: 0; line-height: 1.6em; font-family: arial, sans serif; font-size: 120%;}
p a { font-size: 100%; }
td p { font-size: 100%; }

/* Lists */
.content ul, .content ol {list-style: outside; margin: 0 0 0 3em; padding: 0;}
.content ol {list-style-type: decimal; list-style-position: outside; list-style:decimal;}
ul li, ol li {font-size: 100%;}
.content ul ul { list-style: none;}

/* Tables */
table { border-collapse:collapse; border: none;}
table tr th {  text-align: left; }
table tr td { vertical-align: top;}

.content table { width: 100%;}
.content .ce_text table tr td { border-bottom: 1px solid #ccc; padding: 2px 0}
.content .ce_text table tr td:first-child { font-weight: bold; }


/*
.content table td { border-bottom:1px solid #ddd; padding-top:0.1em;}
.content  table td p {font-size:100%;}
*/


/*************************************/
/* SECTION 2 - HEADER AND NAVIGATION */
/*************************************/

/*--------------------*/
/* Header Area */
/*--------------------*/

.header .inner { height:93px; background: url(../images/header-bg.gif) bottom left repeat-x;}
.header .containerLeft { float:left; height: 48px; min-width: 242px; width: auto; padding: 18px 0px 0px 15px; position: relative; } /* 35px */
.header #logo { position: absolute; bottom:0;}
.header .containerRight { float: right; margin: 21px 0px 5px; width: 575px; position: relative; }
.header .loginContainer { height: 25px;}

/*------------------------*/
/* Navigation - Top */
/*------------------------*/

.mod_navigation.horizontal li {display: inline; padding: 2px 10px; border-right: 1px solid #000; }
.mod_navigation.horizontal li.last { border-right: none; }

.mod_navigation.topmenu { position: relative; top: 28px; }
.mod_navigation.topmenu li.login, .mod_navigation.topmenu li.logout { background: url(../images/login.gif) no-repeat; display: block; width: 65px; height:18px; overflow: hidden; position: absolute; top: -28px; right: 0; }
.mod_navigation.topmenu li.logout { background-image: url(../images/logout.gif); }
.mod_navigation.topmenu li.login, .mod_navigation.topmenu li.logout {padding: 0; border: none; }
.mod_navigation.topmenu li.login a, .mod_navigation.topmenu li.login span, .mod_navigation.topmenu li.logout a { display:block; text-indent:-10000px;}


/*----------------------------*/
/* Navigation - Main */
/*----------------------------*/

/* Ein-/Ausblenden der Submenues */
.mod_navigation.mainmenu li ul {display: none;}
.mod_navigation.mainmenu .active ul, .mod_navigation.mainmenu .trail ul {display: inline;}

.mod_navigation.mainmenu {clear: both; float: left; width: 180px; }
.mod_navigation.mainmenu li {list-style: none; margin: 0px; padding: 0px; vertical-align:middle;}

.mod_navigation.mainmenu li a, .mod_navigation.mainmenu li span {display: block; line-height: 1.4em; margin: 0px; text-decoration: none; font-size: 120%;}

.mod_navigation.mainmenu .level_1 > li { margin-bottom: 4px;}
.mod_navigation.mainmenu .level_1 > li > a, .mod_navigation.mainmenu .level_1 > li > span {border:1px solid #002c5d; background:#fff top left;border-left: solid 9px #ebebeb; padding: 0.5em 0.5em 0.5em 1.7em; margin-bottom: 2px; font-weight:bold;}
.mod_navigation.mainmenu .level_1 > li.active, .mod_navigation.mainmenu .level_1 > li.trail {}
.mod_navigation.mainmenu .level_1 > li.active span, .mod_navigation.mainmenu .level_1 > li.trail > a {}

.mod_navigation.mainmenu .level_2 li {border-bottom:1px solid #fff; background:#f0f0f0 url(../images/bg-mainnav-level2-off.gif) repeat-y top left;}
.mod_navigation.mainmenu .level_2 > li > a, .mod_navigation.mainmenu .level_2 > li > span {border-left: solid 9px #f7f7f7; padding: 0.2em 0.5em 0.2em 1.7em;}
.mod_navigation.mainmenu .level_2 li.first{border-top:1px solid #fff;}
.mod_navigation.mainmenu .level_2 li.last{border-bottom:0;}
.mod_navigation.mainmenu .level_2 > li.active, .mod_navigation.mainmenu .level_2 > li.trail { background:#002c5d;}
.mod_navigation.mainmenu .level_2 > li.active span, .mod_navigation.mainmenu .level_2 > li.trail > a { color:#fff;}


.mod_navigation.mainmenu .level_3 li {border-bottom:1px solid #fff; background:#f0f0f0 url(../images/bg-mainnav-level2-off.gif) repeat-y top left;}
.mod_navigation.mainmenu .level_3 > li > a, .mod_navigation.mainmenu .level_3 > li > span {border-left: solid 9px #f7f7f7; padding: 0.2em 0.5em 0.2em 2.5em;}
.mod_navigation.mainmenu .level_3 li.first{border-top:1px solid #fff;}
.mod_navigation.mainmenu .level_3 li.last{border-bottom:0;}
.mod_navigation.mainmenu .level_3 > li.active { background:#8d9fb4;}
.mod_navigation.mainmenu .level_3 > li.active span { color:#fff;}


.mod_navigation.mainmenu li a:hover, .mod_navigation.mainmenu .level_1 span.active, .mod_navigation.mainmenu li .submenu.trail {border-left-color:#bb123d;text-decoration: none;}

/*------------------------*/
/* Navigation - Footer */
/*------------------------*/

.mod_navigation.footer { margin: 0 0 0 5px; }
.mod_navigation.footer ul {clear: both;}
.mod_navigation.footer li { line-height: 0; padding: 0; border-color: #999;}
.mod_navigation.footer li a, .mod_navigation.footer li span { font-size:100%; color: #999; padding: 0 10px 0 10px; }
.mod_navigation.footer li a:hover { text-decoration: underline; }

/*--------------*/
/* Breadcrumps  */
/*--------------*/

.breadcrump { margin-bottom: 0.5em;}
.breadcrump, .breadcrump a, .breadcrump span {color:#b2b2b2; text-decoration: none; font-size: 100%;}


/*--------------------*/
/* Sidebar Area */
/*--------------------*/

.sidebar.right { padding-top: 5.6em;}

.content .mod_sitemap > ul { font-size: 140%;}
.content .mod_sitemap ul li { font-size: 100%; line-height: 1.6em;}
.content .mod_article .mod_sitemap a {text-decoration: none; color: #333;}
.content .mod_article .mod_sitemap a:hover {text-decoration: underline; }

.mod_sitemap ul li a {display: block; text-decoration: none;}
.mod_sitemap ul.level_1 {}
.mod_sitemap ul.level_3 {margin-bottom: 0.5em;}

.mod_sitemap ul li.submenu {margin: 0;}
.mod_sitemap ul li.group {list-style: none; list-style-image: none; margin-bottom: 2em;}
.mod_sitemap ul li.group a.group {display: none;}

/******************************************************************************/
/* SECTION 3 - SPECIFIC CLASSES FOR LAYOUT #1 (With navigation, with sidebar )*/
/******************************************************************************/


.content ul li, .content ol li {font-size: 120%;}
.content .content-footer {clear: both; margin: 2em 0 0 0; padding: 1em 0 0 0; border-top: 1px solid #d8d8d8; text-align: right;}
.content .content-footer a {color:#b2b2b2; text-decoration: none;}


/* Pagination */
.pagination { margin: 1em 0 0 0;}
.pagination p { color: #b2b2b2; float: right;}
.pagination ul  { margin: 0; float: left;}
.pagination ul li { display: inline; padding: 0 0.4em 0 0; }
.pagination ul li a { font-size: 100%; }

/*--------------------*/
/* Footer Area */
/*--------------------*/

.page-container > .footer p {margin: 0px; padding: 0px; font-size: 100%; line-height: 3em;}
.page-container > .footer p.float-left {float:left;}
.page-container > .footer p.float-left a {margin: 0 0 0 1em; text-decoration: none;}
.page-container > .footer p.copyright {margin: 0 0 0 2.8em;}
.page-container > .footer .sponsorbanner { border-top: 1px solid #ccc; padding: 20px 0 20px 15px; }

/***********/
/* MODULES */
/***********/


/*----------*/
/* Tables  */
/*----------*/

.ce_table.listing tr th { background-color: #f0f0f0; padding: 1em 0; border-bottom: 2em solid #fff;} 
.ce_table.listing tr.even { background-color: #fff; }
.ce_table.listing tr.odd { background-color: #f0f0f0; }
.ce_table.listing tr th.index { text-align: center; }
.ce_table.listing tr td { padding: 0 2px; }
.ce_table.listing tr td a { font-size: 100%; }
.ce_table.listing tr td.col_0.index { text-align: right; padding-right: 20px; }
.ce_table.listing tr td.col_3 { width: 15%;}

/*----------*/
/* Text  */
/*----------*/
#partner .ce_text { margin-bottom: 3em;}
#partner .ce_text .image_container { margin: 1em 2em 2em 0; }

#partner h2, #hauptmedien-partner h2, #co-partner h2 { margin-bottom: 1em; }
#partner .ce_image, #hauptmedien-partner .ce_image, #co-partner .ce_image { width: 180px; }
#partner .ce_image, #hauptmedien-partner .ce_image, #co-partner .ce_image { float: left; margin: 0 0em 3em 0; }

/*----------*/
/* Article  */
/*----------*/

.mod_article {}
.content .mod_article {margin-bottom: 5px;}
.content .mod_article p { }
.content .mod_article .mod_navigation ul { margin: 0; }
.content .mod_article .mod_navigation li { font-size: 100%;}
.content .mod_article .mod_navigation a:hover { text-decoration: underline; }

/*-------*/
/* News  */
/*-------*/
.mod_newslist > h2 { }
.mod_newslist h2 a {font-size: 100%;}

.mod_newslist .layout_short, .sidebar .dashboard .status { border-bottom: 1px solid #dfe1e5; padding: 1em 0;}
.mod_newslist .layout_short.last { border-bottom: none; }
.mod_newslist .layout_short h2 {display: none;}
.mod_newslist .layout_short p a { color: #002c5d; text-decoration: none;}
.mod_newslist .layout_short p a:hover { text-decoration: underline;}

.mod_newslist .layout_latest { border-bottom: 1px solid #dfe1e5; padding: 1em 0;}
.mod_newslist .layout_latest.last, .sidebar .dashboard .status.last { border-bottom: none;}

/*---------*/
/* Teaser  */
/*---------*/

.ce_teaser { width: 180px; float: left; margin-right: 10px; overflow: hidden; }
.ce_teaser.last { margin-right: 0;}
.ce_teaser h2 { font-size: 170%; color:#BB133E;}
.ce_teaser h3 { letter-spacing: 0.08em; margin-bottom: 5px;}
.ce_teaser img { margin-bottom: 10px; }
.ce_teaser a { display: block; margin-top: 10px;}

/*------------*/
/* Accordion  */
/*------------*/
.ce_text p img, .ce_accordion p img {margin: 0 1em 1em 0;}
.ce_accordion .toggler { font-size: 120%; line-height: 1.6em; font-weight: bold; margin-bottom: 1em; }
.ce_accordion .toggler:hover {cursor:pointer; text-decoration:underline;}
.ce_accordion .accordion p:first-child {margin-top:1em;}
.ce_accordion .accordion p:last-child {}
.ce_accordion .accordion div {padding-bottom: 1em; border-bottom: 0px solid #ddd; margin-bottom:1em;}

/*------------*/
/* Downloads  */
/*------------*/
.ce_downloads { margin-bottom: 2em; }

/*------------*/
/* Sitemap  */
/*------------*/
.mod_sitemap { font-size: 80%;}

/*------------*/
/* Lists  */
/*------------*/

.list_options {padding: 1em; border: 1px solid #d8d8d8; margin-bottom: 2em;}

.list_search select.select { margin-right: 0.5em; }
.list_search input.submit, .list_per_page input.submit { background-color: #002F5F; color: #fff; padding: 0.5em; margin: 0 0 0.5em 0.5em;}
.list_per_page input.submit { margin-bottom: 0;}

/* Images */
.keyvisual .ce_image .caption { display: none; }
.content .ce_image { margin-bottom: 2em;}

/* Galerie */
.content .ce_gallery table td { border: none;}


/*-------------*/
/* Hyperlinks  */
/*-------------*/
.ce_hyperlink { margin-top: 2em; }

/*****************************/
/* SECTION 8 - MISCELLANEOUS */
/*****************************/
.ce_ce_jw_media { margin: 1em 0 2em 0;}
.showcode {font-family: monospace; font-weight: bold; font-size: 13px; color: rgb(255,0,0);}
.clear {clear: both;}
br.clear, hr.clear {height:0;line-height:0;clear:both;border:none;}
.hide {display: none;}
br {clear: none;}
.invisible {display: none;}

/*********/
/* FORMS */
/*********/

form {}
form fieldset {border:1px solid #ccc; padding:1em; margin-bottom: 10px;}
form label {font-size:100%;display:inline-block; line-height:195%;}

form input.left {margin-right:2.3em;}
form input, form select, form textarea {font-size:100%;width:13em;border: 1px solid #d8d8d8;padding: 0.2em;color: #555;}
form input.upload {width:auto; padding: 2px 6px; border: none;}
form input.radio, form input.checkbox {width:auto; border: none;}
form select.betreff {width:auto;}
form textarea {width: 100%;max-width: 100%;}
form input.mandatory,
form select.mandatory {}
form .checkbox_container label {width:auto;}
form input.submit {margin:1em 0;background-color:#fff;border: none; padding:0; width: auto; font-size:120%;}
/*
form input.submit {margin:1em 0;background-color:#fff;border-left: solid 6px #ebebeb; padding: 0.2em 1em; width: auto; font-size:120%;}
form input.submit[type=image] { border: none; padding: 0; font-size: 100%; }
form input.submit:hover {border-left-color:#002c5d;cursor:pointer;}
*/
form input.agreement {width:auto; border: none;}

form label.error {}
form p.error {font-size: 1em; color: #BB133E;}

.formbody table tr td { padding-bottom:0.4em;}
.formbody table tr td.col_first { }



.mod_registration table tr td.col_0, .mod_personalData table tr td.col_0 { width:160px; }

.sidebar.right #dashboard table tr td { border-top: 1px solid #d8d8d8; padding: 1px 0 0 0;}
.sidebar.right #dashboard table tr:hover { background-color: #f5f5f5; }

.customGallery .image { float: left; }
.customGallery .image:hover { background-color: #f5f5f5; cursor: pointer; }