﻿/*******************************************/
/*************** Seitenlayout
/*******************************************/

/*************************** Extra Layouts */
#body1 { background-image:none; }
#body1 #wrapperContent { width:100%; }
#body1 .outer1   { margin-left:0; }
#body1 .outer0   { margin-left:0; margin-right:0; }
#body1 .outer2   { margin-right:0; background:transparent; }
#body1 .wrap-cl  { float:none; width:100%; }
#body1 .side-col { position:absolute; float:none; top:0; }
#body1 .left { width:100%; text-align:center; }
#body1 .inleft { width:860px; margin:0 auto; text-align:left; }
#body1 .center   { width:100%; font-size:11px; margin-top:30px; padding-bottom:20px; }
#body1 h1 { color:#b56924; text-transform:none; padding:2px 0 5px 0; }


/*************************** Basics */
body {
	background:#92541D url(../images/background.png) 0 0 repeat-x;
	text-align:center;
}

.wrapper {
	margin:0 auto;
}

#wrapperHeader {
    background:#fff;
}
#wrapperContent {
    margin:0 auto;
    padding-top:10px;
    width:860px;
    text-align:left;
  	background:transparent; /* L */
  	position:relative;
}
#wrapperFooter {
	border-top:1px solid #fff;
}

/* Navigation */
.outer1 {
  	background:transparent; /* R */
}
/* Teaser */
.outer2 {
  	background:#fff; /* C */
}
.wrap-cl {
    float:left;
    position: relative;
}

.center             { float:right; line-height:125%; padding-bottom:10px; }
.left               { float:left; }
.right              { float:right; }
.side-col           { line-height:115%; font-size:12px; }
.top-container      { margin:0 auto; width:860px; height:300px; text-align:left; position:relative; }
.footer-container   { margin:0 auto; width:860px; text-align:left; position:relative; padding-top:15px; }

/* Eleminiert Probleme mit der darstellung auf IE Browsern */



/*************************** Layout col3-layout */
.outer1     { margin-left:160px; }
.outer0     { margin-left:-160px; margin-right:-160px; }
.outer2     { margin-right:160px; }
.wrap-cl    { width:700px; }
.left       { width:150px; }
.center     { width:540px; }
.right      { width:150px; }


/*************************** 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:860px; }
#col2-left-layout .center   { width:700px; }


/*************************** Layout col2-right */
#col2-right-layout .outer1  { margin-left:0; }
#col2-right-layout .outer0  { margin-left:0; }
#col2-right-layout .wrap-cl { float:left; width:700px; }
#col2-right-layout .center  { width:700px; }


/*************************** Layout col1 */
#col1-layout .outer1    { margin-left:0; }
#col1-layout .outer0    { margin-left:0; margin-right:0; }
#col1-layout .outer2    { margin-right:0; background-color:transparent; }
#col1-layout .wrap-cl   { float:none; width:860px; }
#col1-layout .center    { width:860px; float:none; }


/*******************************************/
/*************** Inhaltscontainer
/*******************************************/
.csc-textpicHeader h2,
.csc-textpicHeader h3,
.csc-textpicHeader h4 { padding-top:0; }


.center .csc-default { margin:8px 20px 0 20px; }
.center .csc-frame { margin:8px 0 0 0; }
.center .csc-borderless .csc-default { margin:0 0 10px 0; }


