/**** LINK-tag style sheet style_cni.css ****/

.flag
{
color: red;
display: none; /* */
}

/**** colors 

darkgreyblue COLOR="#404F6B"
darkblue COLOR="#003366"
darkred COLOR="#990000"
lightblue1: COLOR="#7BB2CE"
lightblue2: COLOR="#6699CC"
leightgreyblue COLOR="#EFF3F7"
midgrey: COLOR="#AEBAC8"
backgrey: COLOR="#C8C8C8"

****/


/**** basics ****/
body
{
background: #C8C8C8;
margin: 0;
padding: 0;
text-align: center;
}

h1, h2, h3, h4, h5, p, br
{
margin: 0;
padding: 0;
}
br
{
line-height: 0;
}

a
{
text-decoration: none;
color: #235AA6;
}
a:hover
{
text-decoration: underline;
}
a:active
{
border: 0px solid transparent;
}
a img
{
border: 0;
}
ul
{
list-style: none outside;
margin: 0;
padding: 0;
}

p, br
{
margin: 0;
padding: 0;
}
.right
{

}
.left
{

}


/**** Layout ****/
#base
{
position: relative;
width: 1010px;
top: 5;
margin: 0 auto;
padding: 0;
border: 1px solid #848D97;
}
body #base td
{
vertical-align: top;
text-align: left;
}
#base .moodbox
{
position: absolute;
top: 0;
left: 0;
z-index: 2;
border: 0px solid red;
}

/**** lang-navi ****/
#lang_navi ul
{
/*position: absolute;
top: 0;
right: 0;
width: auto;*/
text-align: ;
padding: 3px 0;
margin: 0px;
font-size: .8em;
font-weight: normal;
}

#lang_navi ul li
{
display: inline;
}

#lang_navi ul li a
{
color: #990000;
}
#lang_navi ul li
{
border-right: 1px solid #990000;
}

#lang_navi ul li#lastButton
{
border-right: 0px solid;
}

#lang_navi ul li a
{
padding: 1px 15px;
text-decoration: none;
font-weight: normal;
}

#lang_navi ul li a.active,
#lang_navi ul li a:hover
{
}
#lang_navi ul li a.active
{
font-weight: bold;
}

/**** table main ****/
#container
{
width: 100%;
border: 0px solid green;
background: #fff;
z-index: 0;
}
table#main
{
width: 1010px;
border: 0px solid blue;
z-index: 0;
border-collapse: collapse;
}

table#main td
{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1em;
vertical-align: top;
border: 0px solid orange;
padding: 0;
margin: 0;
}

/**** left ****/

table#main td.left
{

font-size: .7em;
width: 215px ! important;
padding: 0;
margin: 0;
background-image: url(../imgs/basics/bgLeft.gif);
background-repeat: no-repeat;
background-position: left;
background-position: bottom;
}
#main_menu
{
position: relative;
float: left;
width: 100%;
text-align: right;
z-index: 4;
padding-top: 118;
border: 0px solid red;
}

#main_menu .menuBlock
{
position: relative;
padding-top: 110;
margin: 0;
background-image: url(../imgs/basics/bg_line_right.gif);
background-repeat: repeat-y;
background-position: right;
border: 0px solid green;
z-index: 3;
}

#main_menu .menuBox
{
position: relative;
z-index: 5;
background: #fff;
padding-left: 15;
margin-right: 1;
}

#main_menu #menuBottomBorder
{
position: relative;
height: 11px;
top: -1;
margin-left: 15;
margin-right: 0;
background-image: url(../imgs/basics/bg_line_bottom.gif);
background-repeat: no-repeat;
background-position: right;
border: 0px solid red;
z-index: 5;
}

#main_menu #menuBottomBG
{
position: relative;
width: 100%;
height: 20px;
background: #fff;
-moz-opacity: .4;
filter: alpha(opacity=40, style=1); 
border: 0px solid red;
z-index: 3;
}
#main_menu h1
{
font-size:1.1em;
color:#003366;
}
#main_menu .menuBox h1 a
{
display: block;
margin-right: 10px;
color:#003366;
background: white;
padding: 3 10 3 0;
}

#main_menu .menuLevel2Box  a
{
display:block;
color:#003366;
margin-right: 10px;
padding: 2 10 2 0;
border-top: 1px dotted #AEBAC8;
background-image: url(../imgs/basics/navBullet.gif);
background-repeat: no-repeat;
background-position: right;
}

