/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(jtip-arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(jtip-arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(jtip-loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {display:none;}
/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {}
.tabberlive {margin-top:1em;}
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav, #primaryContent_2columns #columnA_2columns #tabber #tabbersub ul.tabbernav {margin:0 !important; padding: 3px 0; border-bottom: 1px solid #778; font: bold 11px Verdana, sans-serif;}
ul.tabbernav li, #primaryContent_2columns #columnA_2columns #tabber #tabbersub ul.tabbernav li {list-style: none; margin: 0; display: inline;}
ul.tabbernav li a, #primaryContent_2columns #columnA_2columns #tabber #tabbersub ul.tabbernav li a {padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778; border-bottom: none; background: #fff; text-decoration: none;}
ul.tabbernav li a:link, #primaryContent_2columns #columnA_2columns #tabber #tabbersub ul.tabbernav li a:link {color: #616161;}
ul.tabbernav li a:visited, #primaryContent_2columns #columnA_2columns #tabber #tabbersub ul.tabbernav li a:visited {color: #616161;}
ul.tabbernav li a:hover, #primaryContent_2columns #columnA_2columns #tabber #tabbersub ul.tabbernav li a:hover {color: #fff; background: #CA2F2F; border-color: #778;}
ul.tabbernav li.tabberactive a, #primaryContent_2columns #columnA_2columns #tabber #tabbersub ul.tabbernav li.tabberactive a {background-color: #CA2F2F; border-bottom: 1px solid #fff; color: #fff;}
ul.tabbernav li.tabberactive a:hover, #primaryContent_2columns #columnA_2columns #tabber #tabbersub ul.tabbernav li.tabberactive a:hover {color: #000; background: white; border-bottom: 1px solid white;}
/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {padding:5px; border:1px solid #aaa; border-top:0;}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {display:none;}
/*.tabberlive .tabbertab h3 {display:none;} */
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {font: 12px Arial, Helvetica, sans-serif; color: #333333;}
#TB_secondLine {font: 10px Arial, Helvetica, sans-serif; color:#666666;}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(thickbox-macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
}


#CP_hourcont {
padding: 0px;
position:absolute;
border:1px dashed #bbbbbb;
background-color:#dddddd;
display:none;
}

#CP_minutecont {
background-color:#dddddd;
padding: 0px;
position:absolute;
width:45px;
border: 1px dashed #cccccc;
display:none;
}

.floatleft {
float:left;
}

.CP_hour {
padding:1px;
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
white-space:nowrap;
cursor:pointer;
width:35px;
margin:1px;
background-color:#eeeeee;
}

.CP_minute {
padding:1px;
background-color:#eeeeee;
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
white-space:nowrap;
cursor:pointer;
width:auto;
margin:1px;
}

.CP_over {
background-color:#ffffff;
}

table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

/*
  Original:
	Nonzero1.0 by nodethirtythree design
	http://www.nodethirtythree.com
	missing in a maze
  Modified by Jan Mayer for meinbroetchen.at.
*/

/* This controls the width of the fluid width layouts */
div.fluid {width: 90% !important;}

/* This controls the width of the fixed width layouts */
div.fixed {width: 950px !important;}

/* Basic Stuff */
* {margin: 0em; padding: 0em;}

body {
background-color: #fff;
color: #585858;
font-size: 9pt;
font-family: "trebuchet ms", helvetica, sans-serif;
}

h1,h2,h3,h4,h5,h6,h4 a {font-weight: normal; letter-spacing: -1px;}
h3,h4,h5,h6,h4 a {color: #66000F;}
h1 span {font-weight: bold;}
h3 span {font-weight: bold;}
h4 span, h4 a span {font-weight: bold;}
h4 a {text-decoration: none;}

br.clear {clear: both;}

img {border:0;}
img.border {padding: 3px; border: solid 1px #e1e1e1;}
.TL {float: left; margin:1em;}
.TR {float: right; margin:1em;}

a {text-decoration: underline; color: #D90000;}
a:hover {text-decoration: none;}

ul.links {list-style: none;}
ul.links li {line-height: 2em;}

p {line-height: 1.8em;}

.hideme {display:none;}
.italic {font-style:italic;}

/* Header */
#header {width:100%; height:122px; background: #440000 url('n1.gif') repeat-x;}
#header_inner{ position: relative; width: 950px; height:122px; margin: 0 auto;}

/* Logo */
#logo {position: absolute; top: 7px; left: 20px; bottom: 0.6em; background: url('meinbroetchen_logo_header.jpg') no-repeat; width: 294px; height: 190px;}
#logo h1 {margin: 0; display: inline; color: #fff; font-size: 2.6em;}
#logo h2 a, #logo h2 a:hover, #logo h2 a:visited {display: block; text-decoration: none; color: #fff; padding-top: 3em; padding-left: 0.2em; padding-bottom: 6em;}
#logo h2 {display: block; color: #fff; font-size: 1.5em; }
#logo img {padding: 0; border: 0; margin: 0;}

/* Menu */
#menu {position: absolute; right: 0em; bottom: 0em;}
#menu ul {list-style: none;}
#menu li {float: left;}
#menu li a {
margin-left: 0.5em;
display: block;
padding: 1.1em 1.4em 1.0em 1.4em;
background: #fff url('n4.gif') repeat-x;
border: solid 1px #fff;
color: #616161;
font-weight: bold;
font-size: 1.0em;
text-decoration: none;
}
#menu li a.active {
background: #CA2F2F url('n3.gif') repeat-x;
color: #fff;
border: solid 1px #A94B4B;
}

/* Main */
#main {background: #fff url('n2.gif') 0px 1px repeat-x;}
#main_inner p {text-align: justify; margin-bottom: 2.0em;}
#main_inner {
position: relative;
width: 950px;
margin: 0 auto;
padding-top: 3.5em;
}
/* Cheat für die olle Explorer Zippe */
* html #main #main_inner, *+html #main_inner  {padding-top: 5.5em;}

#main_inner h3,h4 {border-bottom: dotted 1px #E1E1E1; position: relative;}
#main_inner h3 {font-size: 2.1em; padding-bottom: 0.1em; margin-bottom: 0.8em;}
#main_inner h4 {font-size: 1.2em; padding-bottom: 0.175em; margin-bottom: 1.4em; margin-top: 0.95em;}
#main_inner .post {position: relative;}
#main_inner .post h3 {position: relative; font-size: 1.7em; padding-bottom: 1.2em;}
#main_inner .post ul.post_info {list-style: none; position: absolute; top: 3em; font-size: 0.8em;}
#main_inner .post ul.post_info li {background-position: 0em 0.2em; background-repeat: no-repeat; display: inline; padding-left: 18px; /* float:right */}
#main_inner .post ul.post_info li.date {background-image: url('n5.gif');}
#main_inner .post ul.post_info li.comments {background-image: url('n6.gif'); margin-left: 1.1em;}
#main_inner .post ul.post_info li.totop {background-image: url('icon-totop.gif'); margin-left: 1.1em;}

/* Footer */
#footer {
width: 950px;
margin: 0 auto;
text-align: center;
clear: both;
border-top: dotted 1px #E1E1E1;
margin-top: 1.0em;
margin-bottom: 1.0em;
padding-top: 1.0em;
}

/* LAYOUT - 2 COLUMNS */
/* Primary content */
#primaryContent_2columns {position: relative;	margin-right: 17em;	margin-top: 3em;}
#columnA_2columns { position: relative; float: left; width: 55em; margin-right: -17em; padding-right: 2em; /*	background-color: #fff; */	overflow:hidden;}
/* Secondary Content */
#secondaryContent_2columns {float: right;}	
#columnC_2columns {width: 20.0em;	float: left; padding: 0em 0em 0.5em 1em; border-left: dotted 1px #E1E1E1; /*	background-color: #987;*/}

/* Sidemenu */
ul.sidemenu li {display: block; width: 162px; height: 37px; margin-bottom: 10px; background:url('menu-sprite.png') no-repeat;}
ul.sidemenu li a, ul.sidemenu li a:hover, ul.sidemenu li a:visited {color: #000000; font-size: 1.2em; text-decoration: none; display: block; padding: 6px 0 0 41px;}
ul.sidemenu li.tellafriend {background-position: 0 -231px;}
ul.sidemenu li.pdf {background-position: 0 -97px;}
ul.sidemenu li.fresh {background-position: 0 -30px;}
ul.sidemenu li.print {background-position: 0 -164px;}

#primaryContent_2columns ul, #primaryContent_2columns ol {margin: 0 0 1em 3em;}

p.linktoshop {background: url('icon-right-med.gif') no-repeat 0 0px; padding-left: 30px; margin: 0 auto; width: 24em;}
p.linktoshop a {font-size: 1.9em; color: #66000F; text-decoration: none;}

.pdfdl {background: url('icon-pdf.gif') no-repeat 0 2px; padding-left: 15px;}

/* friends */
#main_inner div.friends div {border-bottom: 1px solid #ddd; margin-bottom: 20px;}
#main_inner div.friends div img {border: 1px solid #eee; float:left; margin-right: 10px;}
#main_inner div.friends div h3 {border:0; margin:0; padding:0; font-size:1.5em;}
#main_inner div.friends div h3 a {text-decoration:none; color: #990000;}
#main_inner div.friends div h4 {border:0; margin:0; padding:0}
#main_inner div.friends div h4 a {text-decoration:underline;}

body span.collapse
{
font-size: small;
color: #585858;
display: block;
padding-left: 2em;
font-weight: normal;
}


#freeline {
height: 162px;
width: 162px;
background: url('note.jpg') no-repeat;
padding-top: 10px;
}

#freeline p {
text-align: center;
margin: 10px;
font-size: 1.1em;
}

#freeline p strong {
color: #66000F;
font-size: 1.5em;
}

