html {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    height: 100%;
    background-image: url(images/background.png);
    background-position: top;
    background-repeat: repeat-x;
    background-color: #d9d9da;
}

/* layout */
div#mainframe {
    min-height: 100%;
    width: 1018px;
    margin: auto;
    background: url(images/contentbg_middle.png) repeat-y;
}

div#content {
    padding-top: 50px;
    padding-bottom: 50px;
    width: 1000px;
    margin: auto;
}

div#footer {
    width: 100%;
    background: url(images/contentbg_footer.png) bottom center no-repeat;
    position:fixed;
	bottom:0px;
	height:20px;
}

/* layout cols */
div#leftcol {
    width: 180px;
    padding-left: 20px;
    padding-right: 50px;
    float: left;
    display: block;
}

div#centercol {
    width: 500px;
    padding-right: 80px;
    display: block;
    float: left;
}

div#rightcol {
    width: 140px;
    display: block;
    float: left;
}

div#subtext {
    padding-top: 25px;
    background: url(images/subtext_line.png) 0 125px no-repeat;
}

/* sizes */
div#siteheader {
    height: 200px;
    display: block;
}

div#latestnews {
	height: 200px;
	display:block;
	overflow:hidden;
}

div#login {
    height: 200px;
	margin-top:50px;
}

div#logo {
    height: 200px;
}

/* special elements */
div.clearer {
    display: block;
    clear: both;
    height: 1px;
}

/* forms */
input.loginfield {
    width: 139px;
    height: 16px;
    background: url(images/logininput.png) no-repeat;
    border: 0;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    padding: 3px 0 0 3px;
    margin-top: 4px;
}

div.loginframe {
    margin-top: 30px;
}

/* fonts */
div.loginheadline {
    text-transform: uppercase;
    letter-spacing: 0.19em;
    font-size: 10px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #666;
}

div#siteheader {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #b05454;
    letter-spacing: 0.04em;
    line-height: 38px;
}

div#subtext h1 {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #b05454;
    font-weight: normal;
    line-height: 18px;
    padding: 0 0 18px 0;
    margin: 0;
	letter-spacing: 1px;
}

div#content h1.csc-firstHeader {
    padding: 0;
    margin: 0;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #777;
    height: 60px;
    background: url(images/contentheader_line.png) 0 35px no-repeat;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 22px;
}

div#content {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    line-height: 18px;
}

div#subtext {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    font-weight: normal;
    line-height: 18px;
    margin-top: 10px;
}

div#menu {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

div#contact {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
}

div#contact p {
    margin-top: 0;
}

/* colors */ .rot {
    color: #cc6666;
}

/* images */
img#sitelogoimg {
    position: relative;
    top: -3px;
    left: -5px;
}

div#siteheader img {
	width:500px;
	height:149px;
}

/* links and menu */
div#login a {
	color: #666666;
	text-decoration:none;
}

div#login a:hover {
    color: #cc6666;
}

div#maincontent a {
    color: #666666;
}

div#maincontent a:hover {
    color: #cc6666;
}

div.menunormal a {
    color: #666666;
    text-decoration: none;
    letter-spacing: 0.2em;
    padding-top: 20px;
    display: block;
    outline: none;
}

div.menunormal a:hover, div.menuactive a {
    color: #cc6666;
    text-decoration: none;
    letter-spacing: 0.2em;
    padding-top: 20px;
    display: block;
    outline: none;
}

div#menu {
    padding-bottom: 50px;
	margin-top:10px;
}

div.menu2 {
    margin-top: 20px;
	padding-bottom:10px;
}

div.menu2normal a {
    color: #666666;
    text-decoration: none;
    display: block;
    outline: none;
}

div.menu2normal a:hover, div.menu2active a {
    color: #cc6666;
    text-decoration: none;
    display: block;
    outline: none;
}

div#contact a {
    color: #666666;
    font-weight: bold;
    text-decoration: underline;
}

div#contact a:hover {
    color: #cc6666;
}