#main_menu .menuBox li.activeItem a.active
{
color:#990000;
background-image: url(../imgs/basics/navBulletActive.gif);
background-repeat: no-repeat;
background-position: right;
}
#main_menu  a:hover
{
text-decoration: none;
color:#990000;
}

/*** menues in sitemap ***/

#sitemap ul.menuLevel1Box  
{
border-bottom: 0px solid #fff;
margin-bottom: 15px;
}


/**** margin box ***/

td.left .marginBox
{
clear: both;
font-size: 90%;
line-height: 127%;
padding: 10px;
margin-bottom: 30px;
border: 0px solid blue;
}

td.left .marginBox h1
{
color: #404F6B;
font-size: 100%;
padding: 5px 0;
border: 0px solid blue;
}
td.left .marginBox .block
{
font-size: 100%;
color: #848D97;
padding: 0;
}
td.left .marginBox .block p
{
margin-bottom: 5px;
}
/**** menu subnavi-liste impressum ****/

#main_menu  ul.navlist
{
margin-bottom: 1em;
padding: 3px 5px 3px 0;
font-size: .8em;
background: ;
border: 0px solid red;
}
#main_menu ul.navlist li
{
display: inline;
}

#main_menu ul.navlist li a
{
padding: 0 5px;
color: #7BB2CE;
text-decoration: none;
border-right:1px solid #7BB2CE;
}

#main_menu ul.navlist li#lastButton a
{
border-right:0px solid #7BB2CE;
}

#main_menu ul.navlist li a:hover
{
text-decoration:underline;
color: #7BB2CE;
}

/**** lang-navi ****/
#main_menu #lang_navi ul
{
font-weight: normal;
}

#main_menu #lang_navi ul li
{
}

#main_menu #lang_navi ul li a
{
color: #990000;
}
#main_menu #lang_navi ul li
{
border-right: 1px solid #990000;
}

#main_menu #lang_navi ul li#lastButton
{
border-right: 0px solid;
}

#main_menu #lang_navi ul li a.active,
#main_menu #lang_navi ul li a:hover
{
}
#main_menu #lang_navi ul li a.active
{
font-weight: bold;
}

/**** center ****/

table#main td.center
{
width: 795px;
padding: 0;
margin: 0;
}

/**** header ****/
#header
{
position: relative;
top: 0;
float: left;
width: 100%;
padding-top: 37;
padding-bottom: 10;
margin-bottom: 5px;
border: 0px solid grey;
z-index: 3;
}

#sectionTitle
{
position: relative;
top: 53;
float: left;
width: 540px;
padding: 3 0;
margin: 0;
border: 0px solid blue;
}
#sectionTitleBG
{
position: absolute;
top: 0;
z-index: 3;
float: left;
width: 540px;
height: 100px;
padding: 0px;
background-image: url(../imgs/basics/bg_white_top.gif);
background-position: top;
background-repeat:no-repeat;
-moz-opacity: .5;
border: 0px solid blue;
filter: alpha(opacity=100, finishopacity=60, style=1, startx=40, finishx=5); 

}
#sectionTitleBorder
{
	position: absolute;
	z-index: 4;
	top: -2px;
	float: left;
	width: 540px;
	padding: 0px;
	margin: 0px;
	left: -1px;
	background-image: url(../imgs/basics/bg_line_top.gif);
	background-position: top;
	background-position: top;
	background-repeat:no-repeat;
	border: 0px solid red;
	bottom: 124px;
	height: 30px;
}


#sectionTitle h1
{
position: relative;
z-index: 5;
padding: 0px 0px 0px 10px;
font-style: ;
font-weight: bold;
font-size: 105%;
color: #404F6B;
margin: 0px;
border: 0px solid green;
}


#header #logo
{
position: relative;
top: -2px;
float: left;
width: 250px;
padding: 0px;
margin: 0px;
border: 0px solid grey;
}

#header #logo h1
{
display: none;
}


/**** navi ****/

#navi
{
position: relative;
float: left;
width: 100%;
padding: 3px 0px 0px;
font-size: .7em;
font-weight: bold;
text-align: right;
border: 0px solid grey;
z-index: 3;
}

