/* --------------------------------------------------------------*/
/* screen css */
/* ------------------------------------------------------------- */

/* --------------------------------------------------------------*/
/* general */
/* --------------------------------------------------------------*/

html { 
    overflow            : -moz-scrollbars-vertical;
    height              : 100%;
}

body {
    background-color    : #eeefef;
    color               : #565757;
    font-family         : Helvetica, Arial, Verdana, Sans-Serif;
    font-size           : 0.75em;
    line-height         : 1.3em;
    text-align          : center;
    padding             : 0;
    margin              : 0;
}

#container {
    position            : relative;
    background-image    : url(../images/container_background.png);
    background-repeat   : repeat-y;
    width               : 930px;
    padding             : 0;
    margin              : 0 auto;
}

h1, h2 {
    font-size           : 2em;
    line-height         : 1.2em;
    padding             : 0;
    margin              : 0 0 10px 0;
    text-align          : left;
}

h2 {
    font-size           : 1.2em;
    margin              : 0 0 30px 0;
}

a {
    color               : #565757;
    text-decoration     : underline;
}

.active {
    font-weight         : bold;
}

.csc-textpic-caption {
    font-style          : italic;
}

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

form {
    padding             : 0;
    margin              : 0;
}

input, textarea, select {
    margin-bottom       : 10px;
    border              : 1px solid #565757;
}

#mailformformtype_mail {
    margin-top          : 10px;
}

/* --------------------------------------------------------------*/
/* header */
/* --------------------------------------------------------------*/

#header {
    background-image    : url(../images/header_background.png);
    background-repeat   : no-repeat;
    height              : 100px;
    padding             : 0;
    margin              : 0;
}

#logo {
    position            : absolute;
    top                 : 18px;
    right               : 26px;
    padding             : 0;
    margin              : 0;
}

/* --------------------------------------------------------------*/
/* navigation_header */
/* --------------------------------------------------------------*/

#navigation_header {
    position            : absolute;
    top                 : 30px;
    left                : 18px;
    font-size           : 1.1em;
}

#navigation_header ul {
	list-style-type		: none;
	padding             : 0;
    margin              : 0;
}

#navigation_header li {
 	white-space			: nowrap;
	display				: inline;
	padding             : 0;
    margin              : 0;
}

#navigation_header a {
    color               : #565757;
    text-decoration		: none;
    outline             : none;
}

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

#navigation {
    position            : absolute;
    top                 : 70px;
    left                : 18px;
    font-size           : 1.1em;
}

#navigation ul {
	list-style-type		: none;
	padding             : 0;
    margin              : 0;
}

#navigation li {
 	white-space			: nowrap;
	display				: inline;
	padding             : 0 0 0 4px;
    margin              : 0 20px 0 0;
}

#navigation a {
    color               : #565757;
    text-decoration		: none;
    outline             : none;
}

.first {
    border-left         : 15px solid #e94a8b;
}

.second {
    border-left         : 15px solid #009731;
}

.third {
    border-left         : 15px solid #0088ca;
}

.fourth {
    border-left         : 15px solid #e9560e;
}

/* --------------------------------------------------------------*/
/* middle */
/* --------------------------------------------------------------*/

#middle {
    position            : relative;
    background-image    : url(../images/middle_background.png);
    background-position : 230px bottom;
    background-repeat   : repeat-y;
    padding             : 0 18px 0 18px;
    margin              : 0;
}

#content_container {
    background-image    : url(../images/middle_background_gradient.png);
    background-position : 212px bottom;
    background-repeat   : no-repeat;
    padding             : 0;
    margin              : 0;
    border-top          : 1px solid #000;
}

#content {
    text-align          : justify;
    padding             : 0;
    margin              : 0;
    border-left         : 1px solid #000;
    border-right        : 1px solid #000;
}

#content_background {
    background-image    : url(../images/content_background.png);
    height              : 74px;
}

* html #content_background {
    behavior            : url(fileadmin/templates/scripts/iepngfix.htc);
}

/* --------------------------------------------------------------*/
/* footer */
/* --------------------------------------------------------------*/

#footer {
    position            : relative;
    background-image    : url(../images/footer_background.png);
    background-position : left bottom;
    background-repeat   : no-repeat;
    color               : #626364;
    font-size           : 1.1em;
    text-align			: center;
    padding             : 28px 0 48px 0;
    margin              : 0 auto

}

#footer ul {
	list-style-type		: none;
	padding             : 0;
    margin              : 0;
}

#footer li {
 	white-space			: nowrap;
	display				: inline;
	padding             : 0;
    margin              : 0;
}

#footer a {
    color               : #626364;
    text-decoration		: none;
    outline             : none;
}

/* --------------------------------------------------------------*/
/* banner_footer */
/* --------------------------------------------------------------*/

#banner_footer {
    position            : absolute;
    top                 : 10px;
    right               : 20px;
    width               : 340px;
    height              : 50px;
    text-align          : right;
    padding             : 0;
    margin              : 0;
    overflow            : hidden;
}