/*ALLG
------------------------------------------------------------------------------*/

*{
	font-family:Arial;
	font-size:11px;
	color:#60707d;
}


body{
	background-color:#fff;
	margin:0px;
	padding:0px;
	text-align:center;
}

img{
	border:none;
}

.right{
  text-align:right;
}

.center{
  text-align:center;
}

.left{
  text-align:left;
}

.clear{
  clear:both;
}


/*CONTENT
------------------------------------------------------------------------------*/

#content {
	margin:0 auto;
	clear:both;
	width:570px;
	padding:20px 0;
	text-align:left;
	/*
	min-height:300px;
	height:auto !important;
	*/
}

#content.home {
	margin-top: 170px;
}
/* ????? */
#content .home{
	width:870px;
}

#content hr{
	line-height:0;
	margin:10px 0;
	height:0;
	border:0;
	border-bottom:1px solid #eaeff0;
	clear:both;
}


#content p{
	line-height:1.5em;
	margin:0;
	padding:5px 0;
}

#content h1{
	color:#158dde;
	font-size:2.2em;
	font-weight:normal;
	margin:0;
	padding:30px 0 0 0;
}

#content h2{
	color:#60707d;
	font-size:1.5em;
	font-weight:bold;
	margin:0;
	padding:40px 0 5px 0;
}

#content h3{
	color:#60707d;
	font-size:1.2em;
	font-weight:bold;
	margin:0;
	padding:15px 0 5px 0;
}

#content .faq h3{
	border-top: #eaeff0 1px solid;
	margin-top:15px;
	padding:15px 0 5px 0;
}

#content.rot h1,
#content.rot h2 {
	color:#f42ab5;
}

#content.gruen h1,
#content.gruen h2 {
	color:#4b9f1c;
}

#content ul{
	list-style-type:none;
	padding:0 0 0 7px;
	margin:10px 0;
}

#content ul li ul{
	margin:2px 0;
}

#content li{
	list-style-type:none;
	padding-left:12px;
	line-height:1.7em;
	background:url(/assets/images/layout/dot.gif) no-repeat 0px 5px;
}


#content.rot a{
	color:#f42ab5;
	text-decoration:none;
}

#content.gruen a{
	color:#4b9f1c;
	text-decoration:none;
}

#content a{
	color:#158dde;
	text-decoration:none;
}
#content a:hover{
	color:#000;
}

/* TABELLE */

#content .table2cols{
  width:100%;
	padding:0;
	margin:10px 0;
	border-collapse:separate;
	border-spacing:0;
	background-color:#fbfcfc;
}

#content .table2cols th{
  padding:5px;
	border-bottom:1px solid #a6b0b7;
	background-color:#eaeff0;
}

#content .table2cols td{
  padding:5px;
	border-bottom:1px solid #eaeff0;
}

#content .table2cols td.lista{
	width:170px;
	font-weight:bold;
}


/*SUCHE
------------------------------------------------------------------------------*/



.results .result{
	padding:0 0 10px 0;
 	border-bottom:1px solid #eaeff0;
}

.results h4{
	margin:10px 0 0 0 ;
	padding:0;
}

.results h4 a{
	font-size:1.2em;
	font-weight:bold;
	margin:0;
	padding:0;
}

.result p.extract{
  padding:0;
}


/*TEAM
------------------------------------------------------------------------------*/
.team img{
	border:1px solid #eaeff0;
	padding:2px;
	margin:0 20px 10px 0;
	float:left;
}




/*ELEMENTS
------------------------------------------------------------------------------*/

#logo{
	width:300px;
	float:left;
	padding-top:10px;
}

/*TOPBUTTONS
------------------------------------------------------------------------------*/

.topbtn{
	margin:0 0 0 679px;
	height:30px;
}

.topbtn a{
	text-decoration:none;
	display:block;
	height:30px;
	float:left;
}

.topbtn a.reality{
	width:101px;
	background:url(/assets/images/layout/topbtn_reality.gif) no-repeat;
}
.topbtn a:hover.reality,
.topbtn a.reality_active{
	width:101px;
	background:url(/assets/images/layout/topbtn_reality_act.gif) no-repeat;
}

.topbtn a.blog{
	margin:0 10px 0 10px;
	width:91px;
	background:url(/assets/images/layout/topbtn_blog.gif) no-repeat;
}
.topbtn a:hover.blog,
.topbtn a.blog_active{
	margin:0 10px 0 10px;
	width:91px;
	background:url(/assets/images/layout/topbtn_blog_act.gif) no-repeat;
}