#home #navi ul
{
background: #404F6B;
}

#navi ul
{
padding: 3px 0;
margin: 0px 0px 0px 0px;

}
#navi ul li
{
display: inline;
}

#navi ul li a
{
padding: 3px 23px;
color: #EFF3F7;
background: #404F6B;
text-decoration: none;
}

body.en #navi ul li a
{
padding: 3px 56px;
}
body.en #navi ul li a.redButton,
body.en #navi ul li.active a.redButton
{
padding: 3px 55px;
}

#navi ul li a:hover
{
color: #404F6B;
background: #EFF3F7;
}
#navi ul li#lastButton
{
border: 0px solid white;
}
#navi ul li a.redButton,
#navi ul li.active a.redButton
{
padding: 3px 28px;
background: #990000;
}
#navi ul li a.redButton:hover
{
background: #EFF3F7;
color: #990000;
}

/**** pagetitle ****/
#pageTitle
{
position: relative;
clear: both;
padding: 20px 0px 8px;
margin: 0px;
z-index: 3;
border: 0px solid grey;
}


#pageTitle h1.pageTitle
{
position: relative;
padding-left: 20px;
font-style: italic;
font-weight: normal;
font-size: 115%;
margin-left: 160px;
color: #848D97;
background-image: url(../imgs/basics/red_arrow.gif);
background-repeat: no-repeat;
background-position: left;
}




/**** content copy ****/

table#main td#content
{
padding: 0px 10px;
margin: 0px;
}


#content #minHeight
{
float: left;
width: 1px;
border: 0px solid red;
}
#content #minHeight img
{
border: 0px solid red;
width: 1px;
height: 355px;
}


#copy 
{
position: relative;
float: left;
width: 775px;
min-height: 355px;
z-index: 3;
padding: 10px 0px;
margin: 0px;
background: #EFF3F7;
color: #404F6B;
}

#copy .contentBlock
{
float: left;
width: 774px;
padding: 0;
margin: 0;
border: 0px solid red;
}

#copy .leftCol 
{
float: left;
width: 170px;
border: 0px solid red;
padding: 0 0 5px;
}

#copy .rightCol 
{
float: left;
width: 604px;
border: 0px solid green;
padding: 5px 0;
}

/**** copytitle ****/



#copy h1.copyTitle 
{
margin-left: 170px;
margin-right: 20px;
padding-bottom: 10px;
font-size: 80%;
color: #990000;
}

#copy h2.copySubTitle 
{
margin-left: 170px;
margin-right: 20px;
padding-bottom: 5px;
font-size: 75%;
color: #003366;
border-bottom: 1px solid #fff;
}

#copy .copyBlock
{
clear: both;
font-size: 70%;
line-height: 127%;
padding: 5px 20 10px 0;
border: 0px solid blue;
}
#copy .copyBlock table
{
font-size: 100%;
line-height: 127%;
color:#003366;
}


#copy .copyBlock table td
{
padding: 5px 10px 0 0;
vertical-align: top;
text-align: left;
}

#copy .copyBlock table td.leftLine
{
border-left: 1px solid #fff;
padding-left: 5px;
}

#copy .copyBlock p,
#copy .copyBlock br
{
margin: 2px 0;
padding: 2px 0;
}

#copy .copyBlock h3,
#copy .copyBlock h3 a
{
font-size: 100%;
display: inline;
margin-right: 10px;
color: #990000;
}

#copy .copyBlock h3.arrow
{
padding-left: 10px;
background-image: url(../imgs/basics/red_arrow_small.gif);
background-repeat: no-repeat;
background-position: left;
}

#copy .copyBlock h4
{
font-size: 100%;
display: inline;
padding-right: 20px;
color: #003366;
}
#copy h4.date
{
font-size: 70%;
padding: 5px 0 0;
margin-left: 170px;
margin-bottom: 0px;
}


#copy .copyBlock h5
{
font-size: 100%;
line-height:250%;
display: inline;
padding:0 0 0 13px;
color: #990000;
background-image: url(../imgs/basics/red_arrow_small.gif);
background-repeat: no-repeat;
background-position: left;
}

#copy .copyBlock b,
#copy .copyBlock span
{
color: #990000;
}

