/* CSS Document */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

/* ----------------------------------------------------------------------------------- */

.violett {
    color:#c299c2;
}

.starkviolett {
    color:#874387;
}

img {
    padding:0;
    margin:0;
}

.bodytext {
    padding:0;
    margin:0;
    padding-bottom:28px;
}

.contenttable {
    /*border:1px solid #FF0000;*/
}

.contenttable p {
    padding:0;
    margin:0;
}

.align-right {
    text-align:right;
}

/* ----------------------------------------------------------------------------------- main layouts */

html {
    height:100%;
}


body {
    background-color:#FFFFFF;
    background-image:url(images/sitebackground.jpg);
    background-position:top center;
    /*background-attachment:fixed;*/
    background-repeat:no-repeat;
    margin:0;
    padding:0;
    height:100%;
}

#container {
    width:100%;
    padding:0;
    margin:0;
    min-height:100%;
    height:auto;
    /*background-image:url(images/bottomline.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	text-align:center;*/
}

#foxylayer {
    width:100%;
    height:48px;
    background-image:url(images/bottomline.png);
    background-position:center;
    position:fixed;
    bottom:0px;
}

#mainframe {
    width:1000px;
    padding-top:248px;
    padding-bottom:11px;
    margin:auto;
    text-align:left;
}

#menuleft {
    width:200px;
    float:left;
    min-height:500px;
}

#content {
    padding-left:50px;
    width:550px;
    float:left;
    border-right:1px solid #d6d6d6;
    border-left:1px solid #d6d6d6;
    min-height:500px;
}
#menuRight {
    float:left;
    width:150px;
    min-height:500px;

}

#navright {
    margin-left:48px;
    margin-top:102px;
}

#headline {
    margin-top:44px;
}

#maincontent {
    width:500px;
}

#maincontent_noheadline {
    width:500px;
    margin-top:45px;
}

#playerWrap {
    width:500px;
    height:60px;
    display:block;
}


/* ----------------------------------------------------------------------------------- forms */

.loginfield {
    border:1px solid #c39ac3;
    background:url(images/formback.jpg) no-repeat center;
    height:18px;
    padding:0;
    margin:0;
    width:98px;
    margin-left:50px;
    margin-bottom:12px;
}

#loginForm {
    padding:0;
    margin:0;
    margin-top:34px;
}

input.nl_input {
    width:171px;
    height:20px;
    background:url(images/nl_input.jpg) no-repeat;
    border:none;
    font-family:"Times New Roman", Times, serif;
    font-size:12px;
    color:#666666;
}

/* ----------------------------------------------------------------------------------- navigation right */

#imp_de {
    width:55px;
    height:18px;
    background:url(images/menu/imp_de.jpg) no-repeat;
    display:block;
}
#haft_de {
    width:99px;
    height:18px;
    background:url(images/menu/haft_de.jpg) no-repeat;
    display:block;
}
#scde_de {
    width:67px;
    height:18px;
    background:url(images/menu/scde_de.jpg) no-repeat;
    display:block;
}

#imp_en {
    width:55px;
    height:18px;
    background:url(images/menu/imp_en.jpg) no-repeat;
    display:block;
}
#haft_en {
    width:99px;
    height:18px;
    background:url(images/menu/haft_en.jpg) no-repeat;
    display:block;
}
#scde_en {
    width:67px;
    height:18px;
    background:url(images/menu/scde_en.jpg) no-repeat;
    display:block;
}

#myspace {
    width:124px;
    margin-left:35px;
    text-align:center;
    margin-top:45px;
}
#myspace a {
    padding-bottom:10px;
    display:block;
}

/* ----------------------------------------------------------------------------------- lists & menus */

#maincontent ul,#maincontent_noheadline ul {
    padding:0;
    margin:0;
    list-style:inside;
    list-style-image:url(images/listimage.jpg);
    padding-bottom:28px;
}

#maincontent li, #maincontent_noheadline li {
    /*padding-bottom:28px;*/
}

#submenu {
    margin-left:75px;
    padding-bottom:25px;
}

#subsubmenu {
    padding-top:20px;
    padding-bottom:20px;
}

#submenu ul {
    padding:0;
    margin:0;
}

.submenuNormal {
    list-style-image:url(images/small_list.jpg);
}

.submenuActive {
    list-style-image:url(images/small_list_oa.jpg);
}

#subsubmenu{
    list-style:none;
    list-style-type:none;
}

#subsubmenu li {
    list-style:none;
    list-style-type:none;
}



