/*
  Author:   Michael Daum
  Company:  webdaum webdesign
  Web Site: www.webdaum.de

*/
body {
margin:0;
padding:0;
list-style:none;
color:#630;
font:normal normal 9pt/1.4em Arial,SunSans-Regular,sans-serif;
background:url(../../src/img/de/muster2.gif);
}
body.fr {
background:url(../../src/img/fr/muster2.gif) 0 100%;
}
body.en {
background:url(../../src/img/en/muster2.gif) 0 100%;
}
#header {
padding-top:60px;
background:url(../../src/img/de/muster1.gif);
}
body.fr #header,
body.fr #footer {
background:url(../../src/img/fr/muster1.gif);
}
body.en #header,
body.en #footer {
background:url(../../src/img/en/muster1.gif);
}
#footer  {
background:url(../../src/img/de/muster1.gif);
text-align:right;
padding-bottom:4em;
clear:right;
color:#c30;
}
#footer p {
margin:0 200px;
border:1px solid #fff;
border-top:0;
padding:1em;
background:#f2c074 url(../../src/img/de/verlauf.gif) 0 100% repeat-y;
}
body.fr #header h2 a span,
body.fr #footer p,
body.fr th {
color:#c99;
border-color:#c99;
background:rgb(169,116,113) url(../../src/img/fr/verlauf.gif) 0 100% repeat-y;
}
body.en #header h2 a span,
body.en #footer p,
body.en th {
color:#cc9;
border-color:#cc9;
background:#98a2a2 url(../../src/img/en/verlauf.gif) 0 100% repeat-y;
}
#header h2  {
margin:0;
}
#header h2 a span {
color:#fff;
display:block;
margin-right:200px;
margin-left:200px;
border:1px solid #fff;
border-bottom:0;
background:#f2c074 url(../../src/img/de/verlauf.gif) 0 100% repeat-y;
text-align:center;
font:bold normal 18pt/50px Arial,SunSans-Regular,sans-serif;
}
#menu, #side-box {
padding-top:40px;
padding-bottom:5%;
width:200px;
border-top:10px solid #ffb529;
color:#f60;
}
body.fr #menu,
body.fr #side-box {
border-top:10px solid #c99;
color:#c99;
}
body.en #menu,
body.en #side-box {
border-top:10px solid #cc9;
color:#cff;
}
#menu {
position:absolute;
}
#side-box {
float:right;
}
#content {
background:#fff url(../../src/img/content_bg.gif) 0 -10px repeat-x;
margin:0 200px;
padding:0;
}
#inner-content {
padding:10%;
min-height:800px;
height:auto !important;
height:800px;
background:url(../../src/img/inner_content_bg.gif) 100% 100% repeat-x;
}

a.img-container,
#img-container {
margin:0 30px 30px 0;
float:left;
}
/* PHOTOBLOG */
#photoblog  a.img-container {
margin:0 10px 10px 0;
min-height:100px;
min-width:100px;
border:1px solid #cab;
text-align:center;
color:#cab;
}
#photoblog  a.img-container img {
margin-top:5px;
}
#photoblog  a.img-container:hover {
border:1px solid #f4d388;
color:#f4d388;
}
#thumb-nav {
overflow:auto;
width:440px;
height:100px;
}
#thumb-nav div {
max-width:2000px;
width:auto !important;
width:2000px;
}
#thumb-nav a.active {
border-right:1px;
background:#f4d388;
}
#photoblog .eintrag {
margin-top:2em;
border:1px dotted #c90;
padding:10px 20px;
position:relative;
}
#photoblog div.teaser {
border-top:0;
}
#photoblog .navigation {
height:20px;
border-bottom:1px dotted #c90;
margin-bottom:10px;
}
.prev {
position:absolute;
left:20px;
}
.next{
position:absolute;
right:20px;
}
#photoblog .eintrag h3 {
clear:left;
}
#photoblog .description {
margin-top:1em;
padding-top:1em;
border-top:1px dotted #c90;
clear:left;
}
a img {
padding:2px;
border:1px solid #c90;
}

