/******************************************************************************/
/*                           HSCA Heieck Siebrecht                            */
/******************************************************************************/

/*  Reset CSS -> Thanks to Eric A. Meyer */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
    }

:focus {
	outline: 0;
    }

body {
	line-height: 1;
	color: #666;
	background: #fff;
    }

ol, ul {
	list-style: none;
    }

table {
	border-collapse: separate;
	border-spacing: 0;
    }

caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align : top;
    }

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
    }

blockquote, q {
	quotes: "" "";
    }



/******************************************************************************/
/********************************************************************** Start */
/******************************************************************************/



/* General */
a:link  {
    color : #002878;
    text-decoration : underline;
    }

a:visited   {
    color : #666;
    text-decoration : underline;
    }

a:hover {
    color : #000;
    text-decoration : none;
    }

.smaller,
span.smaller    {
    font-size : 11px;
    line-height : 14px;
    }



/* Site */

html {
 	height : 100%;
	}


body	{
    height : 100%;
    width : 100%;
    font-family : helvetica, arial, sans-serif;
	}

table.site_wrapper  {
    position : relative;
    width : 100%;
    Height : 100%;
    }

table.site_wrapper td.site_wrapper   {
    vertical-align : middle;
    text-align : center;
    height : 100%;
    width : 100%;
    }

table.site {
    width : 970px;
    /* min-height : 100%; */
    /* height : auto !important; */
    /* height : 100%; */
    margin : 0 auto;
    padding : 0;
    text-align : left;
    }

table.site td.site  {
    width : 100%;
    height : 100%;
    background-color : #eaeaea; /* Service Background-Color */
    border : 1px solid #eaeaea;
    border-width : 1px;
    }
    
/********************************************************************* Header */

div.header {
	margin : 0;
	padding : 0;
	background-color : #fff;
	border : 1px solid #fff;
	border-width : 0 0 1px 0;
	}

div.header p.logo   {
    text-align : center;
    height : 135px;
    }

div.header p.logo img   {
    position : relative;
    top : 19px;
    z-index : 200;
    }

div.header p.language   {
    text-align : right;
    background-color : #eaeaea;
    font-size : 11px;
    line-height : 11px;
    padding : 7px 5px 7px 0;
    }

/************************************************************ Content Wrapper */

div.wrapper {
    width : 970px;
    }


div.content_wrapper     {
    float : left;
    width : 738px;
    background-color : #ced2df;
    color : #1a171b;
    border : 1px solid #fff;
    border-width : 0 1px 0 0;
    height :  385px;
    }




/***************************************************** General Sub-Navigation */

div.navigation  {
    clear : left;
    float : left;
    width : 180px;
    margin : 30px 0 0 0;
    padding : 0 0 0 0;
	border : 1px solid #092061;
	border-width:  1px 0 0 0;
    }

/************************************************************* Sub-Navigation */


div.navigation p {
	margin: 0;
	padding : 0;
	font-size : 14px;
	}

div.navigation p,
div.navigation p a {
	color: #092061;
	background-color : #fff;
	text-decoration: none;
	}

div.navigation p.level_one a,
div.navigation p.level_one_selected a,
div.navigation p.level_one_shown,
div.navigation p.level_two a,
div.navigation p.level_two_selected a,
div.navigation p.level_two_shown,
div.navigation p.level_three a,
div.navigation p.level_three_selected a,
div.navigation p.level_three_shown,
div.navigation p.level_four a,
div.navigation p.level_four_selected a,
div.navigation p.level_four_shown {
	display: block;
	text-decoration : none;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-bottom-color : #092061;
	}

div.navigation p.level_one_selected a,
div.navigation p.level_two_selected a,
div.navigation p.level_three_selected a,
div.navigation p.level_four_selected a,
div.navigation p.level_one_shown,
div.navigation p.level_two_shown,
div.navigation p.level_three_shown,
div.navigation p.level_four_shown {
	color: #092061;
	background-color: #fff;
	font-weight: normal;
    }

div.navigation p.level_one_selected a  {
    font-weight : normal;
	background-color: #fff;
    border-color : #092061;
    background-color : #eaeaea;
    }

div.navigation p.level_one a,
div.navigation p.level_one_selected a,
div.navigation p.level_one_shown {
	width: 170px;
    padding : 6px 0 4px 0;
	padding-left : 10px;
    }

/* Level 2 */

div.navigation p.level_two a,
div.navigation p.level_two_selected a,
div.navigation p.level_two_shown {
	width: 150px;
    padding : 6px 0 4px 0;
	padding-left : 30px;
	color : #092061;
    background-color : #eaeaea;
    border-bottom-color : #092061;
    }


/* Level 3 */

div.navigation p.level_three a,
div.navigation p.level_three_selected a,
div.navigation p.level_three_shown {
	width: 130px;
    padding : 6px 0 4px 0;
	padding-left : 50px;
	color : #666;
    background-color : #eaeaea;
    border-bottom-color : #092061;
    }



/* Level 4 */

div.navigation p.level_four a,
div.navigation p.level_four_selected a,
div.navigation p.level_four_shown {
	width: 110px;
    padding : 6px 0 4px 0;
	padding-left : 70px;
	color : #666;
    background-color : #eaeaea;
    border-bottom-color : #092061;
   	}


/* Hover */

div.navigation p.level_one a:hover,
div.navigation p.level_one_selected a:hover,
div.navigation p.level_two a:hover,
div.navigation p.level_two_selected a:hover,
div.navigation p.level_three a:hover,
div.navigation p.level_three_selected a:hover,
div.navigation p.level_four a:hover {
	color : #666;
	text-decoration: none;
	background-color : #70777c;
	color : #fff;
	}

