/* @override http://coschdesign.de/cosch.css */

/* CSS Document */
body {
	/*font-family: Arial, Helvetica, sans-serif;*/
	margin:15px;
	background:#495A67 url(pics/sideback4bl.png) repeat-x top left;
	color:#624C5D;
	font: small Arial, Helvetica, Geneva, sans-serif;
	line-height: 19px;
}
* html body {
	font-size: x-small; /*f�r IE5/Win */
	F\ont-size: small;  /*f�r andere IE Versionen */
}
a:link, a, a:active {
	color:#464C5D;
	text-decoration:none;
}
#projektdetail-back div.projekte-text h2 a {
}
a:hover {
	color:#35B139;
	text-decoration:underline;
}
h1 {
	font-size:115%;
	/*color:#747E97;*/
color:#60B626;
	font-weight:bold;
	margin-top: 2.5em;
}

h2 {
	font-size:110%;
}

h3 {
	font-size:100%;
	font-weight:bold;
	margin:0;/*color:#747E97;*/
}

.h1head {
	margin: 0;
	padding: 0;
}

#inhalt li {
	list-style-type: square;
}
.note {
	font-size:85%;
	color:#666666;
}
/*.fliestext {
padding-right: 50px;
color:#464C5D;
}*/

#inhalt h3, #inhalt p, #inhalt li, #inhalt h2 {
	/*padding-right: 50px;*/ /*Muss hier raus da es sich sonst immer auf die untergleiderte Cotainer und deren  p vererbt! */
color:#464C5D;
}
p {
	margin-top:0.6em;
	margin-bottom:1.2em;
	padding-right:50px;
} /*muss hier allgemein rein sonst vererbt sich das padding in die container weiter! */
ul li {
	font-size: 0.87em;
}
#nav {
	float:left;
	width: auto;
	margin: 5px 0 5px 0;
	padding: 0 0 0 305px;
	list-style: none;/*background:#104457 url(pics/back2.jpg) repeat-x bottom left;*/	
}
#nav a:hover, #nav #kontakt a:hover, body#intro #home a, body#profilseite #profil a, body#leistungenseite #leistungen a, body#projekteseite #projekte a, body#kontaktseite #kontakt a, body#standortseite #kontakt a {
	color: #ffffff; /*greeeen*//*padding: 3px 3px;*/
/*	border-color:#CCCCCC;*/
	/*background:#fff url(pics/back2.jpg) repeat-x top left;*/
	
}
#nav li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 100%;
	color:#FFFFFF;
}
#nav a {
	float:left;
	display: block;
	margin: 0;
	padding: 0 20px 5px 15px;
	color: #2D303D;
	text-decoration:none;
	background-attachment: fixed;
	/*	border: 1px solid #ffccff;
	border-bottom:none;*/
	background: url(pics/backslash.gif) no-repeat center right;
	text-shadow: #535b6d 2px 2px 2px;
	font: bold small "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#nav #kontakt a {
	float:left;
	display: block;
	margin: 0;
	padding: 0 20px 5px 15px;
	color: #2D303D;
	text-decoration:none;
	background-attachment: fixed;/*background: url(pics/backslash2.gif) no-repeat top right ;*/
}
/* Navigation linke Seite */

#navseitencontainer {
	width: 265px;
	margin:5em 0 0 25px;
}
#navseitencontainer ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
}
#navseitencontainer li {
	margin: 0px;
	padding: 0px;
	line-height: 1.8em;
}
#navseitencontainer ul li a {
	display: block;
	width: 180px;
	padding-left: 20px;
	/*background-color: #291268;*/
font-size: 110%;
}
#navseitencontainer ul li a:link, #navseitencontainer ul li a:visited {
	color: #333333;
	text-decoration: none;
	background-image: url(pics/bullet_a.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
}
#navseitencontainer ul li a:hover {
	/*background-color: #3E228B;*/
color: #60b626;
	background-image: url(pics/bullet_s.gif);
}
#navseitencontainer ul ul li a {
	display: block;
	padding-left: 40px;
	width: 160px;
	/*background-color: #6565AB;*/
font-size: 100%;
}
#navseitencontainer ul ul li a:link, #navseitencontainer ul ul li a:visited {
	color: #000;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