#copy .copyBlock ul
{
display: block;
padding-left: 0 ! important;
margin-left: 1px ! important;
margin-top: 0px;
list-style: none outside;
}
#copy .copyBlock ul li
{
line-height: 100%;
color: #003366;
padding: 0 0 0 5;
margin:  5px 0;
background-image: url(../imgs/basics/list_bullet_red_l.gif);
background-repeat: no-repeat;
/*list-style-image: url(../imgs/basics/list_bullet_red_l.gif);*/
border: 0px solid red;
}

#copy .copyBlock ul li h6
{
font-size: 100%;
color: #003366;
border: 0px solid red;
padding: 0;
margin: 0;
}

#copy .newLineBorder
{

clear: both;
font-size: 0;
line-height: 0;
padding: 0;
margin-right: 20;
border-bottom: 1px solid white;
}

#copy .clear
{
float: left;
display: block;
clear: both;
}
/**** content copy galerie ****/

#copy #galerie
{
border: 1px dotted #404F6B;
background: #fff;
text-align: center;
padding: 10px;
}
/**** content copy ImgBlock ****/

#copy .imgBlock
{
float: left;
clear: both;
width: 170px;
padding: 10px 0 0;
margin: 0;
border: 0px solid red;
text-align: left;
}

#copy .imgBlock .imgBoxCenter
{
display: block;
clear: both;
padding: 5 20;
border: 0px solid green;
}

#copy .imgBlock .imgCaption
{
clear: both;
font-size: 9px;
padding: 5px 20px;
border: 0px solid green;
color: #003366;
}
#copy .imgBlock .imgCaption ul li
{
display: block;
padding: 0;
margin: 0;
padding-left: 6px;
background-image: url(../imgs/basics/list_bullet_red.gif);
background-repeat: no-repeat;
background-position: bottom;
background-position: left;
border: 0px solid red;
}

#copy .imgBlock .imgCaption span
{
color: #990000;
}

#copy .imgBlock .imgCaption table
{
font-size: 9px;
color: #6699CC;
}

#copy .imgBlock .imgCaption table td
{
padding: 2px 8px 2px 0px;
}

/**** copyList ****/

#copy .copyList h4
{
display: block;
}

#copy .copyList a.copyLink
{
display: block;
}

#copy  .listNavi
{

float: left;
width: 100%;
font-size: ;
border: 0px solid red;
padding: 5px 0px 5px 0px;
}



#copy  .listNavi .left
{
float: left;
width: 40%;
}

#copy  .listNavi .right
{
float: right;
width: 40%;
text-align: right;
}



/* Downloads */

#copy .downloads
{
float: left;
width: 400px;
padding-bottom: 5px;
margin-bottom: 10px;
border-bottom: 1px solid #fff;
}
#copy .downloads h1
{
border: 0px solid;
}

#copy .downloads h4.copySubHeadline
{
display: block;
padding-bottom: 10px;
border: 0px solid;
}

#copy .downloads .block
{
float: left;
width: 100%;
border-top: 1px dotted #aebac8;
padding: 8px 0 8px 0;
margin-bottom: 0px;
text-align: ;
}
#copy .downloads .block .left h3
{
margin: 1px 0;
padding: 0;
border: 0px solid;
}


#copy .downloads .block .left
{
float: left;
width: 200;
text-align: left;
border: 0px solid;
}
#copy .downloads .block .right
{
display: block;
width: 100%;
font-size: 1em;
text-align: right;
border: 0px solid;
}
.downloads .block .right img
{
margin-left: 10px;
vertical-align: middle;
border-width: 0px !important;
margin-bottom: 1px;
}
.downloads .block .right a
{
padding: 0;
margin: 0;
}
/**** content footer ****/

table#main td.leftFooter,
table#main td.rightFooter
{
padding: 3px 20px;
margin: 0px;
font-size: 70%;
color: #7BB2CE;
}
.footer
{
position: relative;
float: left;
width: 100%;
padding: 0px;
font-size: 1em;
border: 0px solid grey;
z-index: 3;
}
.footer ul
{
margin-left: -5px;
padding: 3px 0;
}
.footer ul li
{
display: inline;
}

.footer ul li a
{
padding: 0 5px 0 5px;
color: #7BB2CE;
text-decoration: none;
border-right:1px solid #7BB2CE;
}
.footer ul li#lastButton a
{
border-right:0px solid #7BB2CE;
}
.footer ul li a:hover
{
text-decoration:underline;
}