/* Selected */
div.navigation p.level_one_selected a,
div.navigation p.level_two_selected a,
div.navigation p.level_three_selected a,
div.navigation p.level_four_selected a  {
    font-weight : bold;
    }


/* Shown */
div.navigation p.level_one_shown,
div.navigation p.level_two_shown,
div.navigation p.level_three_shown,
div.navigation p.level_four_shown  {
    background-color : #092061;
    color : #fff;
    font-weight : bold;
    padding-top : 6px;
    padding-bottom : 4px;
    }



/******************************************************************** Content */

div.content,
div.content_start,
div.content_noservice {
    margin : 0;
    padding : 40px 25px 25px 30px;
    float : left;
    width : 500px;
    font-size : 18px;
    line-height : 24px;
    font-family : arial, helvetica, sans-serif;
    font-weight : normal;
    }

div.content_start   {
    margin-left : 25px;
    width : 630px;
    }


h1  {
    font-size : 28px;
    line-height : 32px;
    margin-bottom : 15px;
    font-weight : bold;
    }

h1.start    {
    font-size : 24px;
    line-height : 27px;
    }


h2  {
    font-size : 18px;
    line-height : 22px;
    font-weight : bold;
    margin-bottom : 11px;
    }

div.content p,
div.content_start p,
div.content_noservice p  {
    margin-bottom : 10px;
    }



/* Start Page */

div.content_noservice ul.start    {
    list-style : disc;
    padding-left : 20px;
    margin : 15px 0 10px 0;
    font-size : 16px;
    line-height : 21px;
    }

div.content_noservice ul.start li {
    padding : 4px 0 3px 0;
    font-style : normal;
    }


/* Download */


div.content ul.download {
    list-style : square;
    margin : 0 0 15px 0;
    padding : 5px 0  5px 15px;
    color : #000;
    font-size : 16px;
    }

div.content ul.download li {
    padding : 0 0;
    }

div.content ul.download li a:link,
div.content ul.download li a:visited    {
    color : #002878;
    font-weight : bold;
    }

div.content ul.download li a:hover  {
    color : #000;
    
    }
    
/******************************************************************** BB-List */


/* Unordered */

div.content ul,
div.content ul.bb-list-unordered,
div.content_noservice ul,
div.content_noservice ul.bb-list-unordered    {
    list-style : disc;
    padding-left : 20px;
    margin : 15px 0 10px 10px;
    }

div.content ul li,
div.content ul.bb-list-unordered li.bb-listitem,
div.content_noservice ul li,
div.content_noservice ul.bb-list-unordered li.bb-listitem {
    padding : 4px 0 5px 0;
    font-style : normal;
    }


div.content a:link  {
    color : #fff;
    text-decoration : underline;
    }

div.content a:visited   {
    color : #ccc;
    text-decoration : underline;
    }

div.content a:hover {
    color : #ccc;
    text-decoration : none;
    }


/* Ordered List */

ol.bb-list-ordered-d    {
    margin : 15px 0 0 5px;
    padding : 0;
    }


ol.bb-list-ordered-d li.bb-listitem {
    margin : 0 0 0 18px;
    padding : 0 0 5px 0;
    }



/******************************************************************** Service */

div.service {
    margin : 0;
    padding : 0;
    float : left;
    width : 230px;
    font-size : 14px;
    line-height : 17px;
    font-family : arial, helvetica, sans-serif;
    font-weight : normal;
    color : #1a171b;
    }
    
div.service div.contact p   {
    margin-top : 4px;
    }


/* Login */

div.service div.login_client,
div.service div.contact {
    width : 200px;
    padding : 15px;
    }

div.service div.login_client p {
    font-size : 12px;
    margin-bottom : 8px;
    }


div.service div.login_client    {
    border : 1px solid #fff;
    border-width : 0 0 1px 0;
    }


/* h3 */

h3 {
    font-weight : bold;
    font-size : 14px;
    line-height : 17px;
    margin-bottom : 8px;
    }




/* Download */



div.service ul.logout {
    list-style : square;
    margin : 0 0 15px 0;
    padding : 5px 0  5px 13px;
    color : #1a171b;
    }

div.service ul.logout li {
    padding : 0 0 5px 0;
    }




/* Image Gallery */

p.gallery a:hover {
    filter : alpha(opacity=50);
    -moz-opacity : .50;
    opacity : .50;
    }




/************************************************************** Login */

select,
input,
input.error,
textarea,
textarea.error	{
	width : 195px;
	border : 1px solid #092061;
	margin : 0;
	padding : 2px;
	background-color : #fff;
	color : #666;
	font-family : arial, helvetica, sans-serif;
	font-weight : bold;
	font-style : normal;
	font-size : 14px;
	}


input.error,
textarea.error   {
    background-color : #fcc;
    color : #666;
    }

p.button    {
    width : 100%;
    text-align : right;
    }

input.button    {
	padding : 2px;
	width : 50px;
	background-color : #ced2df;
	color : #1a171b;
	border : 1px solid #fff;
	font-family : arial, helvetica, sans-serif;
	font-size : 12px;
	}

input.button:hover  {
    background-color : #6b79a0;
    color : #fff;
    }




/********************************************************************* Footer */

div.footer,
div.push    {
    clear : both;
    margin : 0;
    padding : 0;
    width : 970px;
    height : 23px;
    color : #666;
    font : normal 11px/11px arial, helvetica, sans-serif;
    }

div.footer  {
    position : relative;
    margin : 0 auto;
    background-color : #fff;
    color : #1a171b;
    }

div.footer p   {
	float: left;
    margin : 0;
    padding : 6px 0 2px 0;
    text-align : left;
    }

div.footer p a:link,
div.footer p a:visited,
div.footer p a:hover    {
    font : normal 11px/11px arial, helvetica, sans-serif;
    }