/*Grundlegendes*/
* {
	margin:0;
	padding:0;
}

html{
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	color:#212c5a;

}

body {
	background-color: white;
	bottom:0px;

}

/*Seitenaufbau*/
#seitegesamt {
	width:956px;
	margin: 20px auto 0 auto;
	position: relative;
	/*height:100%;*/
	background-image: url(/images/relaunch/hintergrund_kachel.jpg);
}

#head {
	width: 801px;
	height: 197px;
	float:right;
	position:relative;
	background: url(/images/relaunch/header.jpg) no-repeat right top;
}

#head_animation {
	width: 670px;
	height: 160px;
	position:absolute;
	left: 3px;
	top: 5px;
	background-image:url(../../images/relaunch/header_animation.png);
}


#error {
	display:block;
	width:130px;
	height:30px;
	margin-bottom: 5px;
}
#kontakt_start {
	width: 130px;
	height: 200px;
	padding: 5px;
	float:left;
	margin: 0px auto 10px 9px;
	background-color:#FFFFFF;
	font-size: 9px;
	position:relative;
}
#kontakt_start input {
	border: 1px solid #d6d5d5;
	width: 124px;
	margin: 3px 0px 0px 0px;
	padding: 2px;
	font-size: 11px;
	color: #212c5a;
}
#kontakt_start .button {
	border: 0px;
	width: 50px;
	position:absolute;
	left: 85px;
	margin: 2px 0px 0px 0px;
	padding: 2px;
	font-size: 11px;
	background-color:#FFFFFF;
	color: #212c5a;
}
#kontakt_start .button:hover {
	border: 0px;
	width: 50px;
	position:absolute;
	left: 85px;
	margin: 2px 0px 0px 0px;
	padding: 2px;
	font-size: 11px;
	background-color:#FFFFFF;
	color: #c7642e;
	cursor:pointer;
}
#adresse_start {
	width: 136px;
	height: 120px;
	padding: 5px 0px 5px 5px;
	background-color:#FFFFFF;
	float: left;
	margin: 0px 0px 0px 9px;
	font-size: 9px;
	white-space:nowrap;
	position:relative;
}
#adresse_start #mehr_details a {
	position:absolute;
	color: #c7642e;
	font-size: 8px;
	top: 7px;
	right: 5px;
}
#adresse_start a {color: #c7642e;}

#navi {
	float:left;
	width: 155px;
	background: url(/images/relaunch/header.jpg) no-repeat left top; 
	padding: 20px 0 0 0;
}
	
#navi_container  {
	float:left;
	margin: 0px 0px 20px 9px;
	font-size:11px;
	min-height: 150px;
}

#navi_container a, #startseite {
	display:block;
	width: 125px;
	height:13px;
	font-weight: normal;
	border-bottom: 1px dotted #212c5a;
	font-size:11px;
	margin: 0 0 2px 0;
	padding-left: 15px;
	text-decoration:none;
}

#startseite { 
	display:block;
	width: 125px;
	height:13px;
	font-weight: normal;
	border-bottom: 1px solid #212c5a;
	font-size:11px;
	margin: 0 0 2px 0;
	padding-left: 15px;
	text-decoration:none;
	background: url(../../images/relaunch/icon_home.jpg) no-repeat left 1px;
}

#navi_container a:hover {
	border-bottom: 1px dotted #c7642e;
	color: #c7642e;
	background: url(../../images/relaunch/viereck_navi_aktiv.gif) no-repeat left 1px;
}

#navi_container a.aktiv {

	border-bottom: 1px solid #c7642e;
	color: #c7642e;
	background: url(../../images/relaunch/viereck_navi_aktiv.gif) no-repeat left 1px;

}

#navi_container #startseite:hover {
	color: #212c5a;
	border-bottom: 1px dotted #212c5a;
	background: url(../../images/relaunch/icon_home.jpg) no-repeat left 1px;

}