p.mehr {
clear:left;
}
div.kopfzeile {
margin-bottom:1em;
}
small {
font-size:0.8em;
}
#menu ul,
#side-box ul,
#side-box ol {
margin:10px;
padding:0;
list-style:none;
}
div.teaser,
div.linklist,
div.download-links,
div.photo-dir,
div.footer {
clear:left;
margin:1em 0;
padding:1em 0;
border-top:1px dotted #c90;
}
body#comment dfn {
display:block;
float:left;
clear:left;
width:29ex;
font-weight:bold;
text-align:right;
margin-right:1ex;
}
body#comment div#msg {
border:5px solid #c00;
padding:2ex;
color:#900;
margin:2em 0;
}
img {
border:0;
}
p,
ul,
td,
th,
.breadcrumb h3.relative,
.breadcrumb h3.relative *,
#side-box h2  {
font:normal normal 10pt Arial,SunSans-Regular,sans-serif;
}
a {
font-family:Arial,sans-serif;
color:#960;
text-decoration:none;
}
a:visited {
color:#666;
text-decoration:none;
}
a:hover {
color:#c90; 
text-decoration:underline;
}
/* für unseren lieben IE 6  ANFANG */
#menu li {
height:1.4em;
}
#menu li#blognews,
#menu li#gallery,
#menu li#events,
#menu li#lessons,
#menu li#groups,
#menu li#photoalbum{
height:auto;
}
/* für unseren lieben IE 6   ENDE */
#menu ul a {
font-family:Verdana,sans-serif;
font-weight:bold;
font-size:12px;
border-right:20px solid #ffc642;
border-bottom:1px solid #fc0;
text-decoration:none;
padding:0 2px;
margin:2px 0;
line-height:18px;
display:block;
}
body.fr #menu ul a {
border-right:20px solid #c99;
border-bottom:1px solid #fcc;
}
body.en #menu ul a {
border-right:20px solid #cc9;
border-bottom:1px solid #ffc;
}
#side-box a,
#footer a,
#menu a:link,
#menu a:visited {
color:#fff;
}
#menu a:hover,
#menu li.en a:hover,
#menu li.fr a:hover,
#menu li.de a:hover {
background-color:#fb0;
}
body.fr #menu a:hover,
body.fr #menu li.fr a:hover,
body.fr #menu li.de a:hover {
background-color:#c90;
}
body.en #menu a:hover,
body.en #menu li.fr a:hover,
body.en #menu li.de a:hover {
background-color:#9a9;
}
#menu a:active,
#menu a.active,
a.active {
background:#f2c074 url(../../src/img/de/verlauf.gif) 0 100% repeat-y;
border-right:20px solid #f4d388;
text-decoration:none;
}
body.fr #menu a:active,
body.fr #menu a.active,
body.fr a.active {
background:#deb887;
border-right:20px solid #ffe4c4;
}
body.en #menu a:active,
body.en #menu a.active,
body.en a.active {
background:#897;
border-right:20px solid #9a6;
}
body.fr #menu li.en a,
#menu li.en a {
border-right:0;
background:url(../img/en.gif) 100% 0 no-repeat;
}
body.en #menu li.fr a,
body.fr #menu li.fr a,
#menu li.fr a {
border-right:0;
background:url(../img/fr.gif) 100% 0 no-repeat;
}
body.en #menu li.de a,
body.fr #menu li.de a,
#menu li.de a {
border-right:0;
background:url(../img/de.gif) 100% 0 no-repeat;
}
body.en #menu ul ul a,
body.fr #menu ul ul a,
#menu ul ul a,
#menu ul ul a:hover {
font-weight:normal;
border:0;
display:inline;
}
#menu span.count {
color:#960;
}
#menu li#blognews li {
clear:left;
}
body.en #menu ul a.feed,
body.fr #menu ul a.feed,
#menu ul a.feed {
width:12px;
height:12px;
margin:4px 8px 0 0;
float:left;
display:block;
background:url(../img/feed_small.gif) 0 -12px no-repeat;
clear:left;
border:0;
}
#menu ul a.feed:hover {
background-position:0 0;
}
/* content */
#content h2,
#content h3,
#content h4,
#content h5 {
font:normal bold 9pt/1.4em Arial,SunSans-Regular,sans-serif;
margin:0 0 1em 0;
color:#c60;
clear:left;
}
#content h2 {
font-size:1.4em;
}
#content h3 {
font-size:1.2em;
}
#content h4 {
}
#content h5 {
font-weight:bold
}
#content td {
vertical-align:top;
padding:2px;
border-left:1px solid #fff;
}

