/*  // -------------------------------------------------------------------
    //              Name : website_shared.css
    //              Type : Cascade Stylesheet
    // -------------------------------------------------------------------
    //           Project : www.beurer-lectures.de 
    //            Author : Lothar Steidle - lothar@steidle.net
    //              Date : 06.03.2009 / Version 3.0
    // ------------------------------------------------------------------- */

* { margin: 0; }
html, BODY, td { height: 100%; padding: 0px; margin: 0px; font-size: 12px; font-family: verdana,Geneva,Helvetica,sans-serif; }
input, textarea, select { font-size: 12px; }
label { width: 70px; }

#wrapper { margin-top:41px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -33px; width: 980px; margin-left: auto; margin-right: auto; }
#main { height: 100%; width: 980px; margin-left: auto; margin-right: auto; }

#profile label { width: 150px; }
#profile .formend { margin-left: 160px; }

ul#menu, ul#footermenu, ul#footermenucme { width: 980px; padding: 0px; margin: 0; list-style-type: none; margin-left: 0; }

/* moved */
#footer {text-align:center;}
#footer, .push { width: 980px; margin-left: auto; margin-right: auto; height: 18px; margin-top: 13px; }
/* IE6 */
* html #footer, .push {margin-top: -5px; }

#footer .cmefeed { margin-left: 3px; margin-right: 17px; padding: 0 17px 0 0; background: url( "../images/feed-icon-14x14.png" ) no-repeat right 50%; }

ul#footermenu { width:980px }
ul#footermenu a {text-decoration:none;}
ul#footermenu li { margin: 0; list-style-type: none; display: inline; text-align:center; height: 18px; background-repeat: repeat-y; }
ul#footermenu li .left { padding-left: 10px; }
ul#footermenu li .right { padding-right:5px; }
ul#footermenu li .feed { margin-left: 3px; margin-right: 2px; padding: 0 17px 0 0; text-align: right; background: url( "../images/feed-icon-14x14.png" ) no-repeat right 50%; }

#header { text-align: right; position: relative; }
#header #logo { position: absolute; left: 0px; top: 0px; }

#cme { clear: both; padding-left: 565px; }
#cmemenu { width: 410px; }
#cmemenu a { font-weight: bold; }
#cmemenu li.button a, #cmemenu li.buttonselected a { text-decoration: none; font-size: 12px; width: 100px; color: #E2C0C9; height: 22px; padding-top: 2px; }
#cmemenu li.buttonselected a, #cmemenu a:hover { color: white; }
#cmemenu li.buttonselected { background-image: none; }
#cmemenu li { list-style-type: none; display: inline; width: 100px; float: left; height: 28px; }


#content h1 { text-align: left; font-size: 14px; margin: 0px; margin-bottom: 20px; }
#content h2 { text-align: left; font-size: 12px; text-align: center; margin-bottom: 15px; margin-top: 15px; }

#navigation { border: 1px solid #000000; margin-left: 0px; width: 528px; height: 22px; vertical-align: bottom; margin-top: 2px; padding: 0px; background-image: url(../images/navigation_background.gif); }
#bignavigation { border: 1px solid #000000; margin-left: 0px; width: 504px; height: 22px; vertical-align: bottom; margin-top: 2px; padding: 0px; background-image: url(../images/navigation_background.gif); }

#bignavigation #menuthumbs { width: 20px; padding: 0px; padding-left: 70px; margin: 0px; vertical-align: top; }
#bignavigation #player,#navigation #player { padding: 0px; width: 330px; margin: 0px; text-align: center; vertical-align: top; }
#bignavigation a,#navigation a { margin-right: 3px; width: 24px; height: 22px; }

#navigation #menuthumbs { width: 70px; padding: 0px; padding-left: 80px; margin: 0px; vertical-align: top; }
#navigation table { padding: 0px; }
#navigation #previousnext { width: 70px; vertical-align: middle; padding-top: 0px; padding-right: 80px; text-align: right; vertical-align: top; }

#navigation a img { height: 22px; width: 22px; border-right: 1px solid black; border-left: 1px solid black; }
#navigation a:hover { background-color: Transparent; }

#navigation img { margin-bottom: 0px; cursor: hand; cursor: pointer; }

