/*////////////////////////////////////////// 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 									{
	background-repeat: no-repeat;
	background-position: center top;
	margin:0px;
	padding:0px;
}
ul, ol									{}
ul li									{}
input, textarea							{}
input.submit							{}

a,
a:link,
a:active,
a:visited,
a:hover {color: #0054A5; text-decoration:none !important;}
a:hover {text-decoration:underline !important;}
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;}
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; }

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

/*// GENERAL BASE //*/
body, a.blockAnchor { color:#686868; }

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; }
input,textarea, select { width:95%; border:1px solid #b8cde2; }

table.form	{ width:100%;}
table.form	span.obligatory { color:#D3006E; }
table.form td.label {  padding-top:3px; }
table.form td.true { font-weight:bold; color:#006600; padding-bottom:10px;}
table.form tr.error td { }
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; padding-bottom: 5px; }
input.radio { cursor:pointer;}
input, 
textarea { width:95%;}
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;
}
blockquote { padding-left:0px; margin-left:30px;}



/*/// MAIN FRAME / GRUNDGERUEST ///*/ 
#wrapper{ display:block; position: relative; margin:auto; width:980px;}
#header { display:block; min-height:92px; width:980px; background:url('../images/headBG.jpg'); background-repeat: no-repeat; background-position: center top; background-color: #7fafd3;}
#header table.headerFrames { width:100%;}
#header table.headerFrames td.hfLeft { width:200px;}
#header table.headerFrames td.hfCenter { width:350px;}
#header table.headerFrames td.hfRight { width:auto; text-align:right; padding-right:10px;}
#header table.headerFrames td.hfRight div.hfRightTop { padding-bottom:3px; margin-top:5px; height:30px;}
#header table.headerFrames td.hfRight div.hfRightBottom {}
#header table.headerFrames td.hfRight,
#header table.headerFrames td.hfRight a {color:#ffffff; text-decoration:none; margin-left:5px;}
#header table.headerFrames td.hfRight a:hover {text-decoration:underline;}
#logo {display:block; position:relative; left:10px; width:154px; height:92px; }

div.content { min-height:350px;}
div.content table.content { width:100%;}
div.content table.content td.leftContent { width:auto;}
div.content table.content td.leftContent div.leftContentTop {}
div.content table.content td.leftContent div.leftContentTopBottom { padding-left:20px; padding-right:20px; padding-top:20px;}
div.content table.content td.rightContent { width:175px; padding-left:26px;}

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:33%; text-align:left; }
div.footer table.footer td.footerCenter { width:33%; text-align:left; padding-right:10px;}
div.footer table.footer td.footerRight { width:33%; text-align:right; padding-left:10px;}


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

/*/// NAVIGATION /// */

ul.navMain {
width:960px;
padding:0px;
margin:0px;
margin-left:11px;
height:32px;
}

ul.navMain li {
display:block;
float: left;
line-height: 32px; 
list-style-type: none;

}

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: 0px 11px 3px 10px;
text-decoration: none;
color: #FFFFFF;
position:relative;
top:-4px;
}

ul.navMain li.liActive {
background-color: #FFF;
color: #0054a6;
font-weight: bold;
}

ul.navMain li a:hover {
text-decoration:underline;
}

ul.navMain li.liActive a {
background-color:transparent;
color: #0054a6;
}
ul.navMain li.liActive a:hover {
background-color:transparent;
color: #0054a6;
}

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

/*// SubMenu //*/
ul.navSub {
font-size:10px;
height:28px;
width:960px;
margin-left:10px;
}

ul.navSub li {
display:block;
float: left;
line-height: 19px;
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: 0px 10px 3px 10px;
text-decoration: none;
position:relative;
top:-1px;
}

ul.navSub li.liActive {
font-weight: bold;
}

ul.navSub li a:hover {
text-decoration:underline;
}

/*// 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 ////////////////////////////////////////////////////////////*/