@import "a/trans.css";

@import "textimage.css";

html,body {
	font-family: Verdana, sans-serif;
	min-height: 673px;
	height: 100%;
}

div.vcenter {
	height: 673px;
	margin-top: -336px;
}

div.hcenter {
	border: 2px ridge gray;
	width: 896px;
	_width: 900px;
	height: 673px;
	_height: 677px;
}

div.body {
	position: relative;
	height: 100%;;
}

div.header {
	position: absolute;
	right: 8px;
	top: 38px;
}

div.header div.boxa {
	float: left;
	text-align: right;
}

div.copyright {
	position: absolute;
	right: 10px;
	bottom: 113px;;
	right: 10px;
}

div.copyright div.boxa {
	float: left;
	text-align: right;
}

div.copyright p {
	font-size: 9px;
	line-height: 9px;
}

div.menu {
	width: 603px;
}

div.menu1 {
	position: absolute;
	left: 149px;
	top: 104px;
}

div.menu1 div.boxc {
	white-space: nowrap;
} 

div.menu2 {
	position: absolute;
	left: 149px;
	top: 499px;
}

div.menu3 {
	position: absolute;
	left: 149px;
	top: 521px;
}

div.menu4 {
	position: absolute;
	overflow: auto;
	right: 145px;
	top: 499px;
}

div.menu4 p {
	font-size: 11px;
	line-height: 11px;
}

div.menu4 p a {
	display: block;
	float: left;
	color: #000000;
	text-decoration: none;
	padding: 0px 5px 2px 5px;
}

div.menu4 a.off {
	visibility: hidden;
}

div.menu4 span {
	display: block;
	float: left;
}

div.center {
	position: absolute;
	top: 123px;
	background-color: #d9dbdb;
	border-top: 1px solid #c6c8c8;
	border-bottom: 1px solid #c6c8c8;
	width: 100%;
}

div.center div.boxa {
	border-top: 1px solid #b3b6b6;
	border-bottom: 1px solid #b3b6b6;;
	height: 418px;
	_height: 420px;
}

span.red,.h1red,.h2red {
	color: #990000;
}

div.header img {
	vertical-align: top;
}

h1 {
	font-weight: lighter;
	font-size: 19px;
	line-height: 25px;
}

h2 {
	font-weight: lighter;
	font-size: 10px;
	line-height: 10px;
}

div.menu p {
	font-size: 11px;
	line-height: 14px;
}

div.menu a {
	display: block;
	float: left;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	color: #ffffff;
	width: 15px;
	height: 15px;
	position: relative;
}

div.menu a span {
	visibility: hidden;
	position: absolute;
	left: 4px;
	top: 0px;
	cursor: hand;
}

div.menu a:hover span,div.menu a.open span {
	visibility: visible;
}

div.menu1 a {
	background-color: #d9dbdb;
	border-right: 3px solid #ffffff;
}

div.menu2 a,div.menu3 a {
	background-color: #ffffff;
	border-right: 3px solid #d9dbdb;
	color: #42494a;
}

div.menu a.open {
	background-color: #42494a;
	color: #ffffff;
	width: 145px;
}

div.menu a:hover {
	background-color: #990000;
	color: #ffffff;
}

div.center div.text {
	position: absolute;
	top: 8px;
	left: 149px;
}

div.center div.text div.i {
	width: 603px;
	overflow: hidden;
}

div.center div.text div.tbox {
	width: 603px;
	height: 133px;
	overflow: auto;
	background-color: #ffffff;
	background-repeat: no-repeat;
}

div.center div.text div.l,div.center div.text div.r,div.center div.text div.t
	{
	padding: 5px 15px;
	color: #000000;
}

div.center div.text div.l p,div.center div.text div.r p,div.center div.text div.t p
	{
	font-size: 10px;
	line-height: 14px;
	margin-bottom: 0.5ex;
}

div.center div.text div.l {
	float: left;
	width: 200px;
	display: inline;
}

div.center div.text div.r {
	margin-left: 230px;
	width: 300px;
}