.topbtn a.checkup{
	width:109px;
	background:url(/assets/images/layout/topbtn_checkup.gif) no-repeat;
}
.topbtn a:hover.checkup,
.topbtn a.checkup_active{
	width:109px;
	background:url(/assets/images/layout/topbtn_checkup_act.gif) no-repeat;
}

/*FORMS
------------------------------------------------------------------------------*/

form,fieldset {
	margin:0;
	padding:0;
	border:none;
}

.error{
	background-color:#f6e5e5;
	border:1px solid #d27f7f;
	padding:5px 10px;
	margin:10px 0;
	color:#d27f7f;
}

.search form{
}

form input.txt{
	width:150px;
	border:2px solid #cfd4d8;
}

form textarea.txt{
	width:300px;
	height:150px;
	overflow:hidden;
	border:2px solid #cfd4d8;
}

.search form input.btn{
	border:none;
	width:66px;
	vertical-align:middle;
}

form.checkup input.txt{
	width:250px;
	border:2px solid #cfd4d8;
}

form.checkup label{
	/*
	display:block;
	font-size:1.2em;
	font-weight:bold;
	*/
	color:#60707d;
	margin:0;
	padding:5px 0 5px 0;
}

form#adress label {
	display:block;
	font-size:1.2em;
	font-weight:bold;
}

form.checkup input.radio{
	line-height:20px;
	vertical-align:middle;
}

form#kontaktform fieldset {
	width: 270px;
	float: left;
	margin-right: 30px;
}

form#kontaktform fieldset.boxright {
	margin-right: 0;
}

form#kontaktform textarea,
form#kontaktform input.text {
	width: 262px;
	border: #cfd4d8 2px solid;
	padding: 2px;
}

form#kontaktform textarea {
	height: 101px;
}

form#kontaktform label {
	display: block;
	margin: 8px 0 2px 0;
	text-transform: uppercase;
}

form#kontaktform div.button {
	margin-top: 10px;
	text-align: right;
}

form#kontaktform div.button img {
	cursor: pointer;
}




/*CONTAINER
------------------------------------------------------------------------------*/

#header{
	width:1000px;
	margin:0 auto;
	height:140px;
	text-align:left;
	/* background-color:yellow; */
}

#footer{
	width:1000px;
	margin:0px auto;
	height:60px;
	text-align:left;
}

#footer .meta,
#footer .search,
#footer .banner{
	width:330px;
	padding:10px 0;
	float:left;
	line-height:40px;
	vertical-align:middle;
}

#footer .banner{
	text-align:right;
}


#footer .meta a{
	padding:0 10px 0 0;
	text-decoration:none;
}

#footer .meta a:hover{
	color:#000;
}


/*OUTBOXES
------------------------------------------------------------------------------*/

#outbox_header{
	background:#fff url(/assets/images/layout/bg_header.gif) repeat-x;
}

#outbox_content{
	width:1000px;
	margin:0 auto;
	text-align:left;
}

#outbox_footer{
	background:#fff url(/assets/images/layout/bg_footer.gif) repeat-x;
}


/* HOME CONTENT
------------------------------------------------------------------------------*/

.outbox_home {
	position: absolute;
	top: 111px;
	left: 0;
	width: 100%;
	height: 421px;
}

.outbox_home .bg_left {
	background: url(img/home_bg_left.png) repeat-x;
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 421px;
	z-index: 1;
}

.outbox_home .bg_right {
	background: url(img/home_bg_right.png) repeat-x;
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 421px;
	z-index: 1;
}

.outbox_home .header_cont {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	height: 421px;
	z-index: 2;
}

.outbox_home .header_cont #portfolio {
	width: 707px;
	height: 421px;
	float: left;
}




.outbox_home .header_cont #hometeaser {
	width: 293px;
	height: 421px;
	float: left;
	background: url(img/home_bg_teaser.jpg) no-repeat;
	text-align:left;
}


.outbox_home .header_cont #hometeaser h2 {
 	margin:0px 0 0 18px;
	color:#FFF;
	font-size:1.4em;
}
.outbox_home .header_cont #hometeaser ul {
	padding:0;
	text-align:left;
	list-style-type: none;
	margin:10px 0 0 18px;
}

