body{
	margin:0;
	color:#2d2d2d;
	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:#fff url(../images/bg-body.gif) repeat-x;
	min-width: 916px;
}
img{border-style:none;}
a{
	color:#c52d3a;
}
a:hover{text-decoration:none;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
q{quotes: none;}
q:before{content:"";}
q:after{content:"";}
#container {
	background:url(../images/bg-page.jpg) no-repeat 50% 0;
	width:100%;
	position:relative;
	z-index:2;
}
#page {
	width:916px;
	padding:356px 0 10px;
	margin:0 auto;
	position:relative;
}
#header {
	width:916px;
	padding:0;
	height:356px;
	position:absolute;
	left:0;
	top:0;
}
.logo {
	background:url(../images/logo.gif) no-repeat;
	width:282px;
	height:68px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	margin:0;
}
.logo a {
	height:100%;
	display:block;
}
.bg-1 {
	background:url(../images/bg-1.gif) repeat-x;
	width:50%;
	position:absolute;
	left:0;
	top:0;
	height:100%;
	z-index:1;
}
.header-top {
	width:890px;
	padding:15px 13px 0 13px;
	overflow:hidden;
}
.logo-holder {
	float:left;
	width:535px;
	padding:34px 0 0;
}
#header blockquote q {
	color:#765a5a;
	font-size:28px;
	line-height: 28px;
	font-style:italic;
	display:block;
}
#header blockquote cite {
	display:block;
	font-size:12px;
	font-style:italic;
	color:#765a5a;
}
* html #header blockquote cite {
	margin-top: -28px;
	position: relative;
}
* +html #header blockquote cite {
	margin-top: -28px;
	position: relative;
}
.menu {
	float:right;
	width:280px;
	padding:0 0 0 3px;
	overflow:hidden;
}
ul.menu-top {
	list-style:none;
	padding:7px 0 0;
	width:330px;
	overflow:hidden;
	margin:0 -50px 0 0;
}
ul.menu-top li {
	float:left;
	padding:0 3px 0 13px;
	font-size:12px;
	line-height:14px;
}
ul.menu-top li a {
	color:#fff;
	text-decoration:none;
}
ul.menu-top li a:hover {text-decoration:underline;}
ul.werkzeuge {
	padding:43px 0 0 3px;
	margin:0;
	list-style:none;
}
ul.werkzeuge li {
	background:url(../images/bg-profil.jpg) no-repeat;
	width:100%;
	margin:0 0 7px;
}
ul.werkzeuge li.prinzip {background:url(../images/bg-prinzip.jpg) no-repeat;}
ul.werkzeuge li.portrait {background:url(../images/bg-portrait.jpg) no-repeat;}
ul.werkzeuge li a {
	display:block;
	height:47px;
	line-height:47px;
	text-decoration:none;
	color:#fff;
	padding:0 68px 0 13px;
}

ul.werkzeuge li a:hover {text-decoration:underline;}
.main-menu {
	padding:0;
	margin:0;
	width:100%;
	height:98px;
	overflow:hidden;
	position:absolute;
	top:250px;
	left:0;
}
.main-menu li {
	float:left;
	padding:0 0 0 1px;
	background:url(../images/sep-menu.gif) no-repeat 0 11px;
	width:304px;
	margin:0 1px 0 -1px;
}
.main-menu li a {
	display:block;
	padding:35px 12px 0;
	width:280px;
	height:63px;
	text-decoration:none;
	overflow:hidden;
	color:#fff;
}
.main-menu li em {
	float:left;
	font-size:55px;
	font-weight:bold;
}
.text {
	float:left;
	padding:20px 0 0;
	line-height:18px;
	font-size:12px;
}
.text strong {
	display:block;
	font-size:14px;
	margin:0 0 1px;
}
.main-menu li a:hover, .main-menu li.active a {
	background:#514349;
}
#main {
	width:100%;
	overflow:hidden;
	padding:13px 0 154px;
}
.packshot {
	width:845px;
	overflow:hidden;
	line-height:24px;
	font-size:18px;
	color:#765a5a;
	padding:63px 58px 0 13px;
}
.packshot img {
	float:right;
	margin:-63px 0 0 102px;
}
.packshot h1 {
	font-size:24px;
	line-height:26px;
	margin:0 0 12px;
}
.teaser {
	width:100%;
	position:relative;
	overflow:hidden;
	padding:70px 0 0;
	margin:-30px 0 0;
}
.teaserCol {
    width: 287px;
    float:right;
}

.box {
	float:left;
	width:263px;
	color:#765a5a;
	position:relative;
	background:url(../images/bg-box.jpg) no-repeat;
	padding:8px 6px 38px 11px;
	margin:0 12px 0 13px;
	display:inline;
}

.teaserCol .box{
    margin:80px 12px 0 -6px;
}

