/*////////////////////////////////////////// HTML REDESIGN ////////////////////////////////////////////////////////////*/
body,
td,
select,
input,
textarea,
a.blockAnchor,
a.blockAnchor:link,
a.blockAnchor:active,
a.blockAnchor:visited,
a.blockAnchor:hover						{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#5f5f5f; text-decoration:none !important;}
body 									{}
ul, ol									{}
ul li									{}
input, textarea							{}
input.submit							{}
td { vertical-align:top;}
p { padding:0px; margin:0px;}
a,
a:link,
a:active,
a:visited,
a:hover									{color: #164d9f}
a img 									{border:none;}

h1, h2 { letter-spacing:-1px; font-weight:normal; }
h3 { font-weight:normal;} 
h4, h5, h6 { font-size:11px !important; font-weight:normal !important;}

/*////////////////////////////////////////// REGIONAL NAVIGATION ////////////////////////////////////////////////////////////*/
div.regNav	{}
div.regNav ul {}
div.regNav ul li{}
div.regNav ul li a{}

/*////////////////////////////////////////// PARTS ////////////////////////////////////////////////////////////*/

/*// GENERAL BASE //*/
body {
color:#686868;

}

h1, h2{
padding:0px;
margin:0px;
font-size:16px;
text-transform:uppercase;
color:#0054a5;
}
h3, h4, h5, h6{
padding:0px;
margin:5px 0px 3px 0px;
font-size:11px;
font-weight: bold;
text-transform:uppercase;
color:#0054a5;

}

a,
a:link,
a:active,
a:visited,
a:hover{
color: #0054A5
text-decoration:none;
}

li {
margin:0px;
}

ul,ol {
margin:0px;
padding:0px;
padding-left:30px;
}
ul li { list-style-image:url(../images/ul.bg.gif);}

input,textarea, select {
width:95%;
border:1px solid #b8cde2;
}

table.form	{ width:100%;}
table.form td.label { width:150px; padding-top:3px;}
table.form td.true { font-weight:bold; color:#006600; padding-bottom:10px;}
table.form tr.error td.label { background-color:#990000; color:#ffffff;}
table.form tr.error td.value input { border:1px solid #990000; }
table.form tr.error td.value input.radio,
table.form tr.error td.value input.checkbox { border:none; }
table.form tr.error td.value textarea { border:1px solid #990000; }
table.form span.error { color:#990000; display:block;}
input.radio { cursor:pointer;}
label { cursor:pointer;}
input.checkbox { cursor:pointer;}
input.submit { margin-top:5px; width:auto; cursor:pointer; border:1px solid #a5bedd; background-color:#e2e7eb; color:#0056a2;
background-image:url(../images/input.submit.bg.gif); background-repeat:no-repeat; background-position:right center; padding-right:8px;
}


div.header {}
div.header table.header { width:100%;}
div.header table.header td.logo { width:150px; text-align:left;}
div.header table.header td.headerContent { width:auto;; text-align:left; vertical-align:middle;}

div.banner { width:970px; height:88px; }

div.content { min-height:350px; padding-top:10px;}

div.footer {border-top:1px dotted #555555; margin-top:20px; padding-top:5px;}
div.footer a,
div.footer td a { color:#636466;}
div.footer table.footer { width:100%;}
div.footer table.footer td.footerLeft { width:70%; text-align:left; padding-right:10px;}
div.footer table.footer td.footerRight { width:30%; text-align:right; padding-left:10px;}

/*/// MAIN FRAME / GRUNDGERUEST ///*/ 
#wrapper{
display:block;
margin:auto;
width:970px;
border:1px solid #0054a5;
padding:8px 16px 8px 16px;
background-image:url(../images/ribbon_background.gif);
background-repeat:no-repeat;
background-position:bottom left;
}

#border{
display:block;
padding:10px;
width:970px;
height:auto;
}

#header {
display:block;
position:relative;
height:75px;
width:100%;
}

#headerLeft{
display:block;
float:left;
width:200px;
height:75px;
/*border:1px solid yellow;*/
}

#headerRight{
display:block;
float:right;
width:570px;
text-align:right;
/*border:1px solid yellow;*/
}

/*// Header Login und Internationalauswahl //*/
#login {
height:30px;
line-height:30px;
margin-top:20px;
}

#login a {
text-decoration:none;
color:#686868;
float:right;
margin-right:30px;
}

#dropDown_international {
float:right;
width:175px;
height:31px;
background:url('../images/search_bg.jpg');
}

#languageChose {
display:block;

top:6px;
left:10px;
width:150px;
height:18px;
}



