body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #616161;
	text-align: center;
	margin: 15px;
	padding: 0;
}

/******** Head ********/
.head {
	background-image: url(../img/bg/bg_head.gif);
	width: 900px;
	height: 89px;
	margin: 0 auto;
}

.headleft-logo {
	width: 300px;
	height: 89px;
	float: left;
}

.headright {
	width: 600px; 
	height: 89px; 
	float: left; 
	text-align: right;
}

#headright-menu {
	height: 70px;
	float: right;
	padding-right: 14px;
}

#headright-slogan {
	width: 600px;
	height: 19px;
	clear: both; 
	float: right;
}

/******** Mitte ********/
.middle {
	background-image: url(../img/bg/bg_container.gif);
	width: 900px;
	height: 423px;
	margin: 0 auto;
	text-align: left;
	font-size: 12px;
	color: #3c3c3c;
}

.content-container {
	width: 750px;
	height: 423px;
	float: right;
	overflow: auto;
	line-height: 20px;
	background: url(../img/bg/bg_textcontainer_grey.gif) repeat-y;
	overflow-x:hidden;
}

#content {
	padding: 0;
}

.content-container ul, #content-mitte ul {
	margin: 0px;
	padding: 0px;
	margin-bottom: 14px;
}

.content-container li, #content-mitte li  {
	margin-left: 14px;
	padding: 0px;
}
.content-container ul ul li, #content-mitte ul ul li {
	margin: 0px;
	padding: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
h1 {
	font-size: 14px;
	font-weight: bold;
	margin: 17px 0 11px 0;
	padding: 0;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 15px 0 10px 0;
	padding: 0;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.middle p {
	margin: 0;
	padding: 0 0 11px 0;
	font-size: 12px;
}

.middle a, 
.middle a:hover {
	font-weight: bold;
	color: #b31b34;
	text-decoration: none;
	font-style: italic;
}

.middle a:hover {
	text-decoration: underline;
}

/*** Textcontainer grau  oder weiss fuer Content allgemein ***/
.textcontainer-grey {
	width: auto;
	background-image: url(../img/bg/bg_textcontainer_grey.gif);
	background-repeat: repeat-y;
	border-top: 1px dotted #f3f3f3;
	margin: 0;
	padding: 0;
}

.textcontainer-white {
	width: auto;
	margin: 0;
	padding: 0;
}

#text {
	padding: 0 20px 0 20px;
	margin-top: 14px;
	line-height: 18px;
}



/******** Spalte links ********/
.leftmenu-col { 
	width: 150px; 
	height: 423px;
	float: left;
	/*overflow:hidden;*/
}

#leftmenu-logo-bottom {
	padding: 0;
	margin: 0;
	float: left;
	clear: both;
	text-align: center;
}

/******** Menu links ********/
.menu-container {
	width: 150px;
	height: 280px;
}

#leftmenu {
	width: 150px;
	padding: 0;
	margin: 13px 0 0 0;
	list-style: none;
	float: left;
	font-size: 12px;
}


#leftmenu .menu1 {
	line-height: 24px;
}
#leftmenu .menu1 a {
	display: block;
	padding-left: 20px;
	color: #616161;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}

#leftmenu .menu1-act a {
	background: url(../img/menu/bg_leftmenu.gif) left no-repeat;
	font-weight: bold;
}

#leftmenu .menu1-act a,
#leftmenu .menu1 a:hover {
	display: block;
	color: #b31b34;
	text-decoration: none;
}

#leftmenu .menu2 {
 	line-height: 14px;
	padding: 5px 0 4px 0;
	font-style: italic;
	font-size:11px;
}
#leftmenu .menu2 a {
	display: block;
	color: #616161;
	padding-left: 30px;
	text-decoration: none;
	font-weight: normal;
}
#leftmenu .menu2-act a,
#leftmenu .menu2 a:hover {
	color: #b31b34;
	text-decoration: none;
}

/******** Footer ********/
.footer {
	background: url(../img/bg/bg_footer.gif) no-repeat;
	width: 900px;
	height: 39px;
	margin: 0 auto;
}

#footerleft-menu {
	width: 822px;
	margin-top: 19px;
	float: left;
	text-align: right;
}

#language {
	width: 78px;
	margin-top: 16px;
	float: right;
}

/******** Home: links Bild, rechts Text ********/
.image-home {
	width: 300px;
	height: 423px;
	float: left;
	text-align: right;
	overflow:hidden;
}
.content-home-container {
	width: 600px;
	height: 423px;
	float: right;
	overflow: auto;
}

/******** Philosophie: oben Bild, unten Text ********/
#content-unten-philo {
	padding: 0 300px 0 20px;
	margin-top:14px;
	line-height: 18px;
}
.imagecontainer-philo {
	width: 749px; 
	 
	float: left;
}

.textcontainer-philo {
	width: 749px; 
	float: left; 
	clear: both; 
	background-color: #f3f3f3;
}


/****** Kompetenzen: links Text, rechts Bild ******/

.textcontainer-kompetenzen {
	width: 450px; 
	height: auto; 
	float: left; 
	background-color: #f3f3f3;

}

/****** Referenzen: links Text, rechts Bild, unten Copyright ******/

#leftmenu-logo-bottom div.csc-textpic-center{
	*text-align:left;
}
#leftmenu-logo-bottom div.csc-textpic-center div.csc-textpic-imagewrap{
	}
#leftmenu-logo-bottom div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image{
	*margin-left:auto;
}

.container-referenzen-copyright {
	width: 750px;
	height: 423px;
	float: right;
	overflow:auto;
}