/* ----------------------------------------------------------------------------------- fonts & links */

#maincontent_noheadline, #maincontent a {
    text-decoration:none;
    color:#c6a0c6;
}

#maincontent_noheadline, #maincontent a:hover {
    text-decoration:none;
    color:#993399;
}

#maincontent_noheadline p {
    padding-top:5px;
}

.loginfield {
    font-family:"Times New Roman", Times, serif;
    font-size:12px;
    color:#666666;
}

.submenuNormal a {
    font-family:"Times New Roman", Times, serif;
    font-size:12px;
    color:#666666;
    text-decoration:none;
}


.submenuNormal a:hover {
    font-family:"Times New Roman", Times, serif;
    font-size:12px;
    color:#993399;
    text-decoration:none;
}

.submenuActive a {
    font-family:"Times New Roman", Times, serif;
    text-decoration:none;
    color:#993399;
    font-size:12px;
}

.subsubmenuNormal a {
    font-family:"Times New Roman", Times, serif;
    font-size:10px;
    color:#666666;
    text-decoration:none;
}


.subsubmenuNormal a:hover {	
    font-family:"Times New Roman", Times, serif;
    font-size:10px;
    color:#993399;
    text-decoration:none;
}

.subsubmenuActive a {
    font-family:"Times New Roman", Times, serif;
    text-decoration:none;
    color:#993399;
    font-size:10px;
}

#maincontent,.bodytext, #maincontent_noheadline {
    font-family:"Times New Roman", Times, serif;
    font-size:12px;
    color:#666666;
    letter-spacing:0.1em;
    line-height:18px;
}

#headline {
    font-family:"Times New Roman", Times, serif;
    font-size:18px;
    letter-spacing:0.1em;
    color:#333333;
    padding-bottom:32px;
}

h1 {
    font-family:"Times New Roman", Times, serif;
    font-size:18px;
    letter-spacing:0.1em;
    color:#333333;
    font-weight:normal;
}

.menuNormal, .menuActive {
    height:36px;
    display:block;
}

.menuNormal a {
    font-family:"Times New Roman", Times, serif;
    font-size:16px;
    letter-spacing:0.05em;
    text-decoration:none;
    margin-left:22px;
    color:#666666;
}

.menuNormal a:hover {
    color:#993399;
}

.menuActive a{
    font-family:"Times New Roman", Times, serif;
    font-size:16px;
    letter-spacing:0.05em;
    text-decoration:none;
    margin-left:22px;
    color:#993399;
}

.menuSpacer,#menuActiveImage {
    width:16px;
    height:20px;
    display:block;
    float:left;
    margin-left:22px;
}

#menuActiveImage {
    background:url(images/navi_fuchsspur.png) no-repeat;
}

/* ----------------------------------------------------------------------------------- news */

.tx-ttnews-browsebox td {
    padding-right:5px;
}

.tx-ttnews-browsebox {
    padding-bottom:10px;
}

.news-list-date {
    font-family:"Times New Roman", Times, serif;
    font-size:12px;
    font-weight:bold;
    color:#874387;
    display:block;
    padding-bottom:2px;
}

.tx-ttnews-browsebox a {
    color:#666666 !important;
}

.tx-ttnews-browsebox a:hover {
    color:#993399 !important;
}

.tx-ttnews-browsebox-SCell a {
    color:#993399 !important;
    font-weight:bold;
}

/* ----------------------------------------------------------------------------------- filemanager */

.tx-airfilemanager-pi1 h2 {
    font-family:"Times New Roman", Times, serif;
    font-size:12px;
    font-weight:bold;
    padding:0;
    margin:0;
    width:500px;
    display:block;
    border-bottom:1px solid #CCCCCC;
    padding-bottom:5px;
}
.tx-airfilemanager-pi1 p {
    padding:0;margin:0;
    padding-bottom:5px;padding-top:5px;
    font-weight:bold;
    padding-left:10px;
}

.uploadlink {
    border:1px solid #CCCCCC;
    text-align:center;
    padding-left:2px; padding-right:2px;
}

.newdirlink {
    border:1px solid #CCCCCC;
    text-align:center;
    padding-left:2px; padding-right:2px;
}

.logoutlink {
    border:1px solid #CCCCCC;
    text-align:center;
    padding-left:2px; padding-right:2px;
}

#filelisttable {
    width:100%;
    border-collapse:collapse;
}

#filelisttable td, #filelisttable th {
    border:1px solid #CCCCCC;
    padding:4px;
}