#navigation {
display:block;
height:50px;
width:100%;
/*border:1px solid green;*/
}

#content {
display:block;
width:970px;
height:auto;
/*border:1px dotted #0000ff;*/
}

#contentPanel {
display:block;
width:auto;
float:left;
}

#top{
display:block;
width:775px;
height:auto;
margin-bottom:30px;
float:left;
}

#rightPanel{
display:block;
width:175px;
height:350px;
float:right;
}

#bottomSingle{
display:block;
width: 775px;
height:auto;
margin:0px 0px 30px 0px;
float:left;
}


#footer {
display:block;
width:970px;
height:25px;
border-top:1px dotted #555555;
margin-top:20px;
}

#footer a {
color:#636466;
}

#footerLeft {
display:block;
float:left;
width:auto;
height:25px;
min-width:100px;
}

#footerRight {
display:block;
float:right;
width:auto;
line-height:25px;
min-width:100px;
}

.clearFloat {
clear:both;
height:0px;
line-height:0px;
font-size:1px;
width:1px;
}

/*/// NAVIGATION /// */

ul.navMain {
background-color:#0B56A9;
width:970px;
padding:0px;
margin:0px;
height:19px;
}

ul.navMain li {
display:block;
float: left;
line-height: 19px; 
list-style-type: none;
border-left: 1px solid #ffffff; 
}

ul.navMain li a,
ul.navMain li a:link,
ul.navMain li a:visited,
ul.navMain li a:hover,
ul.navMain li a:active,
ul.navMain li a:focus {
padding: 3px 11px 3px 10px;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
}

ul.navMain li a:hover, ul.navMain li.liActive {
background-color: #BBCEDF;
color: #0054A5;
}

ul.navMain li.liActive a {
color: #0054A5;
}



/* Pictures in Top Area */
#top img {
border:1px solid #dbe0dc;
}

/*// SubMenu //*/
ul.navSub {
font-size:10px;
height:18px;
width:970px;
margin-top:5px;
font-weight: bold;
}

ul.navSub li {
display:block;
float: left;
line-height: 18px;
list-style-type: none;
}

ul.navSub li a,
ul.navSub li a:link,
ul.navSub li a:visited,
ul.navSub li a:hover,
ul.navSub li a:active,
ul.navSub li a:focus {

padding: 3px 10px 3px 10px;
text-decoration: none;
}

ul.navSub li a:hover, ul.navSub li.liActive {
background-color: #B8CDE2;
}

/*// META NAVIGATION (FOOTER) // */
.metaNavItem {
display:block;
float:left;
margin-left:10px;
line-height:25px;
height:100%;
color:#646464;
}

/* //// RIGHT SIDEPANEL ///// */
#searchBox {
display:block;
width:175px;
height:31px;
background:url('../images/search_bg.jpg');
margin-bottom:7px;
}

#searchBoxInput {
display:block;
width:130px;
float:left;
position:relative;
top:7px;
left:10px;
}

.startSearch {
display:block;
position:relative;
top:7px;
left:15px;
width:17px;
height:17px;
border:0px;
float:left;
}

.teaserBox {
display:block;
width:100%;
height:126px;
background-image:url('../images/teaserBoxSmall.jpg');
/*border:1px solid #efefef;*/
margin-bottom:7px;
}

.teaser_left {
display:block;
float:left;
position:relative;
top:3px;
left:3px;
height:120px;
overflow:hidden;
padding-right:13px;
width:55px;
}

.teaser_right {
display:block;
position:relative;
padding-left:10px;
font-size:10px;
top:10px;
width:auto;
padding-right:5px;
}
#content .teaser_right p {
line-height:13px;
margin:0px;
padding:0px;
}


#content p {
line-height:14px;
margin:10px 10px 5px 0px;
}

/*// BASIS FOR TWO COLUMN BOXES //*/

