@import url(tx_danewslettersubscription_pi1.css);


body
{
    color: #000;
    background-color: #fff;
    margin: 10px;
    padding: 0px;
}

body, td, input, select, textarea
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
td { color: #606060; }


/* top menu -> suchen/kontakt/etc... */
#top-menu
{
    font-family: Arial Narrow, Arial, Helvetica, sans-serif;
    letter-spacing: 0.1em;
    display: none;
}
#top-menu a
{
    text-transform: lowercase;
    color: #000;
    text-decoration: none;
}
#top-menu a:hover { color: #f60; }

/* menu styles */
#menu-col
{
    font-family: Arial Narrow, Arial, Helvetica, sans-serif;
    background: url(../img/menu-bg.150x2.gif) repeat-y top left;
    display: none;
}
div.menu-section
{
    overflow: hidden;
    padding-left: 2px;
    line-height: 30px;
    text-transform: uppercase;
/*    letter-spacing: 0.05em; */
    letter-spacing: 1px;
    font-size: 14px;
    background: url(../img/menu-section-bg.2x1.gif) repeat-x bottom left;
}
div.menu-subsection
{
    overflow: hidden;
    padding: 0px 0px 5px 14px;
    line-height: 20px;
    text-transform: none;
    font-size: 12px;
}
div.menu-section a
{
    text-decoration: none;
    color: #000;
    padding-left: 14px;
}
div.menu-section a:hover { color: #f60; }
div.menu-section a.active { background: url(../img/arrows.8x9.gif) no-repeat left center; }
div.menu-subsection a { padding-left: 15px; }


/* footer styles */
td.footer
{
    color: #a0a0a0;
    font-size: 10px;
    background: url(../img/footer-bg.2x25.gif) repeat-x top left;
}
td.footer a { color: #a0a0a0; text-decoration: none; }
td.footer a:hover { color: #f60; text-decoration: underline; }

h1 { font-family: Arial Narrow, Arial, Helvetica, sans-serif; }

/* content styles */
td.spacer, td#content { background-color: #fff; }
#content-col { background-color: #e0e0e0; }
#content-col h1
{
    color: #808080;
    font-size: 30px;
    font-weight: bold;
    padding: 0px;
    margin: 0px 0px 16px 0px;
    line-height: auto;
}
#content-col h1.small {
	font-size: 20px;
}

#content-col p
{
    color: #606060;
    line-height: 18px;
    padding: 0px;
    margin: 0px 0px 16px 0px;
}

#content-col div.box, #content-col p.box, #content-col p.boxpart
{
    margin: 0px 0px 16px 0px;
    padding: 0px;
    background: url(../img/box-bg.gif) bottom left no-repeat;
    color: #000;
}
#content-col p.boxpart, #content-col p.box { padding: 0 10px 16px 10px; }
#content-col p.boxpart { background: #e0e0e0; padding: 0 10px 10px 10px; }

#content-col div.box p {
    padding: 0 10px 10px 10px;
}

#content-col h2, #content-col h3
{
    color: #f60;
    padding: 0px;
    margin: 0px 0px 16px 0px;
    line-height: 20px;
    font-size: 12px;
    font-weight: bold;
}
#content-col h3 { color: #606060; }
#content-col h2 { background: url(../img/menu-section-bg.2x1.gif) repeat-x bottom left; }
#content-col h4
{
    margin: 0px;
    padding: 0px;
    font-weight: bold;
    font-style: italic;
    font-size: 12px;
}


#content-col div.box h3, #content-col h3.box
{
    padding: 0px 10px;
    margin: 24px 0px 0px 0px;
    line-height: 35px;
    background: url(../img/h3-box-bg.gif) top left no-repeat;
}

#content-col ul
{
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 16px 0px;
    font-size: 12px;
}
#content-col ul li
{
    margin: 0px 0px 0px 3px;
    padding: 0px 20px 0px 17px;
    background: url(../img/arrows.8x20.gif) 0px -1px no-repeat;
    line-height: 20px;
    color: #606060;
}

#content-col div.box ul
{
    background: url(../img/box-bg.gif) bottom left no-repeat;
    padding: 0px 10px 1px 10px;
    color: #000;
}
#content-col div.box ul li
{
    margin: 0px 0px 16px 3px;
}

#content-col a
{
    color: #f60;
    text-decoration: none;
}
#content-col a:hover
{
    color: #f60;
    text-decoration: underline;
}
#content-col div.box a { color: #f60; }

#content-col div.box input { width: 100%; margin: 0px 5px 10px 0px; }

form { padding: 0px; margin: 0px; }

span.comment, p.comment, div.comment { font-size: 10px; color: #808080; }
div.box div.comment { padding: 0 12px 12px 12px; line-height: 18px }
div.box div.errmsg { padding: 0 12px 12px 12px; line-height: 20px; color: #c00000; }
div.box div.msg { padding: 0 12px 12px 12px; line-height: 20px; color: #008000; }
#content-col p.comment
{
    padding-top: 8px;
    line-height: 18px;
    background: url(../img/menu-section-bg.2x1.gif) top left repeat-x;
    margin: 20px 0px 8px 0px;
}
#content-col p.help {
    font-size: 10px;
    color: #808080;
}
#content-col h2.help {
    background: url(../img/menu-section-bg.2x1.gif) repeat-x bottom left;
}    

span.small, p.small { font-size: 11px; }
#content-col ul.comment { font-size: 10px; }
#content-col ul.comment li
{
    background: url(../img/arrows.8x20.gif) 0px -3px no-repeat;
    line-height: normal;
}
#content-col ul.error
{
    padding: 0px;
    margin: 12px 0px;
    font-size: 10px;
}
#content-col ul.error li
{
    line-height: 20px;
    padding: 0px;
    margin: 0px;
    background-image: url(../img/b.gif);
}
span.error { color: #f00000; }

#content-col ul.wide li { padding-bottom: 12px; }

#content-col a.back
{
    color: #f60;
    font-size: 11px;
    background: url(../img/arrows-left.8x20.gif) left -3px no-repeat;
    padding-left: 17px;
}

#content-col a.next
{
    color: #f60;
    font-size: 11px;
    background: url(../img/arrows.8x20.gif) right -3px no-repeat;
    padding-right: 17px;
}

#content-col a.download, #sidebar #downloads a
{
    color: #f60;
    background: url(../img/download.11x10.gif) left 2px no-repeat;
    padding-left: 20px;
}

#content-col ul.suche li { margin: 16px 0px; }



/* nextprev navi styles */
table#nextprev-navi
{
    margin-top: 12px;
    padding-top: 6px;
    background: url(../img/menu-section-bg.2x1.gif) top left repeat-x;
}
table#nextprev-navi td { font-size: 11px; }
table#nextprev-navi td a { color: #f60; }



/* sidebar styles */
td#sidebar {
    padding: 30px 0px 15px 0px;
    background-repeat: no-repeat;
    background-position: top left;
    display: none;
}
#sidebar h1 { font-family: Arial, Helvetica, sans-serif; }
#sidebar h2, #sidebar h1
{
    margin: 0px 0px 0px 15px;
    padding: 0px 10px;
    background: url(../img/h1-sidebar-bg.315x30.gif) top left no-repeat;
    line-height: 30px;
    font-size: 12px;
    color: #f60;
    font-weight: bold;
}

#sidebar div, #sidebar p
{
    padding: 10px 10px 0px 10px;
    margin: 0px 0px 15px 15px;
    background: url(../img/sidebar-box-bg.gif) bottom left no-repeat;
    color: #000;
    font-size: 11px;
}
#sidebar p {
	padding: 10px;
	line-height: 16px;
}
#sidebar div p {
	padding: 0;
	margin: 0;
}

#sidebar div h4
{
    margin: 0px;
    padding: 0px;
    line-height: 16px;
    font-size: 11px;
    color: #000;
    font-weight: bold;
    background: url(../img/b.gif);
    font-style: normal;
}

#sidebar div div
{
    line-height: 16px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 12px 0px;
}

#sidebar div div.more
{
    border-top: solid 1px #fff;
    line-height: 30px;
    margin: 0px;
    padding: 0px;
}
#sidebar #links a, #sidebar a.more, #content-col a.more, #content-col div.news a.internal-link, a.external-link-new-window
{
    color: #f60;
    background: url(../img/arrows.8x20.gif) 0px -3px no-repeat;
    padding-left: 13px;
}

#sidebar ul { padding-bottom: 12px; }
#sidebar ul li
{
    font-size: 11px;
    color: #000;
    padding: 0px;
    margin: 0px;
    line-height: 20px;
    background: url(../img/b.gif);
}

#sidebar a.navi-l1, #sidebar a.navi-l1-active
{
    padding-left: 17px;
    line-height: 20px;
    color: #000;
}
#sidebar a.navi-l1-active { background: url(../img/arrows.8x20.gif) 0px -3px no-repeat; }
#sidebar a:hover { color: #f60; }

#sidebar div h3
{
    margin: 0px 0px 6px 0px;
    padding: 0px;
    line-height: 16px;
    font-size: 11px;
    color: #000;
    font-weight: bold;
    background: url(../img/b.gif);
}

#sidebar a.navi-l2, #sidebar a.navi-l2-active
{
    padding-left: 34px;
    line-height: 18px;
    font-size: 10px;
}
#sidebar a.navi-l2-active { color: #f60; }



#content-col div.box form#newsletter * {
	margin: 0;
	padding: 0;
}