#filelisttable ul, #filelisttable li {
    padding-bottom:0;margin-bottom:0;
}

.systemfile {
    position: relative;
    text-align: right;
    -moz-opacity:0;
    opacity: 0;
    z-index: 2;
    cursor:pointer !important;
}
.fileoverlay {
    margin-top:-20px;
    cursor:pointer;
}

#foverlay {
    width:320px;
    margin-top:6px;
    background:none;
    border:none;
    margin-left:-7px;
    font-family:"Times New Roman", Times, serif;
    font-size:12px;
    color:#c6a0c6 !important;
}

.namecol {
    font-weight:bold;
    float:left;
    width:150px;
}
.formrow {
    padding-bottom:10px;
    padding-top:10px;
}

.button {
    background:none;
    border:1px solid #CCCCCC;
    font-weight:bold;
    padding:1px;
    padding-left:6px; padding-right:6px;
    font-family:"Times New Roman", Times, serif;
    font-size:12px;
    text-decoration:none;
    color:#c6a0c6;
    cursor:pointer !important;
    letter-spacing:0.1em;
    margin-left:-7px;
}

.button_nl {
    background:none;
    border:1px solid #CCCCCC;
    font-weight:bold;
    padding:1px;
    padding-left:6px; padding-right:6px;
    font-family:"Times New Roman", Times, serif;
    font-size:12px;
    text-decoration:none;
    color:#c6a0c6;
    cursor:pointer !important;
    letter-spacing:0.1em;
}

.button:hover, .button_nl:hover {
    color:#993399 !important;
}

.buttonHover {
    font-family:"Times New Roman", Times, serif;
    font-size:12px;
    text-decoration:none;
    color:#993399 !important;
    background:none;
    border:1px solid #CCCCCC;
    font-weight:bold;
    padding:1px;
    padding-left:6px; padding-right:6px;
    margin-left:-7px;
    letter-spacing:0.1em;
}

.textinput  {
    border:1px solid #c39ac3;
    background:url(images/inputback.jpg) no-repeat center;
    height:20px;
    padding:0;
    margin:0;
    width:170px;
    font-family:"Times New Roman", Times, serif;
    font-size:12px;
    color:#666666;
    margin-left:-7px;
}

.logoutdiv {
    float:right;
    width:80px;
    border:1px solid #CCCCCC;
    font-weight:bold;
    text-align:center;
    margin-top:2px;
}

#upload-form ul, #upload-form li {
    clear:both;
    margin:0;
    padding:0;
}

/* ----------------------------------------------------------------------------------- flags */

.langmenu {
    margin-left:420px;
    margin-top:-2px;
    padding-bottom:2px;
}

.langmenu a {
    text-decoration:none;
}

.flagOver, .flagDown, .flagActive {
    font-family:"Times New Roman", Times, serif;
    font-size:11px;
    float:left;
    text-decoration:none;
}

.flagOver,.flagActive {
    cursor:pointer;
}

.flagOver {
    color:#666666;
    text-decoration:none;
}

.flagOver:hover {
    color:#993399;
    text-decoration:none;
}

.flagDown {
    color:#CCCCCC;
    text-decoration:none;
}

.flagActive {
    color:#993399;
    text-decoration:none;
}

/* ----------------------------------------------------------------------------------- case studies */
.align-center {
    text-align:center;
}

/* ----------------------------------------------------------------------------------- hot spots */
div.hotspot_entry {
    display:block;
    width:150px;
    height:150px;
    text-align:center;
    float:left;
    padding-right:15px;
}

/* ----------------------------------------------------------------------------------- music folder */
div.section_images {
    width:110px;
    float:left;
}

div.section_images img {
    margin-top:8px;
}

table.files_table th {
    color:#874387;
}

table.files_table {
    width:390px;
    float:right;
}

div.clearer {
    clear:both;
}

a.mf_listen {
    width:13px;
    height:13px;
    display:block;
    background:url(images/mf_listen.png) no-repeat;
}

a.mf_listen:hover {
    background:url(images/mf_listen_over.png) no-repeat;
}

a.mf_download {
    width:13px;
    height:16px;
    display:block;
    background:url(images/mf_download.png) no-repeat;
}

a.mf_download:hover {
    background:url(images/mf_download_over.png) no-repeat;
}

td.sync_headline_vio {
    font-size: 18px;
    color:#874387;
    width:80px;
}

td.sync_headline_grey {
    color:#999;
    font-size: 18px;
    
}