/* forms */
/*
form table
{
background: #CACED4;
padding: 20px 10px;
border: 0px solid red;
}
*/
form
{
display. block
width: 100%;
padding: 0;
margin: 0;
}

form h3
{

padding: 0;
margin: 0;
}
form h4
{
border: 0px solid red;
display: block;
padding: 0;
}
form label
{
display: block;
clear: both;
margin: 5px 0px 5px;
font-weight: bold;
width: 99%;
}
form input
{
display: block;
clear: both;
margin: 10px 0px 0px;
}
form .formInput
{
border: 1px solid #AEBAC8;
width: 50%;
}

form .formTextarea
{
border: 1px solid #AEBAC8;
width: 99%;
}
form input.formRadio
{
display: inline;
margin: 0 10px;
}

form .formComment
{
display: block;
margin: 10px 0;
color: #990000
}

form input.formButton
{
color: #fff;
font-size: 90%;
font-weight: bold;
padding-left: 6px;
background: #404F6B;
/*
background-image:url(../imgs/basics/bg_button.gif);
background-repeat: repeat-x;
background-position: bottom;
background-position: left;
*/
cursor: pointer;
border: 0px solid red;
}

/* homepage */
#home table#main td.left
{

background-image: none;
}

#home #homeImgLeft
{
position: relative;
float: left;
width: 216px;
height: 314px;
margin-top: 118;
padding-top: 27px;
background-image: url(../imgs/basics/bg_line_right.gif);
background-repeat: repeat-y;
background-position: right;
border: 0px solid green;
z-index: 3;
}
#home #homeImgLeft img
{
z-index: 0;
width: 215;
}
#home table#main td#content
{
padding: 0px;
margin: 0px;
}
#home #base #homeImgCenter
{
position: relative;
float: right;
width: 794;
height: 314px;
padding: 0;
margin: 0;
z-index: 4;
border: 0px solid red;
}
#home #pageTitle
{
margin: 0;
padding: 15 0 0;
}
#home #pageTitle h1
{
margin-left: 30;
}
#home #copy
{
font-size: 1em;
background: #fff;
padding: 0px;
min-height: 215px;
border: 0px solid blue
}
#home #content #minHeight img
{
height: 215px;
}
#home #copy h3
{
display: block;
color: #68849a;
font-size: 1.1em;
font-weight: normal;
margin-bottom: 5px;
}
#home #copy h4
{
font-size: 1.1em;
color: #990000;
display: block;
margin-bottom: 5px;
}
#home #copy .contentBlock
{
padding-top: 0;
width: 650px;
border: 0px solid green;
}
#home #copy .copyBlock
{
margin: 0 0 10 30;
}
#home #copy span
{
color: #68849a;
font-weight: normal;
}
#home #copy .copyTitle
{
background: ;
}
#home #copy .newLineBorder
{
border-color: #AEBAC8;
margin: 0 0 10 30;
}


#home td.rightFooter .footer
{
text-align: center;
width: 625px;
}

/**

*,
td,
table td
{

border: 0px solid #fff ! important;
}
**/


#homeImgCenter
{
margin: 0;
padding: 0;
}
#homeImgCenter a#frontLayer
{
display: block;
position: absolute;
background-repeat: no-repeat;
width: 794px;
height: 314px;
margin: 0;
padding: 0;
}
#homeImgCenter a#frontLayer:hover img
{
filter:alpha(opacity=25) !important;
-moz-opacity:.25 !important;
}
#homeImgCenter #backLayer
{
position-absolute;
width: 650px;
height: 314px;
background: #fff;
margin: 0;
padding: 0;
}


#homeImgCenter .copyBlock
{
clear: both;
font-size: 70%;
line-height: 127%;
color: #404F6B;
padding: 60px 20 0px 40;
}

#homeImgCenter .copyBlock p,
#homeImgCenter .copyBlock br
{
margin: 2px 0;
padding: 2px 0;
}
#homeImgCenter h2
{
padding-left: 20px;
font-style: italic;
font-weight: normal;
margin-bottom: 10px;
font-size: 150%;
color: #848D97;
background-image: url(../imgs/basics/red_arrow.gif);
background-repeat: no-repeat;
background-position: left;
}