.outbox_home .header_cont #hometeaser ul li{
	padding:0.8em 0 0.5em 0;
	color:#012848;
	border-bottom:1px solid #7a8cb9;
}

.outbox_home .header_cont #hometeaser ul li span,
.outbox_home .header_cont #hometeaser ul li span a{
	font-size:0.9em;
	text-decoration:none;
	text-transform:uppercase;
	color:#FFF;
}

.outbox_home .header_cont #hometeaser ul li span a:hover{
	color:#012848;
}


.outbox_home .header_cont #hometeaser ul li p{
	color:#012848;
	padding:3px 0;
	margin:0;
}

.outbox_home .header_cont #hometeaser ul li a{
	color:#012848;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.4em;
	text-decoration:none;
	padding:0;
	margin:0;
}
.outbox_home .header_cont #hometeaser ul li a:hover{
	color:#FFF;
}






.outbox_page {
	position: absolute;
	top: 111px;
	left: 0;
	width: 100%;
	height: 268px;
}

.outbox_page .bg_left {
	background: url(img/header_bg_left.png) repeat-x;
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 268px;
	z-index: 1;
}

.outbox_page .bg_right {
	background: url(img/header_bg_right.png) repeat-x;
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 258px;
	z-index: 1;
}

.outbox_page .header_cont {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	height: 258px;
	z-index: 2;
}

.outbox_page .header_cont #flashtitle {
	width: 1000px;
	height: 258px;
}



/* FLASH TITLE
------------------------------------------------------------------------------*/

/*
#homeflash {
	line-height: 0;
	position: absolute;
	top: 110px;
	height: 421px;
	width: 1000px;
}
*/

.homedummy {
	height: 391px; /* Height of #homeflash minus 30px */
}

.pagedummy {
	height: 208px; /* Height of #homeflash minus 30px */
}

.outbox_page #flashtitle p {
	padding:2em 0;
	line-height:1.5em;
}


#portfolio{
	width:707px;
	height:421px;
	background:url(/assets/images/home/bg_flipshow.jpg)
}



/* MENU
------------------------------------------------------------------------------*/

#menu_box{
	position:absolute;
	top:75px;
	left:0;
	width:100%;
	height:75px;
}

#menu{
	margin-left: 119px;
	width:581px;
	height:47px;
	float:left;
	z-index:99;
	position:relative;
	top:64px;
	left:0px;
	text-align:right;
}

#menu a.first {
	background:url(/assets/images/layout/bg_menu.gif) repeat-x;
	border-right: #fff 1px solid;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	display: block;
	float:left;
	height:17px;
	line-height:17px;
	text-align:center;
}

#menu a.last {
	border-right:none;
}

#menu div.second {
	display:none;
	position:absolute;
	top:17px;
	right:0;
	text-align:right;
	z-index:10;
	background-color:#fff;
	opacity:.6;
	height:22px;
	line-height:22px;
}

#menu div.second a {
	color:#555;
	font-weight:normal;
	width:700px;
	display: inline;
	padding:0 10px;
	border-right: #666 1px solid;
	text-decoration:none;
}

#menu div.second a.last {
	border-right:none;
}

#menu div.second a.active,
#menu div.second a:hover {
	color:#000;
}


#menu #menu1.active,
#menu #menu4.active,
#menu #menu1:hover,
#menu #menu4:hover {
	background:url(/assets/images/layout/bg_menu_blau.gif) repeat-x;
}

#menu #menu2.active,
#menu #menu5.active,
#menu #menu2:hover,
#menu #menu5:hover {
	background:url(/assets/images/layout/bg_menu_rot.gif) repeat-x;
}

#menu #menu3.active,
#menu #menu6.active,
#menu #menu3:hover,
#menu #menu6:hover {
	background:url(/assets/images/layout/bg_menu_gruen.gif) repeat-x;
}

#menu #subm2 a.active,
#menu #subm5 a.active{
  color:#f42ab5;
}

#menu #subm3 a.active,
#menu #subm6 a.active{
  color:#4b9f1c;
}

#menu #subm1 a.active,
#menu #subm4 a.active{
  color:#158dde;
}

#menu #menu1 { width: 76px; }
#menu #menu2 { width: 110px; }
#menu #menu3 { width: 120px; }
#menu #menu4 { width: 90px; }
#menu #menu5 { width: 90px; }
#menu #menu6 { width: 90px; }