.box_twoColumns {
width:775px; 
height:auto;
float:left;
padding:0px 0px 10px 0px;
}

.rightCol{
display:block;
float:left;
width:375px;
height:auto;
}

.leftCol{
display:block;
width:375px;
height:auto;
float:left;
}

/*// EXTENSIONS FOR TWO COLUMN BOXES //*/
.box_leftPic_rightText {
display:block;
width:775px;
height:100%;
float:left;
}

.box_leftPic_rightText .rightCol {

display:block;
left:20px;
position:relative;
top:10px;
}

.floatedPic {
display:block;
float:left;
padding-right:20px;
}


.box_twoColumns h2 {
width:100%; /* to make sure that both colums of text (.bottomRight & .bottomLeft) start after the headline */
}

/* // ACCORDION //*/

#accordion {
border-left:1px solid #bfcbd7;
border-right:1px solid #bfcbd7;
border-bottom:1px solid #bfcbd7;
}


#accordion h3.toggler {
margin:0px;
border-top:1px solid #bfcbd7;
background-image:url('../images/plus.gif');
background-position:10px center;
background-repeat:no-repeat;
padding:4px 0px 4px 30px;
}


div.element {
color:#105399;
border-bottom:1px solid #bfcbd7;
padding-bottom:10px;
width:99%;
}

/*// TABS //*/

#tabBox {
display:block;
width:760px;
}

#tabbedContent {
display:block;
border:1px solid #bfcbd7;
width:100%;
float:left; /* needs to float so the slides inside with various heights will be surrounded by the border */
padding:10px 0px 0px 17px;
}

/* DO NOT CHANGE THE NAME, because .tabs are used by mgfxtabs.js */
ul.tabs  {
margin:0px;
padding:0px;
border-left:1px solid #bfcbd7;
border-bottom:0px;
height:18px;
width:auto;
}

ul.tabs  li {
display:block;
float:left;
height:18px;
padding:0px 20px 0px 20px;
line-height:18px;
border-right:1px solid #bfcbd7;
border-top:1px solid #bfcbd7;

}


ul.tabs li.active {
background-color: #b8cde2;

}
ul.tabs li h3 {
display:inline;
margin:0px;

}

ul.tabs a, ul.tabs a:link {

height:25px;
text-decoration:none;

}

/* DO NOT CHANGE THE NAME, because Slides will be set to display:none in the mgfxtabs.js when they are not active, so the name .slides MUST NOT BE CHANGED */
.slide { 
display:block;
position:relative;
width:100%;
float:left;
}

/*/// CASE BOX //*/

.caseBox { /* for scrolling the content if there is much of it */
display:block;
width:760px;
height:auto;
overflow:auto;
position:relative;
}

.caseBoxTwoEntries {
display:block;
width:100%;
float:left;
position:relative;
}

.picOnLeftTextAround {
display:block;
float:left;
height:auto;
width:370px;
margin-bottom:15px;
}

.picOnLeftTextAround img {
display:block;
float:left;
padding:0px 15px 10px 0px;
}

/*/// CONTACT FORM ///*/

#contactForm {
display:block;
width:775px;
position:relative;
margin-bottom:20px;
float:left;
}

#contactForm div.column {

display:block;
width:375px;
height:auto;
float:left;
margin-right:10px;
}

#contactForm div.formEntry {
display:block;
position:relative;
width:365px;
float:left;
padding:4px 0px 0px 5px;
height:auto;
}

#contactForm label {
display:block;
height:auto;
width:120px;

}

#contactForm  em {
color:red;
}


#contactForm input,#contactForm select{
display:block;
position:relative;
width:230px;
height:18px;
float:right;
}

#contactForm textarea {
display:block;
position:relative;
width:360px;
height:129px;
}

#contactForm .sendFormBtn {
width:126px;
height:18px;
border:0px;
}


/*////////////////////////////////////////// VECTOR BROSS ///////////////////////////////////////////////////////*/
div.vb a,
div.vb a:link,
div.vb a:active,
div.vb a:visited,
div.vb a:hover			{ color:#747469; text-decoration:none;}
div.vb a:hover			{ color:#8c8c7f; text-decoration:underline;}


/*////////////////////////////////////////// MODULES ////////////////////////////////////////////////////////////*/