/*
#navi a:link,#navi a:active, #navi a:visited {
	color:#212c5a;
border-left:solid 1px white;
	border-right:solid 1px white;
	text-decoration:none;
	font-size:10px;
	font-weight:normal;
	padding:0px 5px 5px 0px;
	margin-right:1.0em;
}

#navi .aktiv:link, #navi .aktiv:active, #navi .aktiv:visited{
	color:#212c5a;
	border-left:solid 1px #212c5a;
	border-right:solid 1px #212c5a;
	text-decoration:none;
	font-size:10px;
	font-weight:normal;
	padding:0px 5px 5px 0px;
	margin-right:1.0em;
}

#navi a:hover {
	color:#c7642e;
	text-decoration:none;
	position:relative;
	border-left: solid 1px #212c5a;
	border-right: solid 1px #212c5a;
	border-bottom:none;
	border-top:none;
	padding:0px 5px 5px 0px;
}*/

#subnavi {
	margin-bottom: 5px;


}

#subnavi a {
	position:relative;
	left:10px;
	display:block;
	width: 115px;
	height:13px;
	font-weight: normal;
	border-bottom: 0px dotted #212c5a;
	font-size:11px;
	margin: 0 0 2px 0;
	padding-left: 15px;
	text-decoration:none;
}
#subnavi a:hover {
	border-bottom: 0px dotted #c7642e;
	color: #c7642e;
	background: url(../../images/relaunch/viereck_navi_aktiv.gif) no-repeat left 1px;
}

#subnavi a.aktiv {

	border-bottom: 0px solid #c7642e;
	color: #c7642e;
	background: url(../../images/relaunch/viereck_navi_aktiv.gif) no-repeat left 1px;

}

#logo {
	float:right;
	width: 155px;
	min-height: 350px;
	margin-right:3px;
}
#logo2 {
	position: absolute;
	width:102px;
	height: 230px;
	right:30px;
	top: -10px;
	background: url(/images/relaunch/logo.jpg) no-repeat;
}
#logo a{
	position:absolute;
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
	bottom:5px;
	margin:0 0 0 -10px;
}

#footer {
	height: 30px;
	width: 956px;
	background-image:url(/images/relaunch/footer.jpg);
	position:absolute;
	bottom: 0;
}


#footer a {
	font-family:inherit;
	font-size:9px;
	padding-left: 15px;
	padding-top:5px;
	line-height: 25px;
	text-decoration:none;
	font-weight:bold;
}


#mitte {
	float:left;
	overflow: auto;
	padding: 0 30px 10px 50px;
	margin: 0px auto 0px 5px;
	width:515px;
	/*background-color:#99FFCC;*/
	min-height: 355px;
	position:relative;
	top: -40px;

}


#mitte div h2 a {
	font-size:9px;
}

#links {
	position:absolute;
	right:-2px;
	top:165px;
	width:150px;
}
.bild_links {
	float:left;
	width: 155px;
	height: 100px;
	position: relative;
	right: 12px;
	margin-bottom: 3px;
	font-size:11px;
}
.bild_links:hover {

	background-image:url(/images/relaunch/links_hover.png);


}

.links_a {
	display:block;
	width: 148px;
	height: 38px;
	color: white;
	position:absolute;
	z-index:100;
	left: 13px;
	top: 3px;
	text-align:center;
	padding-top:56px;
	/*border: 1px solid red;*/

}
.links_a:hover {
	text-decoration:underline;
	z-index:100;
	
}


.themen_ueberschriften {
	padding:3px;
	margin-bottom:2px;
	background-color:#FFFFFF;
	color:#c7642e;
	text-decoration:none;
	font-variant:small-caps;
	font-size:12px;
	font-weight:bold;
	width:150px;
	border:#212c5a 1px solid;
	text-align:center;
	float:left;
}

#colt {
	
	width:314px;
	height:314px;
	background-image:url(../../images/kernkompetenzen3.jpg);
	background-repeat:no-repeat;
	text-align:left;
	z-index:10;
}


#colt:hover #bild{
	display:none;
}

.scot {
	width:100px;
	height:100px;
	background-color:#F2F2F2;
	border:2px solid #788599;
	color:#c7642e;
	float:left;
	margin:0 5px 10px 5px;
	padding:15px 5px 0px 5px;
	
}

.scot_details li {
	margin-left:130px;
	padding-left:0;
	margin-bottom:0.5em
}

.scot_details a {
	margin-left:20px;
	
}
.scot h3 {
	color:#FFFFFF;
	margin-bottom:0.5em;
	text-align:center;
}