.center .csc-frame-frame1,
.csc-black          { background:#000; color:#fff; margin:8px 20px 10px 20px; padding:0 8px; }
.csc-black          { margin:0; }
.center .csc-frame-frame1 a:hover,
.csc-black a:hover  { color:#fff !important; }


.side-col { color:#fff; }
.side-col h3 { color:#fff; }
.side-col a { color:#000; }
.side-col a:hover { color:#fff !important; }


.csc-textpic-caption { color:#666; }


.footer-container { font-size:12px; color:#fff; }
.footer-container ul { float:left; margin-right:20px; list-style-type:none; padding:0; }
.footer-container h3 { color:#fff; padding-top:0; }
.footer-container a { color:#fff; }

/*************************** Frames */
.center .csc-frame-indent3366,
.center .csc-left { float:left; clear:both; width:45%; margin-left:20px; }
.center .csc-frame-indent6633,
.center .csc-right { float:right; width:45%; margin-right:20px; }

.center .csc-left .csc-default,
.center .csc-right .csc-default { margin:0; }


.footer-container .csc-frame-indent3366 { float:left; width:270px; }
.footer-container .csc-frame-indent6633 { clear:right; float:right; width:545px; }


/*******************************************/
/*************** Navigationen
/*******************************************/

/*************************** Hauptnavigation */
.hauptnav			{ }
.hauptnav div		{ }
.hauptnav ul		{ margin:0; padding:0; list-style:none; list-style-image:none; }
.hauptnav li		{ padding:0; margin:0; }
.hauptnav a			{ display:block; text-decoration:none; }
.hauptnav a:hover	{ }

.hauptnav .menu-level1 { margin-top:5px; margin-bottom:80px; }
.hauptnav .menu-level1 li { }
.hauptnav .menu-level1 a { color:#fff !important; padding:4px 0; text-transform:uppercase; }
.hauptnav .menu-level1 a:hover,
.hauptnav .menu-level1-current-active a,
.hauptnav .menu-level1-active a { color:#000 !important; }

#body1 .hauptnav .menu-level1 { margin-top:0; margin-bottom:0; }
#body1 .hauptnav .menu-level1 li { float:left; font-size:14px; margin-right:20px; }
#body1 .hauptnav .menu-level1 li a { font-weight:bold; }


#hnav2                  { background:#fff; min-height:150px; margin-bottom:50px; }
.hauptnav .menu-level2  { padding:5px 0; }
.hauptnav .menu-level2 li { }
.hauptnav .menu-level2 a { color:#B56924 !important; padding:5px 5px 4px 10px; text-transform:uppercase; }
.hauptnav .menu-level2 a:hover,
.hauptnav .menu-level2-current-active a,
.hauptnav .menu-level2-active a { font-weight:bold; color:#B56924 !important; background:url(../images/nav-level2-button-active.gif) 0 6px no-repeat; }
.hauptnav .menu-level2 a:hover { font-weight:normal; }


.hauptnav .menu-level3 { background:transparent; margin-bottom:10px; }
.hauptnav .menu-level3 li { }
.hauptnav .menu-level3 a { color:#000 !important; font-weight:normal; background:transparent; padding:3px 5px 3px 20px; text-transform:none; }
.hauptnav .menu-level3 a:hover,
.hauptnav .menu-level3-current-active a,
.hauptnav .menu-level3-active a { color:#B56924 !important; background:transparent; }


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


/*************************** Footernavigation */
#fNav		{ float:right; }
#fNav ul	{ padding:0; margin:0; list-style:none; list-style-image:none; }
#fNav li	{ display:inline; font-size:11px; margin-right:8px; text-transform:uppercase; }
#fNav a		{ padding-right:8px; color:#fff; }
#fNav a:hover, #fNav .active a { }


/*************************** Standorte-Navigation */
#standorte		{ float:left;}
#standorte ul	{ padding:0; margin:0; list-style:none; list-style-image:none; }
#standorte li	{ display:inline; font-size:11px; line-height:11px; margin-right:8px; text-transform:uppercase; }
#standorte a	{ padding-right:8px; color:#B28660; border-right:1px solid #B28660; }
#standorte a:hover, #standorte .active a { }

#standorte .pageUid_21 a { border:0; }


/*************************** Navigationspfad */
#breadcrumbs		{ display:none; 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; bottom:16px; right:16px; } 



/*************************** Copyright */
#legality { display:none; clear:both; text-align:right; padding:0; margin:0; 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 :)
/*******************************************/