#navseitencontainer ul ul li a:hover {
	/*background-color: #7575C1;*/
color: #60b626;
	background-image: url(pics/subbullet_a.gif);
}
/* selected states */
#navseitencontainer ul li a#current {
	font-weight: bold;
	color: #60b626;
	background-repeat: no-repeat;
	background-position: 0 5px;
	background-image: url(pics/bullet_s.gif);/*background-color: #3E228B;*/
}
#navseitencontainer ul ul li a#subcurrent {
	font-weight: bold;
	color: #ffffff;
	background-color: #7575C1;
}
/*Navigation linke Seite OFF */


#wrap {
	width:900px;
	margin: 0 auto 0 auto;
	/*	background-color:#D1D6DE;*/
		/*background:#DFE4ED url(pics/hintergrund_content.jpg) repeat-x bottom left;*/
		background:#DFE4ED url(pics/hintergrund_content.png) repeat-x bottom left;
	border: 1px solid #22292f;
}
.headref {
	cursor:pointer;
}
/*#head {
	width:900px;
	height:80px;
	background:#ffffff url(pics/back_header.gif) repeat-x top left;
	}
*/

	#head {
	width:900px;
	height:80px;
}
#head img {
	border:0;
	margin:0;
	padding:0;
	display:block;
}
#head img a {
	cursor:pointer;
}
#imagepositiv {
	width:900px;
	height:220px;
	/*background:#cecece url(pics/weihnachten2008.jpg) repeat-x top left;*/
	background:#cecece url(pics/imagehead_start_positiv.jpg) repeat-x top left;
	}
#image {
	width:900px;
	height:220px;
	background:#cecece url(pics/image_start.jpg) repeat-x top left;/*background:#cecece url(pics/image_start_1var.jpg) repeat-x top left;*/
	}
#image2 {
	width:900px;
	height:220px;
	background:#cecece url(pics/imagehead_2.jpg) repeat-x top left;
}
#image3 {
	width:900px;
	height:220px;
	background:#cecece url(pics/imagehead_leistungen2.jpg) repeat-x top left;
}
#image4 {
	width:900px;
	height:220px;
	background:#cecece url(pics/imagehead_kontakt.jpg) repeat-x top left;
}
#image5 {
	width:900px;
	height:220px;
	background:#cecece url(pics/projekte_01.jpg) repeat-x top left;
}
#imagestandort {
	width:900px;
	height:220px;
	background:#cecece url(pics/kaiserhaus/standort_head.jpg) repeat-x left top;
}
#navi {
	width:900px;
	/*background-color: #58e02f;*/
	border-top: 1px solid #596D7C;
	height: 25px;
	background:#747E97 url(pics/topmenu_back.png) repeat-x top left;
}
#inhalt {
	float:left;
	width:580px;/*background:#D1D6DE;*/
}
#wrap-inhalt div {
}
#seitenleiste {
	float:left;
	width:300px;
	/*background:#D1D6DE;*/
	margin-right:20px;
}
#footer {
	clear:both;
	background:#ffffff;
	width:900px;
}
#footer p {
	margin:0;
	padding:10px;
	text-align:center;
	font-size:85%;
}
/* tabelle kugelsicher */

.kontaktformular { /*background: #919191;*/
	width:550px;
} /*schatten */
table {
	position: relative;
	/*	top: -4px;
	left: -4px;*/
	width:100%;
	border-top: none;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	background:#DFE4ED url(pics/projekte_back.jpg) repeat-x top left;/*background: #EFF3FF;*/
}
table caption {
	margin:0;
	padding: 20px 30px 20px 15px;
	text-align:left;
	border-bottom: none;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #999999;
	border-bottom: none;
	background: #DFE4ED;
	background-image: url(pics/projekte_back.jpg);
}
table th, table td {
	margin:0;
	padding: 3px 30px 3px 15px;
	text-align: left;
	/*border-bottom: 1px solid #EFF3FF;*/
	color:#333;
}
table tr {
/*background-color: #EFF3FF;*/
}
table tr.alt {
	background-color: #60B626;
}
/*Formularelemente */