.scot p {
	text-align:center;
	font-size:40px;
	color:#212c5a;
	font-weight:bold;
	margin:0;
	padding:0
}
.kernkompetenzen {
	width:135px;
	height:130px;
	float:left;
	padding:25px 0 0 20px;
	text-align:left;
	}



/*Tags*/
p {
	padding:0 0 0.8em 0;
}

.tdm p {
	padding:0 0 0 0;
}

h1 {
	font-family:inherit;
	color: #212c5a;
	font-size:1.3em;
	padding:0 0 1em 0;
}

h2 {
	font-family:inherit;
	color: #c7642e;
	font-size:1em;
	padding-bottom:0.5em;
}

.tdm h2 {
	padding: 0.5em 0 0.5em 0;
	}
	
h3 {
	font-family:inherit;
	color: #c7642e;
	font-size:1em;
}

h4 {
	font-family:inherit;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	}

a {
	color:#212c5a;
	text-decoration:underline;
	font-weight:bold;
}

a:hover {
	text-decoration:none;
}

a img {
	border:none;
	}
b {
	font-weight:bold;
	color: #c7642e;
}

i {
	font-weight:bold;
	color:#212c5a;
	font-style:normal;
}

em {
	font-family:inherit;
	font-weight:bold;
	color: #c7642e;
	font-style:normal;
	font-size:1em;
}

ul {
	padding: 0 0 0.6em 0;
	margin-left:2em;
}

ol {
	padding: 0 0 1em 0;
	margin-left: 2em;
	}

li {
	list-style-position:outside;
	margin: 0 0 0 1em;
}

ol li {
	padding: 0 0 0.5em 0;
}

dd {
	font-size:11px;
}

table {
	margin:0 0 1em 0;
}

thead {
	background-color:#e7e3de;
	}

caption {
	padding:0 0 0.4em 0;
	}
	
td, th {
	padding: 2px 2px 2px 2px;
	}

.preise tr:hover {
	background-color:#e7e3de;
}

caption {
	font-family:inherit;
	font-weight:bold;
	color: #c7642e;
	font-style:normal;
	font-size:1em;
}

form {
	width:500px;
	display:block;
}

form label {
	margin:3px 0px 0px 0px;
	width:150px;
	float:left;
	display:block;
}

form radio {
	background:#006633;
	margin-top:3px;
}

form p {
	clear:left;
	padding:0 0 0.3em 0;
}

input.submit{
	margin:0.8em 0 0 0;
}

/*IDs*/
/*Klassen*/
.mail {
	color:#c7642e;
	text-decoration:underline;
	font-size:11px;
	}
	
.mail:hover {
	text-decoration:none;
}

.workshop_details {
	padding:0 0 0.5em 62px; 
	margin:5px 0 0 0;
	color:#666666;
}

.tdm {
	background-color:#e7e7e7;
	border:1px solid #788599;
	margin:0 10px 10px 0;	
	padding: 2px 2px 2px 2px;
	width:495px;
}

dl.kundenlogos {
	width:100px;
	height:130px;
	float:left;
	margin:1px;
	padding:3px 0 0 0;
	text-align:center;
	background-color:#e7e3de;
}

dl.kundenlogos a {
	text-decoration:none;
	font-weight:normal;
	font-style:italic;
	font-size:10px;
}


dl.kundenlogos dt {
	height:70px;
	background-color:#FFFFFF;
	margin:2px;
}

dl.presse {
	margin:10px 40px 10px 40px;
	padding:3px 0 0 0;
	text-align:center;
	background-color:#e7e3de;
}

.referenzschreiben {
	width:200px;
	float:left;
	margin:10px;
	}

.referenz {
	position:relative;
	border-right: 2px dashed #e7e3de;
	border-bottom:2px dashed #e7e3de;
	min-height:100px;
	margin:0 12px 20px 0;
	width:235px;
	float:left;
	font-size:11px;
}


.referenz blockquote {
font-family:inherit;
color:#c7642e;
font-weight:bold;
bottom:0px;
}
.referenz img {
margin-right:5px;
float:left;
}

.referenz object, .referenz embed  {
	position:absolute;
	bottom:1px;
	right:1px;
}
.thumb{
	float:left;
}
.thumb img{
	border:1px solid black;
	margin:0px 25px 25px 0px;
}
.clear{
	clear:left;
}