.textcontainer-kompetenzen .textcontainer-grey{
	width:430px;
}
.content-container-referenzen {
	width: 750px;
	height: 402px;
	float: right;
	/*overflow: hidden;*/
	background-repeat: no-repeat;
	background-position: top right;
}
.textcontainer-scroller{
	background-image:url(../img/content/bg.gif);
	background-repeat:repeat-y;
	width: 749px; 
	height: 402px; 
	float: left;
	overflow:auto;
	background-color: #f3f3f3;
}
.textcontainer-scroller2{
	background-image:url(../img/content/bg.gif);
	background-repeat:repeat-y;
	height: 423px; 
	width: 749px; 
	float: left;
	overflow:auto;
}
.textcontainer-referenzen {
	margin-top:-14px;
	*margin-top:0px;
	padding-top:14px;
	width: 300px; 
	height:auto;
	background-color: #f3f3f3;
}
#content {
	padding: 0;
}
.content-footer {
	width: 750px;
	height: 21px;
	clear: both;
	background-image: url(../img/bg/bg_copyrightfooter.gif);
}

#copyright-navi {
	width: 300px;
	float: left;
	text-align: center;
	margin-top:4px;
	*margin-top:3px;
}

.textcontainer-kompetenzen #right_img{
	position:absolute;
	float:left;
	top: 105px;
	margin-left:430px;
}
#imageliste{
	background-color:#FFFFFF;
	width:418px;
	*width:438px;
	overflow:hidden;
}
.textcontainer-kompetenzen #right_img {
	width:290px;
	height:420px;
	background-color: #FFFFFF;
	padding-left:10px;
	overflow:hidden;
}
.textcontainer-referenzen #right_img {
	position:absolute;
	margin-left:300px;
	*margin-left:300px;
	top: 105px;
	background-color: #FFFFFF;
	height:401px;
	width:432px;
	overflow:hidden;
}

.textcontainer-kompetenzen #right_img #large_view,#button_view{
	margin-left:10px;
}
#large_view h1{
	position:absolute;
	font-size:15px;
	font-weight:bold;
	top:-15px;
}
.button, .button-act{
	float:left;
	margin-right:5px;
}
.button .titel_img_button{
	font-size:12px;
}
.button-act .titel_img_button{
	font-size:12px;
	color:#CC0000;
}
.csc-header{
clear:both
}

.csc-textpic{
max-width:700px;
}
.csc-textpic-intext-right-nowrap{
	margin-left:30px;
}
.csc-textpic-intext-right-nowrap .csc-textpic-text{
	width:375px;
}
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap{

	width:300px;
	height:423px;
	margin-top:-17px;
	margin-right:-19px;
	*margin-right:0px;
	*margin-top:-0px;
	overflow:hidden;
}
.image-home-start{

}

/***********************SITMAP*/

.content-container .sitemap {
	color:#3C3C3C;
	margin-left:30px;
	list-style-image:none;
	list-style-type:none;
}
.sitemap .sitemap_e1 {
	margin-bottom:5px;
	margin-top:5px;
	list-style-image:none;
	list-style-type:none;
}
.sitemap .sitemap_e2 {
	margin-bottom:5px;
	margin-top:0px;
	margin-left:15px;
	list-style-image:none;
	list-style-type:none;
}
.sitemap .sitemap_e3 {
	margin-bottom:0px;
	margin-top:0px;
	margin-left:15px;
	list-style-image:none;
	list-style-type:none;
}


li.sitemap-level1 {
	margin-top: 15px !important;
}

/**************************MAILFORM*****************/


#mailform fieldset{
border:none;
}
.csc-mailform label{
	text-align:left;
	margin-right:5px;
	float:left;
	clear:both;
	width:80px;
	margin-bottom:5px;
}

.csc-mailform input,.csc-mailform textarea, .csc-mailform select {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	border-color:#616161; 
	border-style:solid;
	border-width:1px;
	height:15px;
	margin-bottom:11px;
	width: 300px;
}
.csc-mailform textarea{
	border-color:#616161; 
	border-style:thin;
	border-width:1px;
	height:140px;
	margin-bottom:5px;
	width: 300px;
}
.csc-mailform-label p{
	margin-top:-30px;
	margin-left:216px;
}
#mailformformtype_mail{
	border: 1px solid #616161 !important;
	background: none;
	width: 150px;
	margin-left: 291px;
	*margin-left: 293px;
}

#mailformAnfrage {
	/*width: 327px;*/
	height: 150px;
}

#mailform {
	margin-left: 22px;
}
#mailformformtype_mail {
	width: 96px;
	height:20px;
}
.csc-mailform select {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #616161; 
	*height:15px;
	height: 18px;
	margin-bottom:11px;
	width: 302px;
	*width: 304px;
}
#banner{
  padding-top:0px;
  *padding-top:5px !important;
  overflow:hidden;
  margin:0 auto;
  width:900px;
}

/***** FORMULAR KUNDEN WEICHNACHTEN 2009 ****/

fieldset#kundenFormular {
	margin-top:-395px;
	*margin-top:-426px;
}
fieldset#kundenFormular textarea {
	height:70px !important;
}
fieldset#kundenFormular label {
	width:100px !important;
}
fieldset#kundenFormular #mailformformtype_mail {
	margin-left:289px !important;
	*margin-left:292px !important;
	width:96px !important;
}
.error {
	color:red;
}
div.csc-mailform-text {
	clear:both;
}
fieldset#kundenFormular input,
fieldset#kundenFormular textarea,
fieldset#kundenFormular select {
	width:278px;
}
fieldset#kundenFormular h1 {margin-top:0 !important;}