@charset "UTF-8";

/* ######################################################################################################
   ALLGEMEIN
   ######################################################################################################
*/

body {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight : normal;
    font-style : normal;
    text-align: center;

    padding-top : 0px;
    padding-bottom : 0px;
    padding-left : 0px;
    padding-right : 0px;

    line-height: 18px;

    margin-top : 0px;
    margin-bottom : 0px;
    margin-left : 0px;
    margin-right : 0px;

    background-image: url(../images/background-01.jpg);
    background-color: #FDF6EB;
    background-repeat: no-repeat;
}

img {
    border : 0;
}

.float-left {
	float: left;
}
.float-right {
	float: right;
}
.clear {
	clear: both;
}


ul {
    list-style-image : url(/fileadmin/images/bullet.gif);
/*
         list-style-position : inside;
*/

                padding-left : 20px;

/*
                 padding-top : 0px;
              padding-bottom : 0px;
               padding-right : 0px;
*/
/*

                  margin-top : 0px;
               margin-bottom : 8px;
                 margin-left : 0px;
                margin-right : 0px;
*/
}

li {
                      margin : 0px;
                     padding : 0px;
}



div#preload-wrapper {
 width: 865px;
 margin: 150px auto;
 text-align: left;
}
div#preload-snow {
position: absolute;
top: 125px;

}

div#preload-logo {
    background-color: #ffffff;
	height: 270px;
	padding-left: 50px;
	padding-top: 50px;
}
div#preload-text {
	width: 250px;
	position: relative;
	top: -70px;
	padding-left: 40px;
}

#preloadLogoLech {
    position: absolute;
    top: 486px;
    height: 43px;
    width: 100px;
}

#preloadLogoLech a {
    border: 0px;
    outline: none;
}

#preloadLogoLech img {
    border: 0px;
    outline: none;
}

#preloadSnowflake {
    background-image: url(/fileadmin/images/snowflake-vertikal.png);
    height: 564px;
    left: 200px;
    position: absolute;
    top: 0px;
    width: 37px;
}

div#preload-text-box1 {
	width: 130px;
	Float: right;
}
div#preload-text-box2 {
	width: 100px;
}


div#preload-footer {
	margin-top: 0px;
}

div#preload-footer p {
	margin: 0px;
}

div#overal-wrapper {
    background-color: #ffffff;
	width: 865px;
	margin: 50px auto;
	text-align: left;
	padding-bottom: 30px;
}

#header {
    margin-bottom: 0px;
	height: 280px;
	background-color: #ffffff;
}

#header-image {
	float: right;
	width: 683px;
	height: 280px;
	position: relative;
	overflow: hidden;
}

.headerImageItem {
    background-color: #ffffff;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 280px;
    width: 683px;
}


#header-logo {
	position: absolute;
	width: 193px;
	height: 249px;
	padding-left: 15px;
	padding-top: 15px;
	z-index: 5;
}

#header-logo-text {
	position: absolute;
	top: 210px;
	margin-left: 15px;
	width: 150px;
	height: 70px;
	z-index: 10;
}

#header-logo-text p,a {
	font-size: 9px;
	color: #666666;
}

#header-logo-text a:link {
	font-size: 9px;
	text-decoration: none;
	color: #666666;
}

#header-logo-text a:hover {
	 color: #664335;
}

#header-snow {
	position: absolute;
	height: 56px;
	width: 865px;
	z-index: 10;
    background-image: none;
    top: 290px;
}

#body {
}

#mainmenu {
	width: 165px;
	margin-left: 15px;
	padding-top: 40px;
}

.mainmenu-item {
	width: 165px;
	margin-bottom: 5px;
}

.mainmenu-item a {
	font-weight: bold;
	font-style: normal;
	text-decoration : none;
    color: #A59C96;
    font-size: 13px;
}

.mainmenu-item a:hover {
	color: #664335;
}

.mainmenu-item-active a {
	color: #664335;
}

.submenu {
	margin-left: 5px;
}

.submenu a {
	font-weight: normal;
}


#content {
	width: 475px;
	float: right;
	padding-right: 30px;
	padding-top: 40px;
}

.page-body-content-images {
	background-color: grey;
}

#page-body-sidebar-wrapper {
	width: 180px;
	float: right;
    background-image: url(../images/sidebarbg-01.png);
    background-repeat: no-repeat;
    padding-top: 40px;
}

#page-body-sidebar {
    border-top: 0px;
	width: 166px;
	padding: 7px;
}

.page-body-sidebar-sideitem {
	width: 167px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 15px;
	color: #664335;
	font-size: 9px;
}

.page-body-sidebar-sideitem-headline-text {
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	text-transform: uppercase;

    background-color: transparent;
    color: #664335 !important;
    font-size: 11px;
}

.page-body-sidebar-sideitem-headline {
	margin-bottom: 3px;
}