#freeline p span {font-size: 0.9em;}

#main_inner .hinweiskasten {border: 1px solid #007500; background-color: #dbffdb; margin: 5px 10px 20px 10px; padding: 5px}
#main_inner .hinweiskasten span {color: #66000F; font-size: 1.3em;}
#main_inner .hinweiskasten p {padding:0; margin:5px 5px 0 5px;}

.mp {margin:10px; padding:10px;}
.working {border: 1px solid #000; background-color: #ddd;}
.failed {border: 1px solid #770000; background-color: #ffdbdb;}
.verified {border: 1px solid #007500; background-color: #dbffdb;}

#main_inner .post ol {list-style-type:upper-roman; margin: 0em 0em 1em 3em;}

#primaryContent_2columns ul.shop_start {margin:2em;}
#primaryContent_2columns ul.shop_start li {padding-left: 30px; font-size:1.5em; list-style:none; margin-bottom:10px; line-height:1.5em;}

#primaryContent_2columns #tabber .tabbertab a {color:#66000F;}

input.colo:hover, input.colo:focus, input.colo:active {background-color:#eee;}

form a {text-decoration:none;}
form dl {margin:15px; min-height:109px;}
form dl dt {float:left; margin-right: 15px;}
form dl dt img {border: 1px Solid #ccc; padding: 1px;}
form dl dd.name {border-bottom: dotted 1px #E1E1E1; font-size:1.3em; color:#66000F; margin-bottom:10px;}
form dl dd.buy {}
form dl dd.buy label {display:block; float:left; width:21em; font-size:1.1em;}

form fieldset.fieldsetform {padding:10px; margin-bottom:1.5em; background-color:white;}
form fieldset.fieldsetform:hover, form fieldset.fieldsetform:active, form fieldset.fieldsetform:focus {background-color:#F3F3F3;}
form fieldset.fieldsetform ul li {list-style:none; margin-bottom:5px;}
form fieldset.fieldsetform input:hover, form fieldset.fieldsetform input:focus, form fieldset.fieldsetform input:active {background-color:#F3F3F3;}
form fieldset.fieldsetform legend {color:#66000F; font-size:1.3em}

img.infoicon {margin:0px 10px -3px 2px;}

#user_date {background: #fff url('icon-calendar.gif') no-repeat left; padding-left:25px; cursor:pointer;}
#user_time {background: #fff url('icon-clock.gif') no-repeat left; padding-left:25px; cursor:pointer;}

.trbug {margin-top:22px;}

div#wk {margin-bottom:1em}
div#wk table {border:1px solid #878787; width:20em; table-layout:auto; margin:0 auto;}
div#wk table caption {font-size:1.3em; color:#66000F; margin-bottom:10px; text-align:left; margin-left: 1em;}
div#wk table caption span a {font-size:0.7em; text-decoration:none; padding-left:15px; margin-left: 80px;}
div#wk table tr td, #wk table tr th {vertical-align:middle; padding: 2px 4px 2px 4px;}
div#wk table .name {text-align:left;}
div#wk table .name a {color:#66000F;}
div#wk table .control {width:16px; padding:0;}
div#wk table .amount {text-align:center;}
div#wk table .price {text-align:right;}
div#wk table .sum {background-color: #eee; text-align:right;}
div#wk table .final td {background-color:#eee; border-top: solid 1px black;}

#postal_result, #token_result {
width: 90%;
margin: 0 auto;
padding: 0.5em;
text-align: center;
}