/*******************************************/
/*************** Seitenlayout
/*******************************************/

/*************************** Basics */
body {
	background:#333 url(../images/background.gif) 0 0 repeat-x;
	text-align:center;
	line-height:125%;
}

.wrapper {
	margin:0 auto;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	width:100%;
	height:100%;
}

#wrapperHeader {
    border-top:1px solid #ff0;
    margin:0;
    padding-left:3%;
    text-align:left;
    position:relative;
    z-index:100;
    min-height:160px;
}
#wrapperContent {
    margin:0 auto 0 3%;
    width:900px;
    text-align:left;
  	background:transparent; /* L */
  	position:relative;
  	z-index:10;
  	clear:both;
}
#wrapperFooter {
	margin:0;
	width:100%;
    text-align:left;
    position:fixed;
    bottom:0;
    z-index:10;
}

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

.top-container { }

.left {
	float:left;
}
.center {
  	float:right;
}
.right {
  	float:right;
}

.footer-container { }


/*************************** Layout col3-layout */
.outer1     { margin-left:240px; }
.outer0     { margin-left:-240px; margin-right:-240px; }
.outer2     { margin-right:240px; }
.wrap-cl    { width:660px; }
.left       { width:220px; }
.center     { width:420px; }
.right      { width:220px; }


/*************************** Layout col2-left */
#col2-left-layout .outer1   { margin-left:320px; }
#col2-left-layout .outer0   { margin-left:-320px; margin-right:0; }
#col2-left-layout .outer2   { margin-right:0; }
#col2-left-layout .wrap-cl  { width:900px; }
#col2-left-layout .left     { width:300px; }
#col2-left-layout .center   { width:580px; }


/*************************** Layout col2-right */
#col2-right-layout .outer1  { margin-left:0; }
#col2-right-layout .outer0  { margin-left:0; margin-right:-320px; }
#col2-right-layout .outer2  { margin-right:320px; }
#col2-right-layout .wrap-cl { width:580px; }
#col2-right-layout .center  { width:580px; }
#col2-right-layout .right   { width:300px; }


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


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

.csc-textpic-caption { font-size:.8em; color:#999; }

.csc-textpic img { padding-top:14px; }

h1 a { text-decoration:none; background:url(../images/arrow-right-black.png) 100% no-repeat; padding-right:20px; }
h1 a:hover { background-image:url(../images/arrow-right-yellow.png); }

.csc-default { clear:both; padding:15px; margin-bottom:15px; background:url(../images/transparenz.png); display:block; }
.csc-default:hover { background-color:#fff; }

.csc-frame { margin:0 0 0 0; background:url(../images/transparenz.png); }
.csc-frame:hover { background-color:#fff; }

.csc-frame-frame1 { padding:15px; max-height:300px; overflow:auto; }

.top-container .csc-default { padding:60px 0 0 80px; background:transparent; }
.top-container h1 { text-transform:uppercase; color:#fff; font-size:32px; padding:0; line-height:110%; border:0; text-shadow:#666 3px 3px 5px; }
.top-container h2 { text-shadow:#666 3px 3px 5px; color:#fff; font-size:22px; padding:0; line-height:110%; }
.top-container h2 a { color:#fff; text-decoration:none; background:url(../images/arrow-head.png) 100% no-repeat; padding-right:20px; }
.top-container h2 i { font-size:11px; }


.footer-container .csc-default { padding:0; margin:0; background:transparent; }


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


/*************************** KA-Panel */
.ka-panel .ka-handler { background:url(../images/arrow-right-black.png) 100% no-repeat; cursor:pointer; }
.ka-panel.hover .ka-handler,
.ka-panel.open .ka-handler { background-image:url(../images/arrow-down-black.png); }
.ka-panel.close .ka-handler { border:0; }


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

/*************************** Hauptnavigation */
.hauptnav			{ position:absolute; top:80px; left:70px; z-index:150; }
.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 { float:left; position:relative; }
.hauptnav .menu-level1 li { display:inline; }
.hauptnav .menu-level1 a { font-size:15px; float:left; color:#000; padding:20px 15px 8px 40px; margin-right:1px; background:url(../images/transparenz.png); }
.hauptnav .menu-level1 a:hover,
.hauptnav .menu-level1-current-active a,
.hauptnav .menu-level1-active a { color:#000 !important; background-color:#fff; }
.hauptnav .menu-level1 a:hover,
.hauptnav .menu-level1 li a.inpath { background:#ff0; }

.hauptnav .menu-level2  { padding:5px 0; position:absolute; left:0; top:44px; width:830px; height:auto; min-height:75px; background:#fff; border-bottom:5px solid #ff0; padding:10px 0 20px 0; display:none; }
.hauptnav .menu-level2 li { white-space:nowrap; float:left; margin:0 20px 0 30px; padding:2px 0; }
.hauptnav .menu-level2 a { font-size:13px; float:none; color:#999 !important; padding:0; margin:0; font-weight:bold; border-bottom:1px solid #666; background-color:transparent !important; }
.hauptnav .menu-level2 a:hover,
.hauptnav .menu-level2-current-active a,
.hauptnav .menu-level2-active a { color:#000 !important; }
.hauptnav .menu-level2-active a,
.hauptnav .menu-level2-current-active a { font-weight:bold; }

.hauptnav .menu-level1 li.active .menu-level2 { display:block; }

.hauptnav .menu-level3 { background:transparent; margin-top:10px; }
.hauptnav .menu-level3 li { float:none; display:block; margin:0; }
.hauptnav .menu-level3 a { float:none; color:#666 !important; font-weight:normal; background:transparent; padding:0; border:0; }
.hauptnav .menu-level3 a:hover,
.hauptnav .menu-level3-current-active a,
.hauptnav .menu-level3-active a { color:#000 !important; }

.hauptnav .menu-level3-current-active a,
.hauptnav .menu-level3-active a { padding-left:12px; background:url(../images/nav-icon.gif) 0 5px no-repeat !important; }

/*************************** Headernavigation */
#hNav		{ float:left; padding:5px 0 0 20px; }
#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; }
#hNav a		{ margin-right:3px; color:#000; padding:1px 3px; text-shadow:#fff 1px 1px 5px; }
#hNav a:hover,
#hNav .menu-level1-current-active a { background-color:#ff0; text-decoration:none; }


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


/*************************** 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 { padding-top:5px; float:left;  background:transparent; }
#logo a, #logo a:hover { padding:0;  background:transparent; }



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


.site-background,
.supergallery { position:fixed; top:0; left:0; z-index:0; width:100%; height:100%; overflow:hidden; text-align:left; }
.site-background img,
.supergallery img { width:auto; height:auto; min-height:100%; min-width:100%; }

#slideshow IMG { position:absolute; top:0; left:0; z-index:8; }
#slideshow IMG.active { z-index:10; }
#slideshow IMG.last-active { z-index:9; }

#superbgimage { display:none; }

.grid { position:fixed; top:0; left:0; width:100%; height:100%; z-index:2; background: url('../images/grid.png'); }



/*******************************************/
/*************** END :)
/*******************************************/