.page-body-sidebar-sideitem-text p,a {
	color: #664335;
	font-size: 9px;
	margin: 2px 0px;
}

/* sidebar dark */
.page-body-sidebar-dark {
	width: 166px;
	padding: 7px;
}

.page-body-sidebar-sideitem-dark {
	width: 167px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 15px;
	color: #664335;
	font-size: 9px;
}

.page-body-sidebar-sideitem-headline-text-dark {
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 3px;
}

.page-body-sidebar-sideitem-text-dark p {
	font-size: 9px;
	margin: 2px 0px;
}

.page-body-sidebar-sideitem-text-dark a {
	font-size: 9px;
	margin: 2px 0px;
}







#page-body-sidebar-member {
	width: 80px;
	text-align: center;
}

#page-body-sidebar-jobs {
	width: 80px;
	text-align: center;
}




/* ######################################################################################################
   LINKS
   ######################################################################################################
*/



#preload-text a{
	color: #664335;
	text-decoration: none;
	font-weight: bold;
}



.page-body-sidebar-sideitem a {
	font-size: 9px;
}




/* ######################################################################################################
   TABELLEN
   ######################################################################################################
*/

#container {
	margin-bottom: 20px;
}

div.treble-table {
	float: left;
	border-bottom: 1px solid #664335;
	background-image: url(/fileadmin/images/treble-table-bg.gif);
}

.treble-table p {
	font-variant: normal; 
	font-weight: bold; 
	font-size: 9px; 
	line-height: normal; 
	font-size-adjust: none; 
	font-stretch: normal;
	margin-bottom: 0px;
	margin-top: 0px;
}

.treble-table-left {
	padding: 5px;
	width: 223px;
	/* border-right: 1px solid #664335; */
	float: left;
}

.treble-table-center {
	width: 110px;
	padding: 5px;
	float: left;
	/* border-right: 1px solid #664335; */
}

.treble-table-center p {
	text-align: center;
}

.treble-table-right {
	width: 110px;
	padding: 5px;
	float: left;
}

.treble-table-right p {
	text-align: center;
}

div.treble-table-headline-text {
	height: 50px;
	text-align: center;
	font-size: 8px;
	font-weight: bold;
}
div.treble-table-headline {
	height: 35px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	padding-top: 15px;
	color : #664335;
}
div.treble-table-content-text {
	text-align: center;
	font-size: 9px;
	font-weight: bold;
	height: 21px;
	padding-top: 9px;
}
div.treble-table-content-headline {
	height: 30px;
	font-size: 9px;
	font-weight: bold;
}

.double-table {
	float: left;
	border-bottom: 1px solid #664335;
}

.double-table-left {
	float: left;
	width: 147px;
	border-right: 1px solid #664335;
	padding: 5px;
}

.double-table-left p {
	margin: 0px;
}

.double-table-right{
	float: left;
	width: 70px;
	padding: 5px;
}

.double-table-right p {
	margin: 0px;
}

.double-table-left-headline {
	height: 18px;
	padding-top: 5px;
	font-weight: bold;
}

.double-table-right-headline {
	height: 18px;
	padding-top: 5px;
	text-align: center;
	font-weight: bold;

}
div.double-table-left-content {
	
}
div.double-table-right-content {
	text-align: center;
}

/* ######################################################################################################
   Zweispalten Template
   ######################################################################################################
*/

.zweispalten-left {
	float: left;
	/* width: 216px; */
	width: 233px;
}

.zweispalten-right {
	float: left;
	/* width: 240px; */
	width: 232px;
	margin-left: 10px;
}

/* ######################################################################################################
   Zweispalten Template
   ######################################################################################################
*/

.zwiespalten-wrapper-mitarbeiter {
	margin-bottom: 10px;
}

.zweispalten-left-mitarbeiter {
	float: left;
	width: 155px;
}

.zweispalten-left-mitarbeiter .csc-textpic-imagewrap  {
	margin-top: 10px;
}

.zweispalten-right-mitarbeiter {
	float: left;
	width: 301px;
	margin-left: 10px;
}

/* ######################################################################################################
   Language Menu
   ######################################################################################################
*/

#language-menu {
	margin-left: 15px;
	margin-top: 60px;
	width: 165px;
}

.langmenu p {
	font-weight: normal;
	font-size: 9px;
	font-style: normal;
	line-height: 13px;
	text-decoration : none;
	color: #666666;
	display: block;
}

.langmenu a {
	font-weight: normal;
	font-size: 11px;
	font-style: normal;
	line-height: 15px;
	text-decoration : none;
	color: #666666;
	display: block;
}

.langmenu a:link {
}

.langmenu a:hover {
	color: #664335;
}


/* !gallery */
/* ---------------------------------------------------------------------- */



.myGallery {
    border: 1px solid #664335 !important;
}