/* Generic */
body {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: #f1f1ed;}
form {margin: 0; padding: 0;}
form input[type=text] {background-color: white;}
a img {border: none;}
* :focus {outline: 0;}

/* hr */
div.hr {height: 2px; background: url(img/hr.gif) repeat-x; margin: 20px 0;}
div.hr hr {display: none;}

/* Visibility */
.noShow {display: none;}

/* Header */
#header {width: 100%; height: 57px; background: #000000;}
#header .wrapper {position: relative; z-index: 10; width: 730px; margin: 0 auto; padding-top: 13px;}
#header #background {position: absolute; z-index: 0;}
#header #logo {float: left;}

/* Menu */
#menu {float: right;}
#menu ul {float: left; margin: 0; padding: 0; list-style: none;}
#menu li {position: relative; float: left;}
#menu .root, #menu span.clean {display: block; float: left; position: relative; z-index: 1000; height: 27px; margin-left: 5px; padding: 8px 10px 0 4px; white-space: nowrap; font-weight: bold; text-decoration: none; color: #8c8c8e; cursor: pointer;}
#menu span.clean {color: #78787a;}
#menu li.vspacer {display: block; width: 2px; height: 35px; padding: 0 10px; text-align: center; font-size: 1px; background: url(img/nav/vspacer.png) no-repeat center;}
/* --- base hovers */
#menu li:hover {background: url(img/nav/left.png) no-repeat;}
#menu li:hover li {float: none;}
#menu li:hover .root {background: url(img/nav/root.png) no-repeat top right;}
#menu li.empty:hover {background: url(img/nav/empty_left.png) no-repeat;}
#menu li.empty:hover .root {background: url(img/nav/empty.png) no-repeat top right;}
#menu li.login:hover, #menu li.vspacer:hover, #menu li.language:hover {background: none;}
/* --- make it round */
#menu li:hover li.first {background: url(img/nav/right.png) no-repeat top right; border: none;}
#menu li:hover li.first-parent {background: #ffffff url(img/nav/border_top.png) no-repeat top right;}
#menu li:hover li.last {background: url(img/nav/right.png) no-repeat bottom right; border: none;}
#menu li:hover li.last-parent {background: url(img/nav/right.png) no-repeat bottom right; border: none;}
#menu li:hover li.first span, #menu li:hover li.first-parent span {padding-top: 7px; background: #ffffff; border-top: 1px solid #c4c4c0;}
#menu li.last span, #menu li.last-parent span {border-bottom: 1px solid #c4c4c0;}
#menu li.first-parent span a, #menu li.parent span a, #menu li.last-parent span a {margin-right: 1px; background: #ffffff url(img/nav/arrow.gif) no-repeat right center;}
/* --- sub levels */
#menu ul ul {position: absolute; display: none; left: 0; top: 100%; margin-top: -1px; padding: 0; background: url(img/nav/left.png) no-repeat bottom left;}
#menu li:hover li {margin-left: 5px; padding: 0 5px 0 0; background: #ffffff; border-right: 1px solid #c4c4c0;}
#menu li:hover li span {display: block; padding: 9px 5px 7px 5px; background: #ffffff url(img/nav/spacer.gif) repeat-x top;}
#menu li:hover li span a {display: block; padding-right: 15px; text-decoration: none; white-space: nowrap; color: #666666;}
#menu li:hover li span a:hover {text-decoration: underline; color: #3399cc;}
#menu .sub2 {top: 0; left: 100%; margin-top: 0;}
#menu .sub2 li.first {margin-left: 1px;}
#menu .sub2 li.first span {padding-left: 9px;}
/* --- clean last sub section */
#menu li.first-parent li span a, #menu li.parent li span a, #menu li.last-parent li span a {background: none;}
#menu li.last-parent li span {border: none;}
#menu li.last-parent li.last span {border-bottom: 1px solid #c4c4c0;}
#menu li:hover li.first-parent li span {background: #ffffff url(img/nav/spacer.gif) repeat-x top; border: none;}
#menu li:hover li.first-parent li.first span {padding-top: 7px; background: #ffffff; border-top: 1px solid #c4c4c0;}
#menu li:hover li.last-parent:hover {background: url(img/nav/border_bottom.png) no-repeat bottom right; border-right: 1px solid #c4c4c0;}
#menu li:hover li.last-parent:hover span a {margin-right: 0;}
/* --- hovers */
#menu li:hover ul ul, #menu li li:hover ul ul {display: none;}
#menu li:hover ul, #menu li li:hover ul {display: block;}
/* --- login popup */
#menu .login .inmenu {z-index: 500; display: block; position: absolute; float: left; width: 5px; height: 35px; background: url(img/nav/left.png) no-repeat;}
#menu .login .container {z-index: 400; position: absolute; right: 0; top: 100%; display: none; margin-top: -1px;}
#menu .login .container .top {display: block; height: 5px; font-size: 1px; background: url(img/nav/top.png) no-repeat top left; border-right: 1px solid #c4c4c0;}
#menu .login .container .bottom, #menu .login .container .bottomy {display: block; position: relative; height: 5px; margin-left: 5px; font-size: 1px; background: url(img/nav/bottom.png) no-repeat top right;}
#menu .login .container .bottomy {background: url(img/nav/bottomy.png) no-repeat top right;}
#menu .login .container .bottom span, #menu .login .container .bottomy span {display: block; float: left; position: relative; margin-left: -5px; height: 5px; width: 5px; font-size: 1px; background: url(img/nav/bottom.png) no-repeat top left;}
#menu .login .container .bottomy span {background: url(img/nav/bottomy.png) no-repeat top left;}
#menu .login .container .form {z-index: 400; position: relative; margin-top: -1px; padding: 10px; background: #ffffff; border-left: 1px solid #c4c4c0; border-right: 1px solid #c4c4c0;}
#menu .login .container .form td.label {padding-right: 5px;}
#menu .login .container .form a {display: inline; margin: 0 5px 0 0; padding: 0; font-size: 11px; line-height: normal; color: #3399cc; background: none; border: none;}
#menu .login .container .form a:hover {text-decoration: underline;}
#menu .login .container .form .text {height: 15px; padding: 5px 5px 4px 5px; line-height: 17px; border: 1px solid #cdcdca;}
#menu .login .container p {margin: 0; line-height: 130%; color: #666666;}
#menu .login .container table {color: #666666; padding: 5px 0 0 0;}
#menu .login .container table td {padding: 5px 0;}
/* --- --- slider */
#menu .login .container .slider {z-index: 300; position: relative; display: none;}
#menu .login .container .slider .inner {padding: 10px 10px 4px 10px; background: #fbfce7; border: 1px solid #c4c4c0; border-bottom: none;}
#menu .login .container .slider a {display: inline; margin: 0; padding: 0; font-size: 12px; color: #3399cc; background: none; border: none;}
#menu .login .container .slider a:hover {text-decoration: underline;}
#menu .login .container .slider p {color: #000000;}
/* --- language popup */
#menu .language {width: 16px; padding: 0 0 0 6px; font-size: 12px;}
#menu .language a {display: block; padding: 10px 5px 0 0; color: #666666;}
#menu .language a:hover {color: #000000;}
#menu .language .languages {display: none; position: absolute; z-index: 200;}
#menu .language .languages .top {display: block; position: relative; height: 5px; margin-left: 5px; font-size: 1px; background: url(img/nav/top.png) no-repeat top right;}
#menu .language .languages .top span {display: block; float: left; position: relative; margin-left: -5px; height: 5px; width: 5px; font-size: 1px; background: url(img/nav/top.png) no-repeat top left;}
#menu .language .languages .bottom {display: block; position: relative; height: 5px; margin-left: 5px; font-size: 1px; background: url(img/nav/bottom.png) no-repeat top right;}
#menu .language .languages .bottom span {display: block; float: left; position: relative; margin-left: -5px; height: 5px; width: 5px; font-size: 1px; background: url(img/nav/bottom.png) no-repeat top left;}
#menu .language .selection {z-index: 200; padding: 0 5px 0 5px; white-space: nowrap; background: #ffffff; border-left: 1px solid #c4c4c0; border-right: 1px solid #c4c4c0;}
#menu .language .selection a {padding: 2px 0; text-decoration: none;}
#menu .language .selection a img {margin-right: 2px;}

/* Flash */
#flash {height: 334px; width: 100%;}
#noflash {height: 334px; background: #000000;}
#noflash img {position: absolute; z-index: 0;}
#noflash .message {position: relative; padding-top: 150px; text-align: center; font-size: 22px; color: #969696;}
#noflash .links {position: relative; padding-top: 10px; text-align: center;}
#noflash .links a {font-size: 18px; color: #C8C8C8;}

/* Banner */
#banner .inner {width: 704px; height: 32px; margin: 0 auto; padding: 7px 15px 0 15px; background: url(img/banner.gif) no-repeat top left;}
#banner .inner .right {padding-top: 8px;}
#banner .inner .left, #banner .left a {font-size: 19px; text-decoration: none; color: #666666;}
#banner .inner .right, #banner .right a {font-size: 11px; text-decoration: none; color: #8d99a5;}
#banner .inner .right a:hover {text-decoration: underline;}

/* Content */
#page {background: url(img/content.gif) repeat-x top;}
#page .wrapper {width: 730px; margin: 0 auto; padding: 30px 0 20px 0; border-bottom: 1px solid #cdcdca;}
#page p {margin: 5px 0 15px 0; font-size: 12px; line-height: 160%; color: #666666;}
#page h1 {margin: 0 0 15px 0; font-size: 26px; color: #333333; font-weight: normal;}
#page h2, #page h2 a {margin: 0 0 10px 0; font-size: 20px; color: #3399cc; text-decoration: none; font-weight: normal;}
#page h3 {margin: 0; font-size: 18px; color: #666666; font-weight: normal;}
#page .icon, #page .licon {float: left; padding: 2px 7px 0 0;}
#page .licon {padding: 2px 7px 0 7px;}
/* --- top, background start */
#page #page {display: block; height: 19px; font-size: 1px; background: url(img/content-top.png) no-repeat top center;}
/* --- inner, background conatiner */
#page #page {display: block; height: 100%; background: url(img/content-inner.png) no-repeat top center;}
/* --- left */
#page #left {float: left; width: 304px; padding: 5px 15px 0 0;}
/* --- middle */
#page #middle {float: left; width: 288px; margin-left: 2px; padding: 5px 25px;}
/* --- right */
#page #right {float: left; width: 304px; margin-left: 2px; padding: 5px 0 0 15px;}
/* --- bottom, background finish */
#page #content_bottom {display: block; height: 30px; font-size: 1px; background: url(img/content-bottom.png) no-repeat top center;}

/* Side */
#side {float: left; width: 240px;}
#side .caption {display: block; position: absolute; margin-top: -17px; margin-left: 5px; font-size: 10px; color: #ffffff;}
#side .detail {padding: 15px 15px 25px 15px; background: #ffffff url(img/side.gif) no-repeat bottom;}
#side .detail h2 {margin: 0; padding: 10px 0 10px 0; font-size: 16px; font-weight: bold; color: #666666;}
#side .detail p {margin: 0; padding: 7px 0 0 0; line-height: 160%;}
#side .detail a {color: #3399cc; text-decoration: none;}
#side .detail a:hover {text-decoration: underline;}
#side .detail .de, #side .detail .at, #side .detail .ch, #side .detail .pl {margin: 5px 0 0 0; padding: 0 0 0 24px; font-weight: bold;}
#side .detail .de {background: url(img/flags/de.png) no-repeat left;}
#side .detail .at {background: url(img/flags/at.png) no-repeat left;}
#side .detail .ch {background: url(img/flags/ch.png) no-repeat left;}
#side .detail .pl {background: url(img/flags/pl.png) no-repeat left;}
#side .detail ul {list-style-type:none; margin: 0 0 0px 15px; padding: 7px 0 0 0; color: #666666; }
#side .detail ul li {padding: 0 0 6px 0;}
#side .detail ul li ul {list-style-image: url(img/list/arrow.gif); list-style-position: outside; list-style-type: none;}
#side .detail ul li ul {padding: 0 0 6px 0;}
#side .detail li {display: list-item; line-height: 100%;}
#side .detail li {display: list-item; line-height: 100%;}
#side .infotable { color: #666666; margin: 10px 0 5px 0; border-top: 1px solid #d8d8d5;}
#side .infotable td {padding: 3px 0; border-bottom: 1px solid #d8d8d5;}

/* Page */
#content {float: right; width: 465px; padding-left: 5px;}
#content .info {margin-bottom: 15px; font-size: 14px; font-weight: normal; color: #666666;}
#content .subtitle {margin-bottom: 15px; font-size: 18px; font-weight: normal; color: #666666;}
#content .de24, #content .at24, #content .ch24 {float: left;}
#content .de24 img, #content .at24 img, #content .ch24 img {margin: 0 6px 0 0;}
#content .entry p {margin: 0 0 15px 0; padding: 0;}
#content .entry p a, #content .entry a {color: #3399cc; text-decoration: none;}
#content .entry p a:hover,, #content .entry a:hover {text-decoration: underline;}
#content .entry ul {color: #666666; list-style-image: url(img/list/arrow.gif); list-style-position: outside; list-style-type: none; margin: 0 0 20px 15px; padding: 0;}
#content .entry ul li {padding: 0 0 6px 0;}
#content .entry li {display: list-item; line-height: 140%;}
#content .entry li.de, #content #text li.at, #content #text li.ch, #content #text li.pl {display: list-item; margin: 0 0 0 15px;}
#content .entry li.de {list-style-image: url(img/flags/de.png);}
#content .entry li.at {list-style-image: url(img/flags/at.png);}
#content .entry li.ch {list-style-image: url(img/flags/ch.png);}
#content .entry li.pl {list-style-image: url(img/flags/pl.png);}
#content .entry .lcol {padding: 10px 20px 0 0;}
#content .entry .rcol {padding: 10px 0 0 20px;}
#content .entry .rcolalt {padding: 10px 10px 0 20px; background: #f8f8f6;}
#content .navigation a {color: #3399cc; text-decoration: none;}
#content .navigation a:hover {text-decoration: underline;}


.commentlist a, #respond a {color: #3399cc; text-decoration: none;}
.commentlist a:hover, #respond a:hover {text-decoration: underline;}


/* Wide page */
#widepage {padding: 20px; background: #ffffff;}

/* Tabs */
#tabs {display: block; height: 36px; margin: 0; padding: 0; list-style: none; background: url(img/tabs/border.gif) repeat-x bottom;}
#tabs li {display: block; position: relative; float: left; padding-top: 10px; padding-right: 4px;}
#tabs li a {display: block; position: relative; text-decoration: none; color: #999999; height: 24px; margin-left: 10px; padding: 0 14px 0 0; line-height: 26px; background: url(img/tabs/tab.png) no-repeat top right;}
#tabs li a:hover {color: #333333;}
#tabs li a span {display: block; position: absolute; top: 0; height: 24px; width: 10px; margin-left: -10px; background: url(img/tabs/tab.png) no-repeat top left;}
#tabs li.current {margin-left: -2px; padding-top: 0;}
#tabs li.current a {color: #333333; height: 36px; margin-left: 20px; padding: 0 24px 0 0; font-size: 18px; line-height: 36px; background: url(img/tabs/current.png) no-repeat top right;}
#tabs li.current a span {height: 36px; width: 20px; margin-left: -20px; background: url(img/tabs/current.png) no-repeat top left;}
/* --- tab */
.tab {display: none;}
.tab .links {padding: 10px;}
.tab .links ul {margin: 0; padding: 0; list-style: none;}
.tab .links li {display: block; float: left; padding-right: 20px;}
.tab .links li.rss {padding-left: 19px; background: url(img/icons/feed-orange.gif) no-repeat left center;}
.tab .links li.box {padding-left: 19px; background: url(img/icons/box.gif) no-repeat left center;}
.tab .links li a {font-size: 11px; text-decoration: none; color: #3399cc;}
.tab .links li a:hover {text-decoration: underline;}

/* Rounded tops and bottoms, gif's are with default (#f1f1ed) background */
.rounded {display: block; position: relative; z-index: 100; height: 5px; margin-left: 5px; font-size: 1px;}
.rounded span {display: block; position: relative; width: 5px; height: 5px; margin-left: -5px; font-size: 1px;}
/* --- white (#ffffff) with grey (#d8d8d5) border */
.white-with-border-top {background: url(img/rounded/white-with-border-top.png) no-repeat right top;}
.white-with-border-top-gif {background: url(img/rounded/white-with-border-top.gif) no-repeat right top;}
.white-with-border-top span {background: url(img/rounded/white-with-border-top.png) no-repeat left top;}
.white-with-border-top-gif span {background: url(img/rounded/white-with-border-top.gif) no-repeat left top;}
.white-with-border-bottom {background: url(img/rounded/white-with-border-bottom.png) no-repeat right top;}
.white-with-border-bottom-gif {background: url(img/rounded/white-with-border-bottom.gif) no-repeat right top;}
.white-with-border-bottom span {background: url(img/rounded/white-with-border-bottom.png) no-repeat left top;}
.white-with-border-bottom-gif span {background: url(img/rounded/white-with-border-bottom.gif) no-repeat left top;}
/* --- grey (#fbfce7) with grey (#c4c4c0) border */
.grey-with-border-top {background: url(img/rounded/grey-with-border-top.png) no-repeat right top;}
.grey-with-border-top span {background: url(img/rounded/grey-with-border-top.png) no-repeat left top;}
.grey-with-border-bottom {background: url(img/rounded/grey-with-border-bottom.png) no-repeat right top;}
.grey-with-border-bottom span {background: url(img/rounded/grey-with-border-bottom.png) no-repeat left top;}

/* News list, main page */
#news {margin: 0 0 15px 0; padding: 0; list-style: none;}
#news li {position: relative; padding: 3px 0;}
#news li a {display: block; position: relative; z-index: 100; zoom: 1; margin-left: -5px; padding: 4px 5px; text-decoration: none; color: #3399cc; border-left: 1px solid #f1f1ed; border-right: 1px solid #f1f1ed;}
#news li a:hover {cursor: pointer;}
#news li a b {display: block; padding-bottom: 3px; color: #666666;}
/* --- override rounded */
#news li .rounded {position: absolute; left: 5px; margin-left: 0;}
#news li .rounded span {width: 6px; margin-left: -6px;}
#news li .white-with-border-top-gif {top: 0; margin-top: -5px;}
#news li .white-with-border-bottom-gif {bottom: 0; margin-bottom: -5px;}

/* Video list, main page */
#videolist {height: 250px;}
.videos {width: 304px; margin: 0 0 10px 0; padding: 2px 0 0 0; list-style: none;}
.videos li {position: relative; padding: 3px 0;}
.videos li .image {float: left; padding: 5px; background: #ffffff;}
.videos li .image img {border: 1px solid #cdcdca;}
.videos li .inner {padding: 2px 0 0 110px;}
.videos li a {z-index: 100; position: relative; display: block; margin-bottom: 2px; padding: 2px 5px; text-decoration: none; color: #3399cc; border-left: 1px solid #f1f1ed; border-right: 1px solid #f1f1ed;}
.videos li a b {display: block; padding-bottom: 5px; color: #666666;}
.videos li a:hover {cursor: pointer;}
.videos li .play {display: block; position: absolute; z-index: 200; width: 33px; height: 33px; background: url(img/videonav/play.png) no-repeat left center;}
.videolink {float: right; /*padding-top: 3px;*/}
/*.videolink a {color: #3399CC; text-decoration: none;}
.videolink a:hover {text-decoration: underline;}*/
/* --- override rounded */
.videos li .rounded {position: absolute; margin-left: 0; left: 5px;}
.videos li .rounded span {width: 6px; margin-left: -6px;}
.videos li .white-with-border-top-gif {top: 0; margin-top: -5px;}
.videos li .white-with-border-bottom-gif {bottom: 0; margin-bottom: -5px;}
/* --- navigation */
.videonav {clear: both; float: left; height: 23px; margin-left: 5px; background: url(img/videonav/back.gif) no-repeat top right;}
.videonav .lbtn {display: block; float: left; width: 21px; height: 23px; padding-left: 1px; background: url(img/videonav/back.gif) no-repeat top left;}
.videonav .rbtn {display: block; float: left; width: 21px; height: 23px;}
.videonav .lbtn a, .videonav .rbtn a {display: block; width: 19px; height: 19px; margin-top: 3px; background: url(img/videonav/left.gif) no-repeat 0 center;}
.videonav .rbtn a {background: url(img/videonav/right.gif) no-repeat 0 center;}
.videonav a:hover {background-position: -19px center;}
.videonav .page {float: left; padding: 0 7px; line-height: 22px; font-size: 11px; color: #666666;}
.videonav .page span {color: #999999;}
.videonav .page span.current, .videonav .page span.total {color: #666666;}

/* Video page */
#video {width: 800px; margin: 0 auto;}
#video #player {border: 1px solid #cdcdca;}
#video #description {padding: 10px 0; color: #666666;}
#wide_carousel {display: block; height: 120px; width: 860px; margin: 0 auto; background: url(img/videonav/bigback.gif) no-repeat left top;}
#wide_carousel .carousel {position: relative; width: 760px; height: 120px; left: 25px; overflow: hidden;}
#wide_carousel .carousel .items {position: absolute; width: 20000em;}
#wide_carousel .carousel .items div {float: left; margin-right: 15px; padding: 0;}
#wide_carousel .carousel .items div img {border: 1px solid #cdcdca;}
#wide_carousel .carousel .items a span {display: block; color: #666666; font-size: 11px;}
#wide_carousel .carousel .items .play {display: block; position: absolute; z-index: 200; width: 41px; height: 41px; background: url(img/videonav/bplay.png) no-repeat left center;}
#wide_carousel .carousel .items .playing {display: block; position: absolute; z-index: 200; width: 128px; padding: 3px 5px; margin-left: 1px; font-size: 10px; color: #333333; background: url(img/videonav/nowplaying_bkg.png) no-repeat;}
#wide_carousel .prev {display: block; position: relative; float: left; height: 25px; width: 25px; top: 41px; left: 4px; background: url(img/videonav/bleft.gif) no-repeat left center;}
#wide_carousel .prev:hover {background-position: -25px 0;}
#wide_carousel .next {display: block; position: relative; float: right; height: 25px; width: 25px; top: 41px; right: 3px; background: url(img/videonav/bright.gif) no-repeat left center;}
#wide_carousel .next:hover {background-position: -25px 0;}

/* List on page with white and rounded over state */
#list {position: relative; margin: 0; padding: 0; list-style: none; border-top: 1px solid #d8d8d5; border-bottom: 1px solid #ffffff;}
#list li {position: relative; z-index: 0; color: #333333; border-top: 1px solid #ffffff; border-bottom: 1px solid #d8d8d5;}
#list li a {display: block; position: relative; z-index: 100; margin-left: -5px; padding: 12px 5px; color: #666666; text-decoration: none; border-left: 1px solid #f1f1ed; border-right: 1px solid #f1f1ed;}
#list li a:hover {cursor: pointer;}
#list li a span {font-weight: bold;}
#list li a span.handle {display: block; height: 17px; line-height: 17px; padding-left: 32px; font-weight: bold; color: #333333; background: url(img/list/handle.gif) no-repeat 5px top;}
/* --- override rounded */
#list li .rounded {position: absolute; left: 5px; margin-left: 0;}
#list li .rounded span {width: 6px; margin-left: -6px;}
#list li .white-with-border-top-gif {top: 0; margin-top: -5px;}
#list li .white-with-border-bottom-gif {bottom: 0; margin-bottom: -5px;}
/* --- table */
#list table {padding: 0;}
#list table .left-column {padding-right: 20px;}
#list table .right-column {padding-left: 20px;}
#list table p {margin: 0; padding: 2px 0 2px 10px; background: url(img/list/arrow.gif) no-repeat left center;}
#list table a {margin: 0; padding: 0; font-weight: normal; text-decoration: none; color: #666666;}
#list table a:hover {color: #3399cc;}
#list .noarrows {border-bottom: 2px solid #d8d8d5;}
#list .noarrows p {background: none;}
#list .noarrows td {border-top: 1px solid #d8d8d5;}
#list .alt {background: #f7f7f4;}
/* --- details */
#list .details {display: none; padding: 15px 0 25px 20px;}
#list .details h2 {padding: 0 0 0 10px; font-size: 18px; font-weight: normal;}
#list .details p {margin: 0; padding: 5px 0 5px 10px;}
#list .details a {display: inline; margin: 0; padding: 0; font-weight: normal; text-decoration: none; color: #3399cc;}
#list .details a:hover {text-decoration: underline;}
#list .details ul {list-style-image: url(img/list/arrow.gif); list-style-position: outside; list-style-type: none; margin: 0 0 20px 22px; padding: 0;}
#list .details ul li {padding: 0 0 6px 0; border: none; color: #666666;}
#list .details li {display: list-item; line-height: 140%;}
#list .details iframe {border: 5px #ffffff solid; margin: 0 0 5px 0;}
#list .details .maplink {font-size: 11px;}

/* Logos */
#logos {padding: 20px 0; margin: 0 0 20px 0; background: #ffffff;}
#logos td {padding: 20px 0;}
#logos td a {position: relative;}
#logos .over {display: none; position: absolute; float: left; z-index: 100; width: 390px; text-align: left; line-height: 150%; color: #666666;}
#logos .over .inner {padding: 10px 15px; background: #fbfce7; border-left: 1px solid #c4c4c0; border-right: 1px solid #c4c4c0;}

/* Services */
.logo {float: left; width: 140px; padding: 5px 0 5px 10px;}
.desc {margin: 0 0 20px 140px;}

/* Akademie*/
.date {float: left; width: 40px; padding: 2px 0 5px 10px; font-weight: bold; color: #666666;}
.eventinfo {margin: 0 0 20px 50px; color: #666666;}
#list .details .eventinfo p {margin: 0; padding: 0 0 5px 10px;}
#list .details .eventinfo ul li {margin: 0; padding: 0 0 6px 0;}

/* Press Images */
#page #pressimg {background: url(img/hr.gif) repeat-x bottom;}
#page #pressimg td {padding: 15px 0 0 20px;}
#page #pressimg tr {background: url(img/hr.gif) repeat-x top;}
#page #pressimg p {margin: 0 0 15px 0; padding: 0;}
#page #pressimg a {color: #3399cc; text-decoration: none;}
#page #pressimg a:hover {text-decoration: underline;}
#page #pressimg ul {color: #666666; list-style-image: url(img/list/arrow.gif); list-style-position: outside; list-style-type: none; margin: 0 0 20px 15px; padding: 0;}
#page #pressimg ul li {color: #999999; padding: 0;}
#page #pressimg li {display: list-item; line-height: 140%;}
#page #pressimg .imgwrap {width: 120px; text-align: center; padding: 10px; background: #ffffff;}

/* Search */
.search {line-height: 160%;}
.score {font-size: 11px; color: #999999;}

/* Footer */
#footer .wrapper {width: 980px; margin: 0 auto; padding: 30px 0; border-top: 1px solid #ffffff;}
/* --- left */
#footer .left {width: 240px;}
#footer .left form {display: block; margin-bottom: 15px;}
#footer .left form input {margin: 0;}
#footer .left form .text {height: 15px; padding: 5px 5px 4px 5px; line-height: 17px;	border: 1px solid #cdcdca;}
#footer .left a {margin-right: 4px;}
/* --- right */
#footer .right {width: 700px; padding: 0;}
#footer .right table {color: #666666;}
#footer .right table tr td p {margin: 0; line-height: 160%; color: #666666;}
/* --- impressum */
#footer .impressum {padding: 30px 0 0 0; font-size: 11px; color: #999999;}
#footer .impressum .left {width: 420px;}
#footer .impressum .right {width: 210px;}
#footer .impressum a {text-decoration: none; color: #999999;}
#footer .impressum a:hover {color: #0088CC;}

/* Floats */
.left {float: left;}
.right {float: right;}
.clear {clear: both;}

/* -------------------------- user definied ------------------*/

#page p.pdflink a, #page p.pdflink a:visited, #page p.pdflink a:active {
	display: block;
	margin: 0 0 0 -3px;
	padding: 0 0 1px 22px;
	color: #0099CC;
	text-decoration: none;
	background: url(img/icons/pdf-icon.gif) 0 0 no-repeat;
	overflow: visible;
}
#page p.pdflink a:hover {
	color: #3C3C4B;
	background: url(img/icons/pdf-icon.gif) 0 0 no-repeat;
}
#page p.doclink a, #page p.doclink a:visited, #page p.doclink a:active {
	display: block;
	margin: -16px 0 0 -3px;
	padding: 0 0 1px 22px;
	color: #0099CC;
	text-decoration: none;
	background: url(img/icons/doc-icon.gif) 0 0 no-repeat;
}
#page p.doclink a:hover {
	color: #3C3C4B;
	background: url(img/icons/doc-icon.gif) 0 0 no-repeat;
}

#mylist {position: relative; margin: 0; padding: 0; list-style: none; border-top: 1px solid #d8d8d5; border-bottom: 1px solid #ffffff;}
#mylist li {position: relative; z-index: 0; color: #333333; border-top: 1px solid #ffffff; border-bottom: 1px solid #d8d8d5;}
#mylist li a {display: block; position: relative; z-index: 100; margin-left: -5px; padding: 12px 5px; color: #666666; text-decoration: none; border-left: 1px solid #f1f1ed; border-right: 1px solid #f1f1ed;}
#mylist li a:hover {cursor: pointer;}
#mylist li a span {font-weight: bold;}
#mylist li a span.handle {display: block; height: 17px; line-height: 17px; padding-left: 32px; font-weight: bold; color: #333333; background: url(img/list/handle.gif) no-repeat 5px top;}
#mylist .details {display: block; padding: 15px 0 25px 20px;}
#mylist .details h2 {padding: 0 0 0 10px; font-size: 18px; font-weight: normal;}
#mylist .details p {margin: 0; padding: 5px 0 5px 10px;}
#mylist .details a {display: inline; margin: 0; padding: 0; font-weight: normal; text-decoration: none; color: #3399cc;}
#mylist .details a:hover {text-decoration: underline;}
#mylist .details ul {list-style-image: url(img/list/arrow.gif); list-style-position: outside; list-style-type: none; margin: 0 0 20px 22px; padding: 0;}
#mylist .details ul li {padding: 0 0 6px 0; border: none; color: #666666;}
#mylist .details li {display: list-item; line-height: 140%;}
#mylist .details iframe {border: 5px #ffffff solid; margin: 0 0 5px 0;}
#mylist .details .maplink {font-size: 11px;}
.details .note {font-size: 8px; color: #666666; padding: 0 0px; 0 0}
.details .note a {color: #3399cc; text-decoration: none;}
.details .note a:hover {text-decoration: underline;}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


/*

CSS Style Ebertlang Forms

*/

.asterisk {color: #0088cc;}
.spam {background: #f1f1ed; border: none; visibility: hidden;}

form.contactForm, form.registerForm {margin: 30px 0; border-top: 1px solid #d8d8d5; border-bottom: 1px solid #ffffff; color:#666666;}
form.contactForm .formItem {padding: 10px 0; border-top: 1px solid #ffffff; border-bottom: 1px solid #d8d8d5;}

form.contactForm label {display: block; float: left; padding: 6px 0 0 0;}
form.contactForm .formItem input.textItem {display: block; margin: 0 0 0 165px; padding: 4px 6px 0; border: 1px solid #cdcdca; width: 250px; height: 21px; background-color: #ffffff; color: black;}
form.contactForm .formItem textarea {display: block; margin: 0 0 0 165px; padding: 4px 6px; border: 1px solid #cdcdca; width: 340px; height: 120px; background-color: #ffffff; color: black;}
form.contactForm input.button {margin: 0 0 0 165px;}
form.contactForm .inputs {margin: 12px 0 15px 165px;}
form.contactForm .formItem input.formactive, form.contactForm .formItem textarea.formactive {border: 1px solid #0088cc; background: #ffffff url(../img/form/form_bkg.png) repeat-x;}

/* Register form */

form.registerForm .input1, form.registerForm .input2, form.registerForm .input3, form.registerForm .input4 {
	margin: 0;
	padding: 4px 6px 0;
	height: 21px;
	border: 1px solid #cdcdca;
	background-color: #ffffff;
	color: black;
}

form.registerForm .input1 {display: inline; width: 255px;}
form.registerForm .input2 {display: inline; width: 120px;}
form.registerForm .input3 {display: inline; width: 40px;}
form.registerForm .input4 {display: inline; width: 200px;}

form.registerForm select {display: block; margin: 0; border: 1px solid #d3d8d9; width: 270px; background-color: #ffffff; padding: 2px; color: black;}
form.registerForm select:active {border: 1px solid #0088cc; background: #ffffff url(../img/form/form_bkg.png) repeat-x;}
form.registerForm option {border-bottom: #f1f1ed 1px solid;}
form.registerForm textarea {display: block; margin: 0; padding: 4px 6px; border: 1px solid #cdcdca; width: 340px; height: 120px; background-color: #ffffff; color: black;}
form.registerForm input.formactive, form.registerForm textarea.formactive {border: 1px solid #0088cc; background: #ffffff url(../img/form/form_bkg.png) repeat-x;}

/* Table */

.registerForm th {padding: 10px; border-top: 1px solid #ffffff; border-bottom: 1px solid #d8d8d5; background: #ffffff; font-weight: bold; text-align: left;}
.registerForm td {padding: 10px 0; border-top: 1px solid #ffffff; border-bottom: 1px solid #d8d8d5;}
form.registerForm a {color: #3399cc; text-decoration: none;}
form.registerForm a:hover {text-decoration: underline;}


/* Selection */
.formSelect {display: block; margin: 0 0 0 165px; border: 1px solid #d3d8d9; width: 259px; height: 19px; background-color: #ffffff; padding: 6px 0 0 3px; color: black; position: relative;}
.formactive {border: 1px solid #0088cc; background: #ffffff url(../img/form/form_bkg.png) repeat-x;}
.formSelect .selected {padding: 0 10px 0 7px;}
.formSelect .selection {position: absolute; margin-left: -4px; width: 246px; padding: 2px 8px 0; background: #ffffff; border: 1px solid #0088cc; border-top: none;}
.formSelect .selection a {display: block; margin: 0 0 5px 0;}
.formSelect .arrow {width: 9px; height: 5px; margin-top: 5px; cursor: pointer; font-size: 1px; background: url(../img/form/arrow.gif) top center no-repeat; background-position: 0 -5px;}

.formSelect .selection a.option {display: block; margin: 8px 1px; color: #666666; cursor: pointer;}
.formSelect .selection a:hover {color: black; text-decoration: none;}
.formSelect .selection a.checked {display: none;}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}
	
/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */