﻿/*******************************************/
/*************** Seitenlayout
/*******************************************/

/*************************** Basics */
body {
	background:#fff url(../images/bg.gif) 0 0 repeat;
	text-align:center;
}

.wrapper {
	margin:0 auto;
}

#wrapperHeader {
	margin:0 auto;
    width:950px;
    text-align:left;
    position:relative;
    z-index:200;
}
#wrapperContent {
    margin:0 auto;
    width:950px;
    height:650px;
    text-align:left;
  	background:#fff url(../images/schatten.gif) 50% 50% no-repeat; /* L */
  	position:relative;
  	z-index:100;
}
#wrapperFooter {
	margin:0 auto;
    text-align:left;
	width:950px;
	z-index:300;
	font-size:11px;
}

/* Navigation */
.outer1 {
  	background:transparent; /* R */
}
/* Teaser */
.outer2 {
  	background:transparent; /* C */
}
.wrap-cl { /*float:left;*/ 
  	background-repeat:no-repeat;
  	background-position:0 0;
}

.left {
	/*float:left;*/
	line-height:115%;
	font-size:12px;
}
.center {
  	/*float:right;*/
  	line-height:125%;
}
.right {
  	/*float:right;*/
  	line-height:115%;
  	font-size:12px;
}

.footer-container {
	background:#fff;
}

.inright { position:absolute; width:150px; bottom:0; }