.kontaktformular input {
	padding:3px 3px 3px 3px;
	font-size:100%;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	background-color:#CED2DA;
	cursor:help;
	color:#000000;
}
/* Styles f�r Projekte */

/* a.link:link, a.link:active, a.link:visited 
{
	display: block;
	padding: 0 0 5px 30px;
	margin: 0;
	color: #747E97;
	background-image: url(pics/linkb.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	font-weight:normal;
	text-decoration: none;
	width:80%;
}

 a.link:hover , a.link-set
{
	display: block;
	padding: 0 0 5px 30px;
	margin: 0;
	color: #60B626;
	background-image: url(pics/linka.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	text-decoration: none;

}*/

.projektdiv {
	float:left;
	width:500px;
	padding: 10px 10px 10px 10px;
	margin: 0 0 25px 0;
	border: 1px solid #BCC0C7;
}
.projektlinks {
	float:left;
	width:120px;
}
.projektlinks img {
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;/*margin-right:25px;*/
	}
.projektrechts {
	float:right;
	width:380px;
}
.projektrechts ul {
	margin-left:25px;
	padding:0;
}
.projektrechts ul li {
	margin: 0 0 0 0;
	padding:0 0 5px 0;
	list-style-type:square;
}
.projektrechts h1 {
	margin:0 0 10px 0;
	font-size:100%;
	color: #464C5D;
}
/* kann weg sp�ter*/

.projektdiv h1 {
	margin:0 0 10px 10px;
	font-size:100%;
	color: #464C5D;
}
.projektrechts p {
	padding-right:0;
	margin:0 0 10px 10px;
	font-size:100%;
	color: #464C5D;
}
.projektdiv a:link, .projektdiv a:active, .projektdiv a:visited {
	font-size: 100%;
	display: block;
	padding: 0 0 5px 30px;
	margin: 0;
	color: #747E97;
	background-image: url(pics/linkb.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	font-weight:normal;
	text-decoration: none;
}
.projektdiv a:hover, .projektdiv a.set {
	display: block;
	padding: 0 0 5px 30px;
	margin: 0;
	color: #60B626;
	background-image: url(pics/linka.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	text-decoration: none;
}
/*   neue Projektliste (Projekt Startseite) -------------------------------------------------------------------------------*/


/*
#projekte-back {
	width:850px;
	margin: 0 auto 0 auto;
	background-color:#0000000;!important
	
}*/

#wrap-projekte {
	width:900px;
	margin: 0 auto 0 auto;
	background-color:#DFE4ED;
}
.projekte-back {
	width:840px;
	padding:0;
	margin: 0 0 0 35px;
}
.projektdiv-list {
	width: 249px;
	height: 249px;
	padding:13px 13px 13px 13px;
	background-color: #4a616b;
	/*background:#384950 url(pics/projekte/back_01.jpg) repeat-x top left;*/
border: 1px inset #dfe4ed;
	float: left;
}
.projektdiv-list:hover {
	background-color: #3E5158;
	border: 1px inset #dfe4ed;
}
.projektdiv-list img {
	border: 1px solid #35424e;
}
.projektdiv-list h1 {
	font-variant: normal;
	font-size: 0.85em;
	color:#fff;
	margin:10px 0 0 0;
}
.projektdiv-list p {
	font-size:0.8em;
	margin: 5px 0 0 0;
	color:#fff;
}
.projektdiv-list a:active, .projektdiv-list a:link, .projektdiv-list a:visited, .projektdiv-list a:hover {
	font-size:1em;
	margin: 0;
	color:#fff;
}
/* projekte detailseite -- --- -- -- -- -- - */

#projektdetail-back {
	background-color: #4a616b; /*wird nichtangezigt*/
	margin: 50px auto 0 auto;
	padding:15px;
	width:800px;
	height:auto;
}
.projekte-seitenleiste {
	width:550px;
	float:left;
}
.projekte-text {
	width:250px;
	float:left;
	color: #eef3fd;
}
.projekte-text h1 {
	margin:0;
	text-shadow: #3c3c3c 2px 2px 1px;
}
.projekte-text p {
	padding-right:0;
	margin-top: 15px;
	line-height: 1.3em;
	font-size: 85%;
}
.projektdivdetail-list {
	float:left;
	width:250px;
	height:200px;
	background-color: #4a616b;
	padding: 5px;
}
.projektdivdetail-list img {
	border: 1px solid #34414d;
}
.projektdivdetail-list a:active, .projektdivdetail-list a:link, .projektdivdetail-list a:visited, .projektdivdetail-list a:hover {
	font-size:1em;
	margin: 5px 0 0 0px;
	color:#fff;
}
.clear {
	clear:left;
}
#projektdetail-back div.projekte-text p a {
	background: url(pics/pfeilback.jpg) no-repeat 0 3px;
	display: block;
	text-shadow: #3c3c3c 3px 3px 0;
	opacity: 1;
	color: #60b626;
	margin-left: 0;
	padding-left: 40px;
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 1.0em;
	line-height: 100%;
}
#projektdetail-back div.projekte-text ul li {
	list-style-type: none;
	text-shadow: #000000 0 0 0;
	margin-top: 0;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0;
	margin-left: 0;
	line-height: 1.5em;
	font-size: 0.87em;
	background: url(pics/bullet_list.gif) no-repeat 0 5px;
	padding-left: 20px;
}
#projektdetail-back div.projekte-text ul {
	margin-left: 0;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
}
#projektdetail-back div.projekte-text p a:hover {
	text-decoration: none;
	background-image: url(pics/pfeilback_f2.jpg);
	color: #fff;
}
/* neue Liste auf im Context bereich ---  - - - -- - -*/

