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

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

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

body {
    background-color    : #bfcbd9;
    color               : #666;
    font-family         : Verdana, Arial, Helvetica, Sans-Serif;
    font-size           : 0.7em;
    line-height         : 1.5em;
    text-align          : center;
    padding             : 0;
    margin              : 0;
}

h1 {
    color               : #68799c;
    font-family         : Verdana, Arial, Helvetica, Sans-Serif;
    font-size           : 1.3em;
    font-weight         : bold;
    padding             : 0 0 15px 0;
    margin              : 0;
}

h2 {
    color               : #666;
    font-family         : Verdana, Arial, Helvetica, Sans-Serif;
    font-size           : 1em;
    font-weight         : bold;
    padding             : 0;
    margin              : 0;
}

p {
    padding             : 0 0 15px 0;
    margin              : 0;
}

a {
    color               : #68799c;
    text-decoration     : none;
}

a:hover {
    text-decoration     : underline;
}

.csc-textpic-image {
    padding-bottom      : 10px;
}

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

form {
    padding             : 0;
    margin              : 0;
}

input, textarea {
    font-family         : Arial, Helvetica, Sans-Serif;
    font-size           : 1em;
    margin-bottom       : 10px;
    border              : 1px solid #666;
}

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

#header_background {
    background-image    : url(../images/header_background.gif);
    background-repeat   : repeat-x;
    height              : 600px;
    padding             : 0;
    margin              : 0;
}

#header {
    position            : relative;
    background-image    : url(../images/header.gif);
    background-repeat   : no-repeat;
    width               : 967px;
    height              : 600px;
    padding             : 0;
    margin              : auto;
}

/* --------------------------------------------------------------*/
/* logo */
/* --------------------------------------------------------------*/

#logo {
    position            : absolute;
    top                 : 56px;
    left                : 104px;
    padding             : 0;
    margin              : 0;
}

* html #logo img {
    behavior            : url(fileadmin/templates/tommy-schmidt.de/scripts/iepngfix.htc);
}

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

#navigation {
    position            : absolute;
    top                 : 220px;
    left                : 290px;
    text-align          : left;
    padding             : 0;
    margin              : 0;
}

.first {
    background-image    : url(../images/1st.png);
    background-repeat   : no-repeat;
}

* html .first {
    behavior            : url(fileadmin/templates/tommy-schmidt.de/scripts/iepngfix.htc);
}

.second {
    background-image    : url(../images/2nd.png);
    background-repeat   : no-repeat;
}

* html .second {
    behavior            : url(fileadmin/templates/tommy-schmidt.de/scripts/iepngfix.htc);
}

.third {
    background-image    : url(../images/3rd.png);
    background-repeat   : no-repeat;
}

* html .third {
    behavior            : url(fileadmin/templates/tommy-schmidt.de/scripts/iepngfix.htc);
}

.fourth {
    background-image    : url(../images/4th.png);
    background-repeat   : no-repeat;
}

* html .fourth {
    behavior            : url(fileadmin/templates/tommy-schmidt.de/scripts/iepngfix.htc);
}

.fifth {
    background-image    : url(../images/5th.png);
    background-repeat   : no-repeat;
}

* html .fifth {
    behavior            : url(fileadmin/templates/tommy-schmidt.de/scripts/iepngfix.htc);
}

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

#navigation li {
 	white-space			: nowrap;
 	text-align			: left;
	padding             : 8px 0 7px 45px;
    margin              : 0 0 8px 0;
}

#navigation a {
    font-size           : 1.1em;
    font-weight         : bold;
    text-decoration		: none;
}

#navigation a:hover {
    color               : #666;
}

#navigation a.active {
    color               : #fff;
}

/* --------------------------------------------------------------*/
/* content */
/* --------------------------------------------------------------*/

#content {
    position            : absolute;
    top                 : 80px;
    right               : 53px;
    width               : 355px;
    text-align          : left;
    padding             : 0;
    margin              : 0;
}

#content ul {
    margin-top          :10px;
    margin-bottom       :10px;
}

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

#footer {
    position            : relative;
    background-image    : url(../images/footer.gif);
    background-repeat   : no-repeat;
    width               : 967px;
    height              : 45px;
    padding             : 0;
    margin              : auto; 
}

/* --------------------------------------------------------------*/
/* navigation_footer */
/* --------------------------------------------------------------*/

#navigation_footer {
    position            : absolute;
    top                 : 0px;
    right               : 50px;
    padding             : 0;
    margin              : 0;
}

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

#navigation_footer li {
 	white-space			: nowrap;
 	text-align			: left;
	display				: inline;
	padding             : 0 0 0 15px;
    margin              : 0;
}