/* Main stylesheet for Breema Center design and layout.
This version: March 2010
*/

/* YUI grid overrides */
#custom-doc { width:70.54em;*width:68.84em;min-width:950px; margin:auto; text-align:left; } 

.yui-gf .yui-ge yui-u.first { width: 425px; }
.yui-gf div.first,
.yui-ge .yui-u { width: 244px; }
.yui-gf .yui-u .yui-ge { margin-left: 30px; }
.yui-gf .yui-u .yui-ge .first { width: 425px;}
.yui-gf .yui-u .yui-ge .yui-u.alt  { width: 500px;}

/* html */
a { 
color: #582951;
text-decoration: none;
}

a:hover { color: #c50; }

body {
background: url(http://www.breema.com//themes/site_themes/default/bg-page.jpg) repeat-x #fffeea;
color: #333;
font:  75% "Lucida Grande",Arial, sans-serif;
}

html>body { font-size: 12px; }
body strong { font-weight: 700; }

fieldset { 
border: 0;
margin-bottom: 1.65em;
}

fieldset p { margin-bottom: 0;}
fieldset div { margin-bottom: 1.65em; }

form { 
float: none;
clear: both;
}

#hd form input { float: left; }

form input[type=text] { 
border: 1px solid #ccc;
border-top-color: #7c7c7c;
color: #666;
padding: 3px 10px;
height: 1em;
}


#hd form input[type=text] { width: 128px; }

form input[type=submit] {
background-color: transparent;
background-image: url(http://www.breema.com//themes/site_themes/default/bg-buttons.gif);
background-repeat: no-repeat;
border: 0;
height: 31px; 
margin: -2px 0 0 7px;
text-indent: -1200em;
}

#IEroot form input[type=submit] {
border: 0;
font-size: 0;
text-align: right;
text-decoration: none;
text-indent: 0;
}

form input[value=Search] { 
background-position: 0 -3px; 
width: 69px;
}

form input[value=Go], form input[value=Send] { 
background-position: 0 -124px; 
width: 50px;
}
html body div #contact_form input[type=submit], html body div form input.plain
 {
background: #eee;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
color: #666;
font-weight:700;
margin-top: 0;
text-indent: 0;
padding:3px;
}

form input[value=Suche] { 
background-position: 0 -200px; 
width: 69px;
}

#IEroot form input[value=Search], #IEroot form input[value=Suche] { color: #28612C; width: 79px;}

#IEroot form input[value=Go], #IEroot form input[value=Send] { 
color: #FFFEEA; 
width: 60px; 
}

#IEroot #mailinglist_form input[type=text] { height: 20px;  }

h1, h2, h3 { letter-spacing: 1px; }

h2, h2 a { 
color: #c50;
font-size: 22px;
}

h3 { 
color: #165927;
font-size: 18px;
margin-bottom: 15px;
}

h2, .homepage h3 { margin-bottom: 20px; }

h4, li, p, td, dd {
font-size: 1em;
 line-height: 150%;
}

dd { line-height: 120%; }
dd a, dt a, a.dt { font-weight: 700; }

label {
display: block; 
font-weight: 700; 
}

li, p, td, dd { margin: 0 0 1.5em 0; }

h4 { margin-bottom: 10px; }
h4.month {  font-weight: 700; }
ul li, ol li { margin: 0 0 .25em 1em; }
#IEroot ul li { margin-left: 1.25em; }
ul li { list-style: disc; }
ol li { list-style: decimal;  }

/* classes */
.bar li:after { 
content: "|";
padding: 0 5px;
}

.bar li:last-child:after { content: ""; }

#IEroot .bar li {
padding: 0 5px 0 3px;
}
#IEroot .bar li.last { border: 0 !important; }

.breadcrumb a:after { 
color: #333;
content: ">  ";
display: inline;
}

.homepage .calendar dd { margin: 0 0 18px 60px; }
.homepage .calendar dd.last {margin-bottom: 8px;}

.calendar dt {
color: #515070;
font-weight: 700;
}
.homepage .calendar dt { float: left; }

/* mini-calendar */
.calendarBG th,
.calendarBG td {
text-align: center;
padding: 2px;
}

table.calendarBG { 
background: #fff;
border: 1px solid #b1c7a9;
height: 198px;
width: 219px;
}

.calendarBG td { 
border: 0; 
background: transparent; 
}

.calendarBG td span { 
background: #fff;
border: 1px solid #ccc;
color: #1b7fb7; 
display: block;
font: 12px Arial,sans-serif;
margin: 1px;
padding: 2px;
}

.calendarBG td a { 
color: #1b7fb7;
display: block;
}

.calendarBG td a span {
font-weight: 700;
 }

.calendarBG span:hover, .calendarBG  a span:hover  { 
background: #fff;
color: #1b7fb7;
}