/*
 * Styles für einzelne Seiten
 */

/* Agentur */

div.bodyagentur div.center div.text div.t {
	margin-top: 250px;
	text-align: center;
}

div.bodyagentur div.center div.text div.t h3 {
	font-size: 12px;
	line-height: 24px;
	font-weight: normal;
}

div.bodyagentur div.center div.text div.t h4 {
	font-size: 10px;
	font-weight: normal;
	text-align:right;
	font-style: italic;
}

/* Philosophie */
div.bodyphilosophie div.center div.text div.t {
	width: 390px;
	margin: 35px 40px;
}

div.bodyphilosophie div.center div.text div.t p {
	font-size: 11px;
	line-height: 16px;
	margin-bottom: 16px;
}



/* Portfolio */
div.bodyportfolio div.center div.text div.t {
	margin-top: 150px;
	text-align: center;
}

div.bodyportfolio div.center div.text div.t h3 {
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
}

/* Kontakt */
div.bodykontakt div.center div.text div.t {
	position: absolute;
	top: 20px;
	right: 0px;
	width: 150px;	
}
div.bodykontakt div.center div.text div.t h3 {
	position: absolute;
	right: 180px;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
}

div.bodykontakt div.center div.text div.t p {
	font-size: 11px;
	line-height: 16px;
	margin-bottom: 16px;
}

div.bodykontakt div.center div.text div.t a{
	color: #fff;
	text-decoration: none;
}

div.bodykontakt div.center div.text div.t a:hover{
	text-decoration: underline;	
}

/* TEMPLATE 'LISTE' */
div.center div.liste {
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
}

div.center div.liste strong {
	font-weight: normal;
	color: #900;
}

div.center div.liste div.l, div.center div.liste div.r {
	margin-top: 32px;
}

div.center div.liste div.r {
	margin-left: 270px
}

div.center div.liste div.l {
	margin-left: 20px;
	width: 220px;
}


div.center div.liste h3, div.center div.liste h4 {
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
	color: #990000;
}

div.center div.liste h3 {
	float:left;
}

div.center div.liste div.innerl {
	margin-left: 10px;
	float: left;
}

div.center div.liste ul {
	list-style-position: outside;
	list-style-type: none;
}

div.center div.liste li {
	margin: 0;
	padding: 0;
	display: block;
}

div.center div.liste div.l li {
	margin-bottom: 12px;
}

div.center div.liste div.l p, div.center div.liste div.r p {
	margin-bottom: 14px;
}

div.center div.liste a {
	text-decoration: none;
	color:#000000;
}

div.center div.liste a:hover {
	text-decoration: underline;
}

/* Farben */
div.center div.liste .pink {color:#ae1266}
div.center div.liste .blue {color:#0f79ad}
div.center div.liste .green {color:#69826d}
div.center div.liste .navy {color:#0c3f5e}
div.center div.liste .orange {color:#d68c29}
div.center div.liste .lime {color:#c0b414}


/* clearfix */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*
.h1 {
	font-family: MicrogrammaDBolExt;
	font-size: 19px;
	font-style: normal;
	color: #000000;
	background-color: #ffffff;
	scale-x: 1.0;
	scale-y: 1.0;
	antialias: false;
}

.h1red {
	font-family: MicrogrammaDBolExt;
	font-size: 19px;
	font-style: normal;
	color: #990000;
	background-color: #ffffff;
	scale-x: 1.0;
	scale-y: 1.0;
	antialias: false;
}

.h2 {
	font-family: MicrogrammaDMedExt;
	font-size: 10px;
	font-style: normal;
	color: #000000;
	background-color: #ffffff;
	scale-x: 1.0;
	scale-y: 1.0;
	antialias: false;
}

.h2red {
	font-family: MicrogrammaDMedExt;
	font-size: 10px;
	font-style: normal;
	color: #990000;
	background-color: #ffffff;
	scale-x: 1.0;
	scale-y: 1.0;
	antialias: false;
}
*/