@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;
}
#top-menu a
{
    text-transform: lowercase;
    color: #000;
    text-decoration: none;
}
#top-menu a:hover { color: #f60; }

/* 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; }
td#content { padding-bottom: 40px; padding-left: 10px; width: 540px; }
#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_01.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_01.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_01.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 div.box ul.normal { background: none; }
#content-col div.box ul.normal li { margin-bottom: 0px;}

#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;
}
#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 span.more a, #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: "\ ]"; }



/* --- neue menüspalte ------------------------------------------------------ */

#menu-col {
    background: url(../img/menu-bg.150x2.gif) top left repeat-y;
    padding: 0 0 5px 0;
    overflow: hidden;
    white-space: nowrap;
}
#partner-logos {
    background: url(../img/menu-bg.150x2.gif) top left repeat-y;
}
#menu-col a {
    color: #000;
    text-decoration: none;
}
#menu-col ul li a.active {
    background: url(../img/arrows.8x9.gif) 1px center no-repeat;
}
#menu-col a:hover {
    color: #f60;
}
#menu-col ul {
    list-style-type: none;
    font-family: Arial narrow, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}
#menu-col ul li {
    text-transform: uppercase;
    padding: 0;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 30px;
    margin: 0 10px 0 0;
    background: url(../img/menu-section-bg.2x1.gif) bottom left repeat-x;
}
#menu-col ul li a {
    padding: 0 0 0 15px;
}
#menu-col ul ul {
    padding: 0 0 5px 0;
}
#menu-col ul ul li {
    text-transform: none;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    background: none;
    padding: 0 0 0 15px;
}


/* --- Styles für 3er Boxen ------------------------------------------------- */

#content-col div.box3,
#content-col p.box3 {
    width: 170px;
    float: left;
    margin: 0 5px 16px 5px;
    padding: 0;
    font-size: 10px;
    background: url(../img/box3-bg.gif) bottom left no-repeat;
    line-height: 1.4em;
}
#content-col div.box3 p {
    color: #000;
    padding: 0 .75em 1em .75em;
    margin:0;
    line-height: 1.4em;
}
#content-col div.box3 h3, #content-col h3.box3
{
    padding: .5em .75em 1em .75em;
    background: url(../img/h3-box3-bg.gif) top left no-repeat;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    line-height: 1.4em;
}


/* --- Styles für NewsBox -------------------------------------------------- */

#content-col div.newsbox {
	background: url(../img/newsbox-bg.gif) bottom left no-repeat;
	width: 540px;
	margin: 0 0 16px 0;
}
#content-col div.newsbox h2 {
	background: url(../img/h3-newsbox-bg.gif) top left no-repeat;
	height: 30px;
	line-height: 29px;
	padding: 0 1em 0 1em;
}
#content-col div.newsbox div.wrap {
	padding: 0 10px 10px 10px;
}




/* --- Styles für die boxen der startseite -------------------------------------------- */
#content-col div.box2 {
	padding: 0px;
	margin: 10px;
	width: 250px;
	height: 250px;
	overflow: hidden;
	float: left;
	background: #c00 url(../img/box2-bg-blank.jpg) top left no-repeat;
}
#content-col div.box2 h2 {
	color: #606060;
	line-height: 29px;
	margin: 0;
	padding: 0 8px;
	border: 0;
	background: #f0f0f0 url(../img/box2-h2-bg.jpg) top left no-repeat;
	height: 30px;
}
#content-col div.box2-softgrid {
	background: url(../img/content/softgrid-box2-bg.jpg) top left no-repeat;
}
#content-col div.box2-enteov6 {
	background: url(../img/content/enteov6-box2-bg.jpg) top left no-repeat;
}
#content-col div.box2-sharepoint {
	background: url(../img/content/sharepoint-box2-bg.jpg) top left no-repeat;
}
#content-col div.box2 div.content {
	height: 199px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	border: none;
}
#content-col div.box2 div.link {
	padding: 0 8px;
	margin: 1px 0 0 0;
	line-height: 20px;
	text-align: right;
	font-size: .8em;
}