.calendarBG span:hover, .calendarBG td a { border: 1px solid #f7931e; }
.calendarBG a span:hover,.calendarBG td a span { border: 0; }

.calendarBG th, .calendarBG td.calendarDayHeading { 
font-family: "Lucida Grande", Arial, sans-serif;
}

.calendarBG td.calendarBlank span { background: #ddd; color: #777;}
.calendarBG td.calendarToday span { background: #f7931e; color: #fff; }

/* Misc. */

.current a { font-weight: 700; }
.more:after {
content: "...";
}

/* Home page */
.homepage h3 { position: relative; }

.homepage h3.alt { 
color: #6c6a55;
font-size: 13px;
margin: 35px 0 5px  0;
}

.homepage h5.date { color: #666; }

.homepage .entry { 
color: #444;
font-size: 14px; 
margin-bottom: 10px;
}

.homepage .image *   {  border: 1px solid #fff; }
.homepage .image {
position: relative;
z-index: 0;
}

.homepage h3 a.rss { 
position: absolute;
left: 220px;
top: 5px;
}

.homepage .icons, .homepage .icons a { float: left; }
.homepage .icons a { margin-right: 20px; }

a.icon, a[href$="pdf"] { 
background-color: transparent;
background-image: url(http://www.breema.com//themes/site_themes/default/icons.gif);
background-repeat: no-repeat;
}

a.rss { 
background-position: 0 0;
height: 13px;
text-indent: -1200em;
width: 35px;
}

a[href$=".pdf"] { 
background-position: 0 -30px;
display: inline-block;
height: 21px;
padding-left: 20px;
}

.calendarBG a.previous, .calendarBG  a.next { 
display: block;
height:23px;
text-indent: -1200em;
width: 24px;
}
.calendarBG a { font-weight: 700; }

.calendarBG a.next { background-position: -30px -60px; }
.calendarBG a.previous { background-position: 0 -60px; }

.calendarBG a.next:hover { background-position: -29px -99px; }
.calendarBG a.previous:hover { background-position: 0 -99px; }

.inline, .inline li { float: left; }
.inline li { list-style: none; }
.left { float: left; }
.mid-inner { margin-right: 55px; }
.directory .mid-inner li, .directory .mid-inner h3 { margin-bottom: 0; }
.directory .mid-inner h3 { margin-top: 15px; }
.right { float: right; }
.two-fifty { width: 250px; }

/* sidebar */
.sidebar-img {
background: #fff;
overflow: hidden;
width: 246px;
}

.sidebar-img img {
display: block;
margin: 1px;
}
.sidebar-img img[src=""] { display: none; }
.sidebar-inner { margin: 0 0 0 15px; }

/* ids */ 
#bd { margin-bottom: 50px; }

#bd .sidebar {
background: url(http://www.breema.com//themes/site_themes/default/bg-sidebar.jpg) repeat-x bottom left transparent;
border-right: 1px solid #d9e0ee;
padding-bottom: 122px; 
}

#bd .sidebar li { 
background: #fff; 
border-bottom: 1px solid #d4e0cc;
list-style: none;
margin: 0;
padding: 0;
}

#bd .sidebar a,
#bd .sidebar li span {
color: #457b52;
font-size: 11px;
display: block;
padding: 7px 0 7px 38px;
}

#bd .sidebar li.index a, #bd .sidebar a.index{ padding-left: 30px; }
#bd .sidebar li.sub a { padding-left: 46px; }
#bd .sidebar li.sub a.index { color: #666; }

#bd .sidebar a:hover {
background: #79a07b;
color: #fff;
}

html body.all #bd .sidebar li#directory a {background: #91b18f;color: #fff;}

#bd .yui-gb,
#bd .yui-ge { padding-bottom: 2.25em; }
#bd .yui-ge { padding-top: 50px; }
#bd .yui-gf { min-height: 580px; }

#IEroot #bd .yui-gb {  clear: both; }

#events .more { clear: left; margin: 0 0 15px 60px; }
#ft ul.bar { margin-bottom: 15px; }
#ft li { margin: 0; }

/* Main header:  logo, search form */
#hd { height: 125px; }
#hd h1 { margin: 0; }

#hd h1 a { 
background: url(http://www.breema.com//themes/site_themes/default/logo.png) 0 73px no-repeat transparent; 
display: block;
height: 125px;
text-indent: -1000em;
width: 319px;
}

#hd ul li, 
#hd ul li a { 
color: #fffeea;
font-size: 12px;
margin: 0;
line-height: 120%;
padding: 2px 0;
}
#IEroot #hd .bar li { border-right: 1px solid #fffeea; }

#hd ul li a:hover { color: #f90; }

#hd ul#lang { background: #82aa6f; padding-left: 10px;}

#hd ul#lang li, 
#lang li.de a { color: #f8f8f2; }

#lang li.eng a { color: #2b6336; }
#IEroot #lang li.eng { border-right: 1px solid #f8f8f2; }

.deutsch #hd #lang li.eng a { color: #f8f8f2; }
.deutsch #hd #lang li.de a { color: #2b6336; }

#hd form { padding-top: 25px; }

#hd form label { 
position: absolute;
left: -1200em;
}

#hd .right { margin-top: 15px;}

/* Footer */
#ft { color: #666; }
#ft a { color: #155926; }
#ft a:hover { color: #c50; }
#ft p { clear: both; }
#IEroot #ft .bar li { border-right: 1px solid #155926; }

/* Main content area */
.yui-gf .yui-ge #mailinglist_form { margin-top: 160px; }

#mailinglist_form label { 
color: #6c6a55;
display: block;
font-size: 13px;
margin: 15px 0;
}