.heading {
	display:block;
	font-size:30px;
	line-height:30px;
	font-style:italic;
	color:#765a5a;
	height:77px;
	width:289px;
	overflow:hidden;
	margin:0 -26px 0 0;
}
.heading span {display:inline;}
.heading em {
	font-weight:bold;
	font-style:italic;
}
.box p {
	margin:0;
	line-height:16px;
}

.box ul li {
    margin: 0 0 10px 0;
    padding-left: 6em;
}

.box ul li em {
    font-weight: bold;
    color: #5f6690;
    margin-left: -6em;
    margin-right: 1em;
}

.dl-link a:hover {
    text-decoration: underline;
}

.dl-link a {
    background: url(../images/icon-dl.gif) no-repeat;
    padding: 4px 0 8px 31px;
	color: #5f6690;
	text-decoration: none;
    font-weight: bold;
}

li.dl-link {
    margin: 0 0 30px 0;
}

.dl-link h {
    font-weight: bold;
    margin-bottom: 10px;
}

.dl-link p {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
    font-style: italic;
}


ul.list-box-1 {
	padding:17px 0 0;
	margin:0 0 0 -4px;
}

ul.list-box-1 li {
	background:url(../images/icon-list1.gif) no-repeat;
	padding:4px 0 8px 31px;
}
ul.list-box-1 li {
	line-height:18px;
	font-size:14px;
	font-weight:bold;
	color:#5f6690;
	height:1%;
}
ul.list-box-1 li a {
	color:#5f6690;
	text-decoration:none;
}
ul.list-box-1 li a:hover {
	text-decoration:underline;
}
.link {
	float:right;
	font-size:14px;
	font-weight:bold;
	color:#765a5a;
	background:url(../images/arrow-link.gif) no-repeat 100% 0;
	padding:4px 44px 0 0;
	text-decoration:none;
}
.link:hover {text-decoration:underline;}
.link-holder {
	width:263px;
	overflow:hidden;
	position:absolute;
	bottom:0;
}
.demo {
	position:absolute;
	left:181px;
	top:-72px;
	background:url(../images/demo.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	width:120px;
	height:119px;
}
ul.list-box-2 {
	padding:20px 0 0;
	width:215px;
}
ul.list-box-2 li {
	background:url(../images/arrow-blue.gif) no-repeat 100% 0;
	padding:4px 48px 8px 0;
	line-height:18px;
	color:#5f6690;
	font-weight:bold;
}
ul.list-box-2 li a {
	color:#5f6690;
	text-decoration:none;
}
ul.list-box-2 li a:hover {text-decoration:underline;}
.boxes {
	float:left;
	width:293px;
	margin-right: -20px;
}
.boxes .box {
	float:none;
	display:block;
	margin-bottom:26px;
}
ul.contact {
	padding:16px 0 10px;
	width:225px;
	margin:0 -10px 0 0;
	color:#765a5a;
}
ul.contact li {
	padding:8px 0 4px 44px;
}
ul.contact a {
	color:#765a5a;
	text-decoration:none;
}
ul.contact a:hover {text-decoration:underline;}
ul.contact strong {
	font-size:18px;
	font-weight:bold;
	color:#7b1b3c;
}
ul.contact li.phone {
	background: url(../images/icon-phone.gif) no-repeat;
	padding-left:43px;
	letter-spacing:-1px;
}
ul.contact li.initialfragen {
	background: url(../images/icon-initialfragen.gif) no-repeat;
	padding-bottom:6px;
}
ul.contact li.mail {
	background: url(../images/icon-mail.gif) no-repeat 0 3px;
}
ul.list-box-3 {
	color:#765a5a;
	margin:-2px 0 0 -3px;
}
ul.list-box-3 li {
	padding:7px 0 7px 42px;
	height:1%;
}
ul.list-box-3 a {
	text-decoration:none;
	color:#765a5a;
}
ul.list-box-3 li.blog {background:url(../images/icon-blog.gif) no-repeat;}
ul.list-box-3 li.jobs {background:url(../images/icon-jobs.gif) no-repeat;}
.box-last {background:url(../images/bg-box-last.gif) no-repeat;}
.main-content {
	padding:0 318px 0 12px;
	line-height:18px;
	margin:-20px 0 0;
}
.detailcontent{
    margin-top:80px;
}
.tile div img {
    float: left;
    margin: 0 5px 5px 0;
}

.main-content .imgl{
float:left;
margin: 3px 10px 10px 0;
}
.main-content .imgr{
float:right;
margin: 3px 0 10px 10px;
}

.tile h2, .tile h3, .main-content h2, .main-content h3, .main-content h4 {
	color:#7b133c;
	font-style:italic;
	font-weight:bold;
	margin: 0;
}

.tile h2, .main-content h2 {
	font-size:30px;
	line-height:35px;
}

.tile h3, .main-content h3 {
	font-size:24px;
    line-height: 28px;
	font-weight: normal;
}

.main-content h4 {
	font-size:18px;
    line-height: 21px;
}

.main-content p, .main-content ul {margin:5px 0 18px 0;}

.main-content ul {
	margin-left: -4px;
}

.main-content ul li {
	background:url(../images/icon-liste.gif) no-repeat;
	padding:0 0 6px 25px;
}
.table-holder {
	background:url(../images/bg-table.gif) no-repeat;
	width:586px;
	margin:36px 0 0;
}
.table-holder table {
	width:586px;
	color:#765a5a;
}
.table-holder table td {
	margin:0;
	background:#fafafa url(../images/bg-table-celll.gif) repeat-x;
	padding:7px 3px 5px 15px;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
}
.table-holder table thead td {
	color:#5f6690;
	padding:9px 3px 6px 15px;
	font-weight:bold;
	border-left:none;
	background:url(../images/bg-table-celll-heading.gif) repeat-x 0 100%;
}
.table-holder table thead td.splate-a {
	width:176px;
}
.main-content .form h2 {
	margin:0 0 13px;
	color:#5f6690;
}
.table-info {
	display:block;
	margin:2px 0 0 13px;
	font-size:10px;
	color:#765a5a;
}
.form {
	padding:66px 0 0;
	font-size:12px;
	color:#765a5a;
}
.form label {
	display:block;
	font-size:12px;
	color:#765a5a;
}
.textarea {
	display:block;
	background:url(../images/bg-textarea.gif) no-repeat;
	width:387px;
	height:146px;
	overflow:hidden;
	padding:7px 10px 10px;
	margin:0 0 12px -5px;
}
.textarea textarea {
	display:block;
	height:143px;
	width:380px;
	background:none;
	border:none;
	overflow:auto;
}
.columns {
	width:415px;
	overflow:hidden;
	margin:0 0 0 -5px;
	padding:0 0 0 5px;
}
.column {
	float:left;
	width:197px;
	padding:0 3px 0 0;
}
.field {
	display:block;
	background:url(../images/bg-field.gif) no-repeat;
	width:187px;
	height:18px;
	padding:7px 10px;
	margin:0 0 11px -5px;
}
.field input {
	display:block;
	background:none;
	border:none;
	margin:0;
	width:173px;
	height:18px;
}
.pflichtfelder {
	display:block;
	font-size:12px;
	color:#765a5a;
	margin:-8px 0 20px;
}
.row {
	width:100%;
	overflow:hidden;
	padding:5px 0 10px;
}
.form .row label {
	display:inline;
	margin:0 0 0 2px;
}
.main-content .form p {
	margin:0 0 2px;
	padding:3px 0 0;
}
#senden {
	display:block;
	width:78px;
	height:32px;
	margin:9px 0 0 314px;
}
.top-link {
	display:block;
	width:577px;
	padding:90px 0 0;
	overflow:hidden;
}
.top-link a {
	float:right;
	font-size:14px;
	background:url(../images/arrow-top.gif) no-repeat 100% 0;
	color:#765a5a;
	line-height:24px;
	font-weight:bold;
	text-decoration:none;
	padding:4px 31px 1px 0;
}
.top-link a:hover {text-decoration:underline;}
#footer {
	border-top:4px solid #edeaeb;
	padding:5px 0 20px;
}
.footer-inner {
	width:916px;
	overflow:hidden;
	margin:0 auto;
}
#footer ul {
	list-style:none;
	padding:0;
	margin:0;
	float:left;
	color:#765a5a;
	font-size:12px;
}
#footer ul li {
	float:left;
	padding:0 33px 0 12px;
}
#footer ul li a {
	text-decoration:none;
	color:#765a5a;
}
#footer ul li a:hover {text-decoration:underline;}
#footer ul.list {
	float:right;
}
#footer ul.list li {padding:0 13px 0 42px;}
.button {display:none;}








/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
object, embed {
	margin: 0;
	padding: 0;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash q {
	font-size:28px;
}
.sIFR-hasFlash cite {
	font-size:12px;
	margin:-5px 0 0;
}
.sIFR-hasFlash .main-menu em {
	font-size:55px;
}
.sIFR-hasFlash .heading span {
	font-size:30px;
	line-height:normal;
}
.sIFR-hasFlash .heading em {
	font-size:30px;
	line-height:normal;
}
.sIFR-hasFlash .first em {
	margin:-15px 0 0;
	display:block;
}
.sIFR-hasFlash .main-content h2 {
	font-size:30px;
	height: 44px;
	line-height: 44px;
}
.sIFR-hasFlash .main-content h3 {
	font-size:24px;
}