/*
  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;}
h1,h2,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 h1,h2,h3,h4 {border-bottom: dotted 1px #E1E1E1; position: relative;}
#main_inner h1,h3 {font-size: 2.1em; padding-bottom: 0.1em; margin-bottom: 0.8em;}
#main_inner h2,h4 {font-size: 1.5em; 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;}

#main_inner div p {font-size:10pt;}

/* 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;}