/* Main navigation */
#navigation {
background: #819f85;
height: 28px;
margin-bottom: 25px;
/*overflow: hidden;*/
}

.homepage #navigation { margin-bottom: 30px; }

#navigation li {
margin: 0 15px 0 0;
position: relative;
z-index: 5000;
}

#navigation li li { 
float: none; 
margin-right: 0;
padding-right: 0;
}

#navigation li ul {
border: 1px solid #82a187;
border-top:0;
 display: none; 
  position: absolute;
  top: 1.5em;
  left: 0;
  padding: 10px 0 0;
z-index: 3000;
  }

#navigation li a {
background-image: url(http://www.breema.com//themes/site_themes/default/bg-navigation.png);
background-color: transparent;
background-repeat: no-repeat;
display: block;
height: 26px;
text-indent: -1200em;
}
#IEroot #navigation li { margin: 0; }

#navigation.eng li#homepage a { background-position: -64px -3px; width: 56px; }
#navigation li#about_breema a { background-position: -140px -3px; width: 127px;}
#navigation li#about_center a { background-position: -275px -3px; width: 155px;}
#navigation li#directory a { background-position: -444px -3px; width: 197px; }
#navigation li#calendar a { background-position: -659px -3px; width:103px; }
#navigation li#inspiration a { background-position: -773px -3px; width: 102px;}
#navigation li#bookstore a { background-position: -893px -3px; width: 84px;}

/* German site, default */
#navigation.de li#homepage a { background-position: -67px -205px; width: 135px; }
#navigation li#ueber_breema a { background-position: -212px -205px; width: 185px; }
#navigation li#literatur a { background-position: -410px -205px; width: 158px;}
#navigation li#intensiv a { background-position: -585px -205px; width: 305px;}
#IEroot #navigation li#intensiv a { width: 225px;}
#navigation li#seminare a { background-position: -905px -205px; width: 75px;}

/* the hover, on states */
.homepage #navigation.eng li#homepage a, #navigation li#homepage.on a, #navigation.eng li#homepage:hover a { background-position: -64px  -103px; }
.about_breema #navigation li#about_breema a, #navigation li#about_breema.on a, #navigation li#about_breema:hover a { background-position: -140px  -103px; }
.about_center #navigation li#about_center a, .press #navigation li#about_center a, #navigation li#about_center.on a,#navigation li#about_center:hover a { background-position:  -275px -103px; }
.directory #navigation li#directory a, #navigation li#directory.on a, #navigation li#directory:hover a { background-position:  -444px -103px; }
.calendar #navigation li#calendar a, #navigation li#calendar.on a, #navigation li#calendar:hover a { background-position:  -659px -103px; }
.inspiration #navigation li#inspiration a, #navigation li#inspiration.on a, #navigation li#inspiration a:hover  { background-position:  -773px -103px; }
.bookstore #navigation li#bookstore a, #navigation li#bookstore.on a, #navigation li#bookstore a:hover { background-position:  -893px -103px; }

/* German site,  hover */
.homepage #navigation.de li#homepage a, .deutsch #navigation li#homepage.on a, .deutsch #navigation.de li#homepage:hover a { background-position: -67px -305px;  }
.ueber_breema #navigation li#ueber_breema a, #navigation li#ueber_breema.on a, #navigation li#ueber_breema:hover a { background-position:  -212px -305px; }
.literatur #navigation li#literatur a, #navigation li#literatur.on a,#navigation li#literatur:hover a { background-position:  -408px -305px; }
.intensiv #navigation li#intensiv a, #navigation li#intensiv.on a, #navigation li#intensiv:hover a { background-position: -585px -305px; }
.seminare #navigation li#seminare a, #navigation li#seminare.on a, #navigation li#seminare:hover a { background-position:  -905px -305px; }

#navigation li ul a { 
background: #fff;
border-bottom: 1px solid #d7e2d3;
color: #457B52;
font-size: 11px;
height: 26px;
line-height: 1em;
min-width: 145px;
padding: 5px 0 5px 5px;
text-indent: 0;
z-index: 6000;
}

#navigation li ul li:last-child a { border: 0; }
 
div#navigation li ul a:hover { 
background: #819f85;
color: #fff;
}

#navigation li:hover ul,
#navigation li.over ul {
  /*display active subnav list*/
  display: block;
  z-index:5999;
}

#scrim { 
background: url(http://www.breema.com//themes/site_themes/default/bg-scrim.gif) repeat-x transparent bottom left;
}

/* 'Share This' */
#sharethis_0 { float: right; margin-top: 8px; }

.sidebar-excerpt p {
margin-bottom: 0;
}