#content dt {
float:left;
clear:left;
font-weight:bold;
margin-right:1ex;
}
#content dd {
display:block;
width:auto;
margin:0 2em 1em 5em;
}
hr {
border:0;
height:0;
margin:3em 0;
}
span.sep {
display:none;
}
.right  {
border-right:1px solid #fff;
}
.ton5 {
background-color:#eee;
}
.ton1 {
background-color:#ffb529;
}
.ton2 {
background-color:#ffc642;
}
#sound {
background-color:#999;
}
#sound iframe {
width:auto;
height:16px;
}
/* event calendar */
#navigation ul li ,
ol#calendar_table li {
text-align:center
}
#calendar {
position:relative;
left:0;
top:0;
min-height:260px;
height:auto !important;
height:260px;
text-align:center;
}
#side-box,
#side-box h3,
#side-box h2,
#side-box dl {
color:#c60;
margin:0.3em 0 0.3em 10px;
line-height:1em;
}
#side-box h2 {
font-weight:bold;
}
#side-box {
margin-top:0;
}
body.fr #side-box h3,
body.fr #side-box h2 {
color:#deb887;
}
#calendar a:link,
#calendar a:visited {
text-decoration:none;
font-weight:bold;
color:#fff;
background:#c60;
border:0;
}
#calendar span.active {
display:inline;
height:auto;
background:#fb0;
}
#calendar ol li a {
background:#750;
}
#calendar ol li a span.active {
background:#e90;
}
#calendar ol li {
clear:left;
}
#calendar ol {
list-style:none;
padding:5px;
overflow:hidden;
background-color:#f4d388;
}
#calendar ol span, #calendar  ol a {
display:block;
float:left;
}
#calendar ol span {
width:22px;
font-size:10pt;
border-left:1px solid #c90;
border-top:1px solid #c90;
}
#calendar ol a span.info {
position:absolute;
display:none;
top:80px;
left:-160px;
background:#c90;
color:#fff;
padding:2px;
min-height:130px;
height:auto !important;
height:130px;
text-align:left;
font:normal normal 7pt/9pt Verdana, Arial,'Trebuchet MS',sans-serif;
width:146px;
opacity:0.9;
}
#calendar ol a span.info b,
#calendar li#daynames {
font-weight:bold;
font-size:9pt;
color:#565;
}
#calendar ol a:hover span.info {
display:block;
z-index:1;
}
/* Tabelle */
th {
font-weight:bold;
text-align:center;
color:#fff;
background:#f2c074 url(../../src/img/de/verlauf.gif) 50% 100% repeat-y;
border-right:1px solid #fff;
}
th.monthname {
background:#fc3;
border-top:2em solid #fff;
border-bottom:1em solid #fff;
}
body.fr th.monthname {
background:#c66;
}
.event_time_table {
margin-top:2em;
border-spacing:0;
}
.event_time_table td {
border-bottom:1px dotted rgb(179,179,101);
padding:2px 4px;
vertical-align:top;
}

#content h1 {
display:none;
}
/*-----  Download, audio & video links, small icons ------*/
p.ical a span,
a.kommentar span,
.eintrag a.permalink span,	
.eintrag .footer a.mr-wong span,
.eintrag .footer a.yigg span,
.eintrag .footer a.delicious span,
.eintrag .footer a.linkarena span,
a.edit span,
a.feed span,
#copyright span {
position:absolute;
left:-2000px;
}
#side-box h3 span.server-name {
/*
width:140px;
height:28px;
display:block;
color:#fff;
font-size:1px;
line-height:1px;
background:#fff url(../img/sprecher_thomazo.jpg) 0 0 no-repeat;
*/
}
p.ical a {
display:block;
width:155px;
height:51px;
background:#fff url(../img/ical_speichern.jpg) 0 0 no-repeat;
}
a.edit {
padding-left:15px;
background:#9c0 url(../img/edit.png) 0 0 no-repeat;
width:5px;
overflow:hidden;
}
.eintrag a.permalink {
background:#daa520 url(../img/permalink.png) no-repeat;
padding-left:15px;
text-decoration:none;
}
.eintrag a.kommentar {
background:#daa520 url(../img/comment.png) no-repeat;
line-height:16px;
padding-left:16px;
}	
.eintrag .footer a.mr-wong {
background:url(../img/wong_mini.gif) no-repeat;
padding-left:15px;
}	
.eintrag .footer a.delicious {
background:url(../img/delicious.gif) no-repeat;
padding-left:15px;
}	
.eintrag .footer a.yigg {
background:url(../img/yiggit.gif) no-repeat;
padding-left:15px;
}	
.eintrag .footer a.linkarena {
background:url(../img/linkarena.gif) no-repeat;
padding-left:15px;
}
a.doc,
a.pdf,
a.ppt,
a.zip,
a.psd,
a.kml,
a.kmz,
a.gpx,
a.jpg,
a.jpeg,
a.png,
a.gif,
a.tif,
a.mp3,
a.wma,
a.au,
a.wav,
a.mov,
a.mpeg {
display:block;
padding-left:25px;
line-height:20px;
background-position:0 50%;
background-repeat:no-repeat;
}
a.doc {
background-image:url(../img/doc.gif);
}
a.pdf {
background-image:url(../img/pdf.gif);
}
a.ppt {
background-image:url(../img/ppt.gif);
}
a.zip {
background-image:url(../img/zip.gif);
}
a.psd {
background-image:url(../img/psd.gif);
}
a.kml, a.kmz {
background-image:url(../img/google_earth.gif);
}
a.gpx {
background-image:url(../img/gpx.gif);
}
a.mp3, a.wma, a.au, a.wav  {
background-image:url(../img/mp3.gif);
}
a.mov, a.mpeg {
background-image:url(../img/mov.gif);
}
a.jpg, a.jpeg, a.png, a.gif, a.tif {
background-image:url(../img/img.gif);
}