#inhalt ul li {
	list-style-type: none;
	text-shadow: #000000 0 0 0;
	margin-top: 0;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0;
	margin-left: 0;
	line-height: 1.5em;
	font-size: 0.87em;
	background: url(pics/bullet_list.gif) no-repeat 0 5px;
	padding-left: 20px;
}
#inhalt ul {
	margin-left: 0;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
}
/* Var für Startseite ausschliesslich */

#inhalt ul.start li {
	list-style-type: none;
	text-shadow: #000000 0 0 0;
	margin-top: 0;
	margin-bottom: 15px;
	padding-top: 0;
	padding-bottom: 0;
	margin-left: 0;
	line-height: 1.5em;
	font-size: 1em;
	background: url(pics/listlinkitem_f2.gif) no-repeat 0 3px;
	padding-left: 40px;
}
#inhalt ul.start {
	margin-left: 0;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
}
#inhalt h1.interesse {
	display: block;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	width: 270px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#inhalt h1.interesse a:hover {
	color: #60b626;
	text-decoration: none;
	background-image: url(pics/linka.gif);
}
#inhalt h1.interesse a {
	display: block;
	font-size: 96%;
	margin: 0;
	background: url(pics/linkb.gif) no-repeat 2px 5px;
	padding: 0px 0 3px 33px;
}
#inhalt p img.rahmen {
	border: 7px solid #516370;
	margin-top: 15px;
}
#inhalt p img.xing {
	border: 0;
	margin-top: 10px;
}
/* ---------------------------------------------- Projekt Detail --------------*/


#projektdetail-back div.projekte-text h2 a {
	color: white;
	display: block;
	margin: 0;
	background: url(pics/linkb.gif) no-repeat 2px 5px;
	padding: 3px 0 3px 33px;
	font-size: 80%;
	font-weight: normal;
	font-style: normal;
}
#projektdetail-back div.projekte-text h2 a:hover {
	color: #60b626;
	text-decoration: none;
	background-image: url(pics/linka.gif);
}
.w3c {
	text-align: center;
	margin: 20px auto 10px;
}
.w3c img {
	border: 0;
	border-width: 0;
}


.beratungstermin {
	padding: 20px;
	width: 500px;
	background-color: #d3dae6;
	border: 1px dotted #747e97;
	margin-top: 20px;
	margin-bottom: 20px;
	
}

.beratungstermin h1 {
	margin: 0 0 10px;
	padding: 0;
	text-shadow: rgba(166,166,166,0.16) 2px 2px 1px;
}

#inhalt .beratungstermin p{
	margin: 0;
	padding: 0;
	text-shadow: rgba(100,100,100,0.46) 2px 2px 2px;
}

.beratungstermin .fon {
	font-weight: bold;
	letter-spacing: 0.10em;
}