.content-spacer { background:#fff; opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=60);  position:absolute; left:237px; top:15px; z-index:169; width:675px; height:600px; }
#body1 .content-spacer { display:none; }


/*************************** Layout col3-layout */
/*.outer1 { margin-left:205px; }
.outer0 { margin-left:0; margin-right:-205px; }
.outer2 { margin-right:205px; }
.wrap-cl { width:745px; }
.left { width:168px; }
.center { width:540px; }
.right { width:180px; }*/

.wrap-cl { position:absolute; left:10px; top:10px; z-index:101; width:930px; height:630px; }
.left { position:absolute; left:0; top:0; z-index:170; }
.center { position:absolute; left:290px; top:60px; z-index:170; width:330px; height:555px; overflow:auto; overflow-x:hidden; padding-right:40px; }
*html .center { width:370px }
.right { position:absolute; left:755px; top:190px; z-index:130; width:150px; height:415px; }


/*************************** Layout col2-left */
#col2-left-layout .outer0 { margin-right:0; }
#col2-left-layout .outer2 { margin-right:0; }
#col2-left-layout .wrap-cl { float:left; width:950px; }
#col2-left-layout .center { width:745px; }


/*************************** Layout col2-right */
#col2-right-layout { }


/*************************** Layout col1 */
#col1-layout { }



/*******************************************/
/*************** Inhaltscontainer
/*******************************************/
.right h1 { margin:0 0 8px 0; font-size:13px; }

.right h1, .right h3 { background:url(../images/teaser-header-bg.png) 0 0 repeat-x; color:#fff; text-align:center; padding:8px 5px; margin:4px 0 0 0; font-weight:bold; line-height:12px; }
.right h1 a, .right h1 a, .right h1 a:hover, .right h3 a, .right h3 a:hover { color:#fff !important; }

.right #inhalt { background:#E4E9F2; padding:0 5px; }

.csc-frame-frame1 { margin-top:3px; color:#fff; background:url(../images/hintergrund-blau.png); padding:5px 10px; margin:10px 0; }
.csc-frame-frame1 * { color:#fff; }
.csc-frame-frame1 h3 { color:#fff; padding-top:5px; }


.internal-link-back { padding-right:25px; background:url(../images/back.png) 100% 2px no-repeat; }

.footer-container .csc-frame {
    margin:0 0 10px 9px;
    padding:10px;
    float:left;
    width:283px;
    border:0;
    background:transparent;
    color:#002C77;
}
.footer-container .csc-frame * { color:#002C77; }
.footer-container .csc-frame-frame1 {
    border:1px solid #D9DFEB;
    font-size:14px;
}
.footer-container .csc-frame-frame1 h2 {
    font-size:14px;
    background:#364987 url(../images/bkg-footer-headline.gif) 0 0 repeat-x;
    padding:3px 10px;
    font-weight:normal;
    color:#fff;
}

.footer-container .csc-frame-frame2 {
    border:1px solid #FAFAFA;
    background: #FAFAFA;
    font-size:12px;
}
.footer-container .csc-frame-frame2 h2 {
    font-size:14px;
    padding:0;
    line-height:130%;
}

/*******************************************/
/*************** Navigationen
/*******************************************/

/*************************** Hauptnavigation */
.hauptnav			{ background:url(../images/navigation.png) 0 100% no-repeat; position:absolute; left:11px; top:189px; height:430px; width:238px; }
.hauptnav div		{ }
.hauptnav ul		{ margin:0; padding:0; list-style:none; list-style-image:none; }
.hauptnav li		{ line-height:16px; padding:0; margin:0; }
.hauptnav a			{ line-height:16px; display:block; text-decoration:none; font-size:14px; }
.hauptnav a:hover	{ }

.hauptnav .menu-level1 { width:231px; position:absolute; bottom:3px; left:4px; z-index:185; background:url(../images/nav-divider.gif) 15px 0 no-repeat; }
.hauptnav .menu-level1 li { position:relative; z-index:186; float:left; width:231px; }
.hauptnav .menu-level1 a { color:#fff !important; background:transparent; padding:10px 0 11px 18px; position:relative; z-index:187; }
.hauptnav .menu-level1 a:hover,
.hauptnav .menu-level1-current-active a,
.hauptnav .menu-level1-active a,
.hauptnav .menu-level1-current-active a { background:url(../images/nav-hover.png) 0 0 no-repeat; }

.hauptnav .menu-level2 { display:none; padding-bottom:5px; background:url(../images/navigation-level2.png) 0 100% no-repeat; position:absolute; top:-55px; left:222px; z-index:184; }
.hauptnav .menu-level2 li { }
.hauptnav .menu-level2 a { overflow:hidden; color:#002C77 !important; padding:7px 0 7px 10px; width:212px; background:transparent; }
.hauptnav .menu-level2 a:hover,
.hauptnav .menu-level2-current-active a,
.hauptnav .menu-level2-active a,
.hauptnav .menu-level2-current-active a { color:#fff !important; background:#19335F url(../images/nav-2-hover.gif) 0 100% repeat-x; }

.hauptnav .active .menu-level2 { display:block; }

.hauptnav .menu-level3 { display:none; }


/*************************** Headernavigation */
#hNav		{ position:absolute; top:33px; left:30px; }
#hNav ul	{ padding:0; margin:0; list-style:none; list-style-image:none; }
#hNav li	{ display:inline; font-size:11px; line-height:11px; margin-right:3px; border-right:1px solid #002C77; }
#hNav a		{ margin-right:3px; }
#hNav a:hover, #hNav .active a { }

#hNav .pageUid_13 { border:0 !important; }


/*************************** Navigationspfad */
#breadcrumbs		{ position:absolute; top:33px; left:295px; z-index:100; font-size:11px; }
#breadcrumbs a		{ padding:0 3px; }
#breadcrumbs a:hover {}

#body1 #breadcrumbs { display:none; }


/*******************************************/
/*************** Start :(
/*******************************************/

/*************************** Logo */
#logo { position:absolute; top:45px; right:45px; z-index:300; }
#logo img {}

#slogan { position:absolute; top:175px; right:45px; z-index:300; display:none; }
#body1 #slogan { display:block; }


/*************************** Copyright */
#legality { clear:both; text-align:right; padding:0; margin:0; color:#666; font-size:9px; }


/*************************** Sprachwechsler */
#sprachwechsler { margin-left:15px; height:30px; }
#sprachwechsler form { padding-top:10px; }
#sprachwechsler img { padding-right:5px; }
#sprachwechsler select { background:#000 !important; color:#fff; }
#sprachwechsler option { background:#000 !important; }

/*******************************************/
/*************** END :)
/*******************************************/
