h2 { color: red; font-size: 12px; }
.main {width:600px; height:600px; margin:0px; border:0px; padding:0px; position:relative; background-color:#ffffff;}

body {height:100%; margin:0px; background-color:#EEF4E4;}

body.cd {height:100%; background-color:#EEF4E4; }
body.category_1 {height:100%; background-image:url(img/category_1.jpg); background-repeat:no-repeat; background-position:left bottom; }
body.category_2 {height:100%; background-image:url(img/category_2.jpg); background-repeat:no-repeat; background-position:left bottom; }
body.category_3 {height:100%; background-image:url(img/category_3.jpg); background-repeat:no-repeat; background-position:left bottom; }
body.completed {height:100%; background-color:#EEF4E4; }
body.confirm {height:100%; background-color:#EEF4E4; }
body.download {height:100%; background-image:url(img/download.jpg); background-repeat:no-repeat; background-position:left bottom; }
body.login {height:100%; background-color:#EEF4E4; }
body.media {height:100%; background-color:#EEF4E4; }
body.album2 {height:100%; background-color:#EEF4E4; }
body.poll {height:100%; background-color:#EEF4E4; }
body.welcome {height:100%; background-color:#EEF4E4; }
body.impressum {height:100%; background-color:#FFFFFF; }
body.hilfe {height:100%; background-color:#FFFFFF; }
body.recht {height:100%; background-color:#FFFFFF; }
body.datenschutz {height:100%; background-color:#FFFFFF; }
body.start {height:100%; background-image:url(img/download.jpg); background-repeat:no-repeat; background-position:left bottom; }
body.register {height:100%; background-color:#EEF4E4; }

div.background {height:100%; width:100%; position:absolute; top:0px; left:0px; z-index:0;}
div.background img {height:100%; width:100%; }
div.foreground {height:100%; width:100%; position:absolute; top:0px; left:0px; z-index:1;}

html { height:100%; }

#outer { height: 100%; width:100%; overflow: hidden; position: relative;}
#outer[id] { display: table; position: static; }

#middle { position: absolute; top: 50%; left: 50%; overflow:visible; } /* for explorer only*/
#middle[id] { display: table-cell; vertical-align: middle; position: static; top:auto; left:auto; }

#inner { position: absolute; top: -306px; left: -306px; } /* for explorer only */
#inner[id] { position: static; top:auto; left:auto; z-index:1; }

table[width] { margin-left: auto; margin-right: auto; }

.top { padding-top:10px; width:400px; height:30px; position: absolute; top:5px; left:190px; font-family:verdana,sans-serif; font-size:14px; font-weight:bold; color:#4b5555; border-left: 2px solid; border-left-color:#869a9a; background-color:#ffffff;}
.top0 { padding-top:0px; width:300px; height:30px; position: absolute; top:5px; left:10px; font-family:verdana,sans-serif; font-size:14px; font-weight:bold; color:#0064AD; border-left: 2px solid; border-left-color:#ECC530; }
.top1 { font-family:verdana,sans-serif; font-size:10px; font-weight:bold; color:#869898; }
.top2 { font-family:verdana,sans-serif; font-size:10px; font-weight:bold; color:#ECC530; }
.top3 { font-family:verdana,sans-serif; font-size:10px; font-weight:bold; color:#0064AD; }
.top4 { font-family:verdana,sans-serif; font-size:10px; font-weight:normal; color:#445566; }
.top12 { font-family:verdana,sans-serif; font-size:11px; font-weight:bold; color:#ECC530; }
.logo { width:160px; height:140px; position: absolute; left:25px; top:45px; background-color:#ffffff;}
.claim { width:360px; height:130px; position: absolute; top:50px; left:190px; text-align:center; background-color:#ffffff;}
.navi { width:120px; height:280px; position: absolute; left:10px; top:210px; }
.text { width:390px; height:390px; position: absolute; right:40px; top:180px; font-family:verdana,sans-serif; font-size:11px; color:#445566; background-color:#ffffff; }
.text-rh { width:510px; height:390px; position: absolute; right:40px; top:180px; font-family:verdana,sans-serif; font-size:11px; color:#445566; background-color:#ffffff; }
.bottom { height:22px; width:600px; border-top-style:dashed; border-top-color:#8899aa; border-top-width:1px; position:absolute; bottom:0px; background-color:#ffffff; font-family:verdana,sans-serif; font-size:11px; }

li.navitx { margin-left:8px; padding-left:2px; list-style: none; font-family:verdana,sans-serif; font-size:11px; font-weight:bold; color:#BDC5C5; line-height:20px; background: url(img/line_dis.gif) 0px 100% no-repeat; }
li.navitx#navitx11 { margin-left:8px; padding-left:2px; list-style: none; font-family:verdana,sans-serif; font-size:11px; font-weight:bold; color:#BDC5C5; line-height:20px; background: url(img/line_dis_end.gif) 0px 100% no-repeat; }
body.welcome li.navitx#navitx1,
body.category_1 li.navitx#navitx1, body.category_1 li.navitx#navitx2,
body.category_2 li.navitx#navitx1, body.category_2 li.navitx#navitx2, body.category_2 li.navitx#navitx3,
body.media li.navitx#navitx1, body.media li.navitx#navitx2, body.media li.navitx#navitx3, body.media li.navitx#navitx4,
body.album2 li.navitx#navitx1, body.album2 li.navitx#navitx2, body.album2 li.navitx#navitx3, body.album2 li.navitx#navitx4, body.album2 li.navitx#navitx5,
body.poll li.navitx#navitx1, body.poll li.navitx#navitx2, body.poll li.navitx#navitx3, body.poll li.navitx#navitx4, body.poll li.navitx#navitx5, body.poll li.navitx#navitx6,
body.category_3 li.navitx#navitx1, body.category_3 li.navitx#navitx2, body.category_3 li.navitx#navitx3, body.category_3 li.navitx#navitx4, body.category_3 li.navitx#navitx5, body.category_3 li.navitx#navitx6, body.category_3 li.navitx#navitx7,
body.cd li.navitx#navitx1, body.cd li.navitx#navitx2, body.cd li.navitx#navitx3, body.cd li.navitx#navitx4, body.cd li.navitx#navitx5, body.cd li.navitx#navitx6, body.cd li.navitx#navitx7, body.cd li.navitx#navitx8,
body.confirm li.navitx#navitx1, body.confirm li.navitx#navitx2, body.confirm li.navitx#navitx3, body.confirm li.navitx#navitx4, body.confirm li.navitx#navitx5, body.confirm li.navitx#navitx6, body.confirm li.navitx#navitx7, body.confirm li.navitx#navitx8, body.confirm li.navitx#navitx9,
body.download li.navitx#navitx1, body.download li.navitx#navitx2, body.download li.navitx#navitx3, body.download li.navitx#navitx4, body.download li.navitx#navitx5, body.download li.navitx#navitx6, body.download li.navitx#navitx7, body.download li.navitx#navitx8, body.download li.navitx#navitx9, body.download li.navitx#navitx10,
body.completed li.navitx#navitx1, body.completed li.navitx#navitx2, body.completed li.navitx#navitx3, body.completed li.navitx#navitx4, body.completed li.navitx#navitx5, body.completed li.navitx#navitx6, body.completed li.navitx#navitx7, body.completed li.navitx#navitx8, body.completed li.navitx#navitx9, body.completed li.navitx#navitx10, body.completed li.navitx#navitx11 { margin-left:8px; padding-left:2px; list-style: none; font-family:verdana,sans-serif; font-size:11px; font-weight:bold; color:#869a9a; line-height:20px; background: url(img/line_act.gif) 0px 100% no-repeat; }

body.login li.navitx#navitx1,
body.welcome li.navitx#navitx2,
body.category_1 li.navitx#navitx3,
body.category_2 li.navitx#navitx4,
body.media li.navitx#navitx5,
body.album2 li.navitx#navitx6,
body.poll li.navitx#navitx7,
body.category_3 li.navitx#navitx8,
body.cd li.navitx#navitx9,
body.confirm li.navitx#navitx10,
body.download li.navitx#navitx11 { margin-left:8px; padding-left:2px; list-style: none; font-family:verdana,sans-serif; font-size:11px; font-weight:bold; color:#0064AD; line-height:20px; background: url(img/line_curr.gif) 0px 100% no-repeat; }
body.completed li.navitx#navitx12 { margin-left:8px; padding-left:2px; list-style: none; font-family:verdana,sans-serif; font-size:11px; font-weight:bold; color:#0064AD; line-height:20px; background: url(img/line_curr_end.gif) 0px 100% no-repeat; }

.notvisible
	{ visibility:hidden; }

.menu
	{ font-family:verdana,sans-serif; font-size:11px; font-weight:bold; color:#ffffff; width:11px; height:52px; padding:2px; position: absolute; left:0px; top:20px; background-color:#869a9a; }
.menu_big
	{ font-family:verdana,sans-serif; font-size:11px; font-weight:bold; color:#ace847; width:100px; height:52px; padding:2px; position: absolute; left:11px; top:20px; background-color:#869a9a; }
.transparent
	{ width:100px; height:52px; position: absolute; left:0px; top:20px; background-color:none; }
.menubutt
	 { font-size:10px; margin:1px; color:#667788; height:13px; border:none; border-top:0px solid #ffffff; font-family:Verdana,sans-serif; padding:6px; background-color:#ffffff; }
.menubutt-top
	 { font-size:10px; margin:1px; color:#667788; height:13px; border:none; border-bottom:0px solid #ffffff; font-family:Verdana,sans-serif; padding:6px; background-color:#ffffff; }


a:link { color:#667788; text-decoration:none; cursor:pointer;}
a:visited { color:#667788; text-decoration:none; }
a:hover { color:#445566; text-decoration:none; }
a:active { color:#445566; text-decoration:none; }
a:focus { color:#445566; text-decoration:none; }

a.save:link { color:#445566; }
a.save:visited { color:#ffffff; }

a.save:link img { border-color:#82BD27; }
a.save:visited img { border-color:#BDC5C5; }

.bot { float:left; text-align:center; width:110px; border-right: 1px solid; border-right-color:#8899aa; line-height:20px; }
.bot-rt { float:left; text-align:center; width:120px; border-right: 0px solid; line-height:20px; }
.bot2 { float:left; text-align:center; width:240px; border-right: 1px solid; border-right-color:#8899aa; line-height:20px; }

a.list { font-weight:bold; color:#445566; }
a.list:hover { font-weight:bold; color:#E62A8A; }

li.inline { display: inline; padding-left: 10px; padding-right: 17px; background: url(img/diamond-black.gif) 0px 50% no-repeat; }

li.last { display: inline; padding-left: 3px; padding-right: 3px; border-right: 0px; }

td.scroll { width: 360px; height: 310px; font-family:verdana,sans-serif; font-size: 11px; color: #445566; background-color: #ffffff;
	    scrollbar-base-color: #445566; scrollbar-3d-light-color: #ffffff; scrollbar-arrow-color: #322623; scrollbar-darkshadow-color: #445566; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #adbfbf; scrollbar-track-color:#869a9a; }
td.scroll1 { width: 360px; height: 310px; font-family:verdana,sans-serif; font-size: 11px; color: #445566; background-color: #ffffff; position: absolute; left:5px; top:50px;
	    scrollbar-base-color: #445566; scrollbar-3d-light-color: #ffffff; scrollbar-arrow-color: #322623; scrollbar-darkshadow-color: #445566; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #adbfbf; scrollbar-track-color:#869a9a; }
td.scroll2 { width: 480px; height: 310px; font-family:verdana,sans-serif; font-size: 11px; color: #445566; background-color: #ffffff;
	    scrollbar-base-color: #445566; scrollbar-3d-light-color: #ffffff; scrollbar-arrow-color: #322623; scrollbar-darkshadow-color: #445566; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #adbfbf; scrollbar-track-color:#869a9a; }
td.scroll3 { width: 480px; height: 310px; font-family:verdana,sans-serif; font-size: 11px; color: #445566; background-color: #ffffff; position: absolute; left:5px; top:50px;
	    scrollbar-base-color: #445566; scrollbar-3d-light-color: #ffffff; scrollbar-arrow-color: #322623; scrollbar-darkshadow-color: #445566; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #adbfbf; scrollbar-track-color:#869a9a; }

.cat { color:#869898; }

.normal { background-color:#ffffff; font-weight:normal; font-size:11px; color: #445566; vertical-align:top; text-align:left; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#869a9a; padding:5px 0px 0px 0px; margin: 0px; }
.normal-hb { background-color:#ffffff; font-weight:normal; font-size:11px; color: #445566; vertical-align:top; text-align:left; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#869a9a; padding:0px 0px 0px 0px; margin: 0px; }
.normal-check { background-color:#ffffff; font-weight:normal; font-size:11px; color: #445566; vertical-align:top; text-align:left; padding:0px 0px 0px 0px; margin: 0px; }

.status { font-family:verdana,sans-serif; font-size:12px; font-weight:bold; color:#869a9a; line-height:25px; font-variant:small-caps; padding-bottom:5px; }

.caps { font-variant:small-caps; font-weight:normal; }
.small { font-size:9px; color:#869a9a; }

.code { padding-left:50px; }

input.button_small[disabled] { font-size:10px; margin:5px; background-color:#ffffff; color:#869a9a; height:20px; border:2px solid #869a9a; font-family:Verdana,sans-serif; padding-bottom:2px; }
input.button_small { font-size:10px; margin:5px; background-color:#ffffff; color:#445566; height:20px; border:2px solid #869a9a; font-family:Verdana,sans-serif; padding-bottom:2px; }

.ButtonInput { padding:0px; margin:5px; background-color:#ffffff; height:15px; border:2px solid #869a9a; float:left; text-align:center; font-size:10px; font-family:Verdana,sans-serif; color:#445566; text-decoration:none; cursor:pointer; }
.ButtonInputDis { padding:0px; margin:5px; background-color:#ffffff; height:15px; border:2px solid #869a9a; float:left; text-align:center; font-size:10px; font-family:Verdana,sans-serif; color:#869a9a; text-decoration:none; cursor:pointer; }
.ButtonInput2 { padding:0px; margin:5px; background-color:#ffffff; height:15px; border:2px solid #a7a19e; float:left; text-align:center; font-size:10px; font-family:Verdana,sans-serif; color:#445566; text-decoration:none; cursor:pointer; }
.buttonback { padding:0px; background-color:#ffffff; position:absolute; bottom:10px; left:140px; cursor:pointer; }
.buttonback2 { padding:0px; background-color:#ffffff; position:absolute; bottom:10px; left:200px; cursor:pointer; }
.buttonnorm { padding:0px; background-color:#ffffff; position:absolute; bottom:10px; left:5px; cursor:pointer; }

.long { margin:0px; padding:1px; width:220px; }
.short { margin:0px; padding:1px; width:50px; }
.medium { margin:0px; padding:1px; width:160px; }
.tarea { margin:0px; padding:1px; width:350px; height:70px; }

.tb { padding-right:5px; }

input.pw { margin:5px; width:100px; }

.hb { margin:5px; margin-top:0px; margin-bottom:0px; }
.wl { margin:5px; margin-top:0px; margin-bottom:5px; }

.normal-hp { background-color:#ffffff; font-weight:normal; font-size:11px; color: #445566; vertical-align:center; text-align:center; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#869a9a; padding:5px 0px 0px 0px; margin: 0px; }

.poll-hd { font-size:11px; color: #E62A8A; font-weight:bold; }
.poll-hd2 { font-size:13px; color: #E62A8A; font-weight:bold; }
.poll-tp { font-size:10px; color:#869898; font-weight:bold; padding-top:10px; }
.poll-it { font-weight:normal; }
.input { background-color:#fffff7; border:1px solid #707070; }

.divider { font-size:1px; line-height:3px; }

/* mp3Player */
a.playing img.play, a.stopped img.stop { display:none; }