/* table */
div#content table p.bodytext {
    padding: 0;
    margin: 0;
}

/* ----------------------------------------------------------------------------------- tt_news */

div.news-single-item,div.news-list-item,div.news-latest-container {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}

div.news-list-item h3 {
	font-size:10px;
	font-weight:normal;
}

span.news-list-date,span.news-single-timedata {
	color:#cc6666;
}

div.news-single-item h2 {
	font-weight:normal;
	font-size:12px;
}

div.news-single-item h3 {
	font-weight:normal;
	padding:0;
	margin:0;
	font-size:11px;
}

div.news-latest-container h2 {
	font-weight:normal;
	padding:0;
	margin:0;
	font-size:10px;
	color:#cc6666;
}

div.news-latest-container a {
	color:#666666;
}

div.news-latest-container a:hover {
    color: #cc6666;
}

div.news-latest-item {
	color:#666666;
}

div.news-latest-item h3 {
	font-weight:normal;
	font-size:10px;
	color:#666666;
}

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

.tx-airfilemanager-pi1 h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background: url(images/head_line.png) bottom center no-repeat;
    color: #cc6666;
    font-size: 12px;
    font-weight: normal;
    padding: 0;
    margin: 0;
    width: 500px;
    display: block;
    padding-bottom: 5px;
}

.tx-airfilemanager-pi1 p {
    padding: 0;
    margin: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    font-weight: normal;
    padding-left: 10px;
    color: #666666;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
} 

.uploadlink {
    text-align: center;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding-bottom: 2px;
} 

.uploadlink a {
    color: #666666;
} 

.uploadlink a:hover {
    color: #cc6666;
} 

.newdirlink {
    text-align: center;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding-bottom: 2px;
} 

.newdirlink a {
    color: #666666;
} 

.newdirlink a:hover {
    color: #cc6666;
} 

.logoutlink {
    text-align: center;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding-bottom: 2px;
} 

.logoutlink a {
    color: #666666;
} 

.logoutlink a:hover {
    color: #cc6666;
} 

#filelisttable {
    width: 100%;
    border-collapse: collapse;
    color: #666666;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-top: 10px;
} 

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

#filelisttable ul, #filelisttable li, .namecol ul, .namecol li {
    padding: 0;
    margin: 0;
    list-style: none;
    list-style-image: none;
} 

.systemfile {
    position: relative;
    text-align: right;
    -moz-opacity: 0;
    opacity: 0;
    z-index: 2;
    cursor: pointer !important;
    color: #666666;
} 

.fileoverlay {
    margin-top: -20px;
    cursor: pointer;
} 

#foverlay {
    width: 320px;
    margin-top: 6px;
    background: none;
    border: none;
    margin-left: -7px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
} 

.namecol {
    font-weight: bold;
    float: left;
    width: 150px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
} 

.formrow {
    padding-bottom: 10px;
    padding-top: 10px;
} 

.button {
    background: none;
    border: none;
    font-weight: normal;
    padding: 1px;
    padding-left: 6px;
    padding-right: 6px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration: none;
    cursor: pointer !important;
    letter-spacing: 1px;
    margin-left: -7px;
    color: #666666;
} 

.button:hover {
    color: #cc6666 !important;
} 

.buttonHover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration: none;
    background: none;
    border: none;
    font-weight: normal;
    padding: 1px;
    padding-left: 6px;
    padding-right: 6px;
    margin-left: -7px;
    letter-spacing: 0.1em;
    color: #cc6666 !important;
    cursor: pointer !important;
} 

.textinput {
    border: none;
    background: url(images/fmanagerinput.png) no-repeat;
    height: 20px;
    width: 250px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
} 

.logoutdiv {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    float: right;
    width: 80px;
    border: none;
    font-weight: normal;
    text-align: center;
    margin-top: 2px;
    color: #666666;
} 

.logoutdiv a {
    color: #666666;
} 

.logoutdiv a:hover {
    color: #cc6666;
} 

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