.bigvideo {width:507px; height:402px; margin:0px;}
.speaker { border: 1px solid black; width: 150px;margin:0px; margin-bottom: 5px; margin-top:21px; margin-left:28px;}


#moviecontainer {margin-left:30px; margin-top:20px;}	/* fix 30.10.2009 bündig mit headline */
#moviecontainer.bigvideo {margin-top:5px; margin-left:0px;}
#navigation #moviecontainer {margin:0px;}

.chartinfos { padding-left: 40px; }
.chartdownloads { padding-left: 48px; }

#chart { width: 530px; font-size: 12px; padding-bottom: 0px; margin-bottom: 2px; padding: 2xp; margin-top: 15px; margin-left: 0px; }
#chartcontainer { margin-left: 0px; text-align: center; }

#textchart { padding-left: 0px; padding-bottom: 14px; padding-top: 5px; }
#textchart .title {font-size:12px;font-weight:bold;}

.borderless { width: 100%; padding: 0px; margin-bottom: 5px; margin-top: 5px; }
.border, #cmefragen, #cmenavigation { border: 1px solid #09291E; }


/* lists */
.box { background-color: White; background-position: left; background-repeat: repeat-y; background-color: White; border: 1px solid #000029; }
.box .padding { padding: 10px; }
.box { font-size: 12px; border-collapse: collapse; padding: 0; height: auto; width: 99%; margin-right: 0px; margin-bottom: 5px; margin-top: 5px; padding-top: 5px; padding-bottom: 5px; }
.box .date { font-size: 12px; width: auto; display: blocK; float: none; padding-left: 10px; padding-right: 10px; }
.box .title { font-size: 12px; width: auto; float: none; font-weight: bold; padding-left: 10px; padding-right: 10px; }
.box a.title {padding-left:0px;}
.box .place { width: auto; float: none; margin-left: 10px; padding-left: 10px; padding-right: 10px; }
.box .clear { clear: both; }
.box a { font-size: 12px; color: Black; font-weight: bold; }
.box .success { color: green; }
.box .failure { color: Red; }
.box .snapshot { width: 52px; border-right: 1px solid black; vertical-align: top; }
.box .boxinfo { vertical-align: top; padding-top: 10px; padding-bottom: 9px; font-size: 12px; }
.box .boxinfocme { vertical-align: middle; padding-left: 62px; padding-top: 3px; padding-bottom: 3px; }

.box .emptyinfo { width: 45px; height: 100%; padding-top: 49px; padding-left: 10px;  }
.box ul {list-style-image:none;list-style-type:square;}

ul { list-style-image: url(../images/listitem.gif); margin-left: 15px;padding:0px; }
li { line-height: 20px; }


#menu li.buttonselected a { display: block; height: 26px; line-height: 26px; color: Black; text-decoration: none; font-size: 14px; }
#menu li.button, #menu li.buttonselected { display: block; float: left; height: 26px; line-height: 26px; width: 140px; font-size: 14px; font-weight: bold; vertical-align: middle; }
#menu li.button a, #menu li.buttonselected a { width:auto; text-decoration: none; display: block; }
#menu li .left { background-position: left; background-repeat: no-repeat; display: block; padding-left: 1px; height: 26px; }
#menu li .right { background-position: right; background-repeat: no-repeat; display: block; padding-right: 1px; height: 26px; }
#menu li.button a:hover { color: White; }



#cmefragen { margin-top: 10px; }
#cmenavigation { width: 100%; }

A:hover { font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; }
A { color: black; }
p { clear: both; }


/* --- admin --- */
#list { border: 1px solid #2E4A82; }
#list th, .label { background-color: #2E4A82; }


.admin ul#menu { width: 98%;background-image: url(../images/de/menu_background.jpg);height:32px;  }
.admin ul#menu li a { width: auto;font-size:11px; }
.admin ul#menu li span.padding { padding-left: 10px; padding-right: 10px; }
.admin #menu li.button {width:120px;}
.admin #menu li.buttonselected {width:120px;}
.admin #main,.admin #header { width: 98%; }

.cmebox label {width:67px}
.cmebox input#email {width:140px}
.cmebox input#passwort {width:140px}
.cmebox .formend {margin-left:76px}

#profile.big {width:600px}

/* main buttons */
#menu li#home, #menu li#home { width:165px;}