#content-col div.box form#newsletter table {
	margin: 0px 0px 12px 12px;
}

#content-col div.box form#newsletter table td {
	height: 30px;
}

#content-col div.box form#newsletter table td#ctl {
    padding-top: 12px;
}

#content-col * .err {
	border: solid 1px #c00000;
	background-color: #ffd0d0;
}

#sidebar div.news a {
    background: url(../img/arrows.8x20.gif) 0px -3px no-repeat;
    padding-left: 13px;
}
#sidebar div.news .typo3-editPanel a {
	background: none;
	padding-left: 0;
}
#content-col table.images {
    width: 100%;
    border-spacing: 16px;
    border: none;
    padding: 0;
}
#content-col table.images td {
    text-align: center;
    border: none;
    padding: 0;
}

a img { border: 0; }

div.tx-seminars-pi1-browsebox, div.tx-seminars-pi1-searchbox { display:  none; }

#content-col ul.browsebox {
    text-align: center;
    margin: .25em 0;
    border: dotted 1px #808080;
    border-left: none;
    border-right: none;
}
#content-col ul.browsebox li {
    display: inline;
    font-size: 10px;
    padding: 0 1em;
    margin: 0;
    background: none;
}

#content-col div.tx-indexedsearch-whatis p {
    color: #f60;
    padding: 0px;
    margin: 0px 0px 16px 0px;
    line-height: 20px;
    font-size: 12px;
    font-weight: bold;
    background: url(../img/menu-section-bg.2x1.gif) repeat-x bottom left;
}
#content-col div.tx-indexedsearch-browsebox p {
    margin: .25em 0;
    text-align: center;
    padding: 0;
    font-size: 10px;
}
#content-col div.tx-indexedsearch-whatis, #content-col div.tx-indexedsearch-browsebox {
    margin: 0;
    padding: 0;
}
li.tx-indexedsearch-browselist-currentPage a:before { content: "[\ "; }
li.tx-indexedsearch-browselist-currentPage a:after { content: "\ ]"; }
