@charset "utf-8";

/* @override http://tm-architekten.de/files/tm.css */

/*
   R.I.P, IE5/6 Doubled Float-Margin Bug:
   http://www.positioniseverything.net/explorer/doubled-margin.html
   Just apply "display: inline;" to all floats!
*/

/* @group temp */

/*body {
	background: #fff url(/files/tm-grid.png) no-repeat center top;
}*/

#eslinktemp {
	width: 180px !important;
}
#eslinktemp a span {
	display: none;
}
#eslinktemp a:hover span {
	display: inline;
}

/* @end */

/* @group Basics, "Tabula Rasa" */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, hr {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup !!! */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/* @end */

/* @group Body, Container, Article, Footer */

body {
	color: #5e5e5e;
	font: 12px/18px "Lucida Grande", Tahoma, sans-serif;
}
#container {
	margin: 0 auto;
	width: 910px;
}
.tm_article  {
	padding-top: 36px;
}
#tm_article_home {
	clear: both;
}
#tm_article_projektseite, #tm_article_impressum {
	padding-top: 0;
}
#footer {
	clear: both;
	padding: 54px 10px 54px;
	height: 18px;
	text-align: right;
}


/* @end */

/* @group Header, Navigation */

#header {
	padding: 18px 10px 18px;
}
#header a {
	background: #fff url(/images/2.png) no-repeat center top;
	display: block;
	height: 54px;
	width: 370px;
}
#header a:hover {
	background-position: center bottom;
}
#header a img {
	display: none;
}
@media print {
	#header a img {
		display: block;
	}
}
#nav_home {
	height: 36px;
	padding-left: 0;
	padding-right: 20px;
}
#nav_home li {
	float: left; display: inline;
	width: 110px;
	padding: 0 10px;
}
#nav {
	padding: 0 10px 0 400px;
	height: 36px;
	width: 500px;
}
#nav li {
	float: left; display: inline;
}

#nav li.de_projekte { width: 177px; }
#nav li.de_lehre { width: 76px;	text-align: center; }
#nav li.de_referenzen {	width: 109px; text-align: center; }
#nav li.de_buero { width: 71px; text-align: center; }
#nav li.de_kontakt { width: 67px; text-align: right; }

#nav li.es_projekte { width: 145px; }
#nav li.es_lehre { width: 94px; text-align: center; }
#nav li.es_referenzen {	width: 107px; text-align: center; }
#nav li.es_buero { width: 82px; text-align: center; }
#nav li.es_kontakt { width: 72px; text-align: right; }

/* @end */

/* @group Basic Link Styles */

a {
	color: #5e5e5e;
	text-decoration: none;
}
a.active {
	font-weight: bold;
}
a:hover {
	color: #FC4A08;
}
.tm_article a {
	font-weight: bold !important;
}

#tm_projekte_index_nav li a {
	font-weight:	normal !important;
}

#tm_projekte_index_nav li a.active {
	font-weight:	bold !important;
}
#tm_news a {
	font-weight: bold;
}
a.tm_external {
	background: url(/files/tm_external.png) no-repeat left 3px;
	padding-left: 13px;
}

/* @end */

/* @group Basic Text Styles */

.tm_article {
	font-size: 11px;
}

#tm_news {
	font-size: 11px;
}

.tm_article p {
	margin-bottom: 18px;
	padding-right: 10px;
}
table p {
	margin-bottom: 0 !important;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
.tm_article h2 {
	height: 36px;
	padding-left: 400px;
	padding-right: 10px;
	font-size: 15px;
	font-weight: bold;
}
small, .small {
	font-size: 10px;
}
.block {
	display: block;
}

/* @end */

/* @group Home */

#tm_random_image {
	height: 504px;
}

/* @end */

/* @group Projekte-Index (4 x 4) */

#tm_projekte_index {
	float: right;
	width: 520px;
}
#tm_projekte_index li {
	float: left; display: inline;
	margin-bottom: 16px;
}
#tm_projekte_index a {
	display: block;
	float: left; display: inline;
	width: 110px;
	height: 110px;
	margin: 0 10px;
	background-position: center top;
	background-repeat: no-repeat;
}
#tm_projekte_index a:hover {
	background-position: center bottom;
}
#tm_projekte_index a span {
	display: none;
}
#tm_projekte_index a:hover span {
	font-weight: bold;
	color: #fff;
	display: block;
	padding: 0 3px;
	overflow: hidden;
	height: 110px;
	background-image: url(/images/1.png);
	cursor: pointer;
}
#tm_projekte_index_nav li {
	height: 36px;
	font-size: 13px;
}

/* @end */

/* @group Projekt-Seite (1 + 4) */

p.tm_projekte_galerie_bild {
	margin-bottom: 18px !important;
	padding-right: 0 !important;
}

.tm_projekte_galerie {
	float: right;
	width: 520px;
}
.tm_projekte_galerie li {
	float: left; display: inline;
	margin-bottom: 16px;
}
.tm_projekte_galerie a {
	display: block;
	float: left; display: inline;
	width: 110px;
	height: 110px;
	margin: 0 10px;
	background-position: center bottom;
	background-repeat: no-repeat;
}
.tm_projekte_galerie a:hover {
	background-position: center top;
}
.tm_projekte_galerie a span {
	display: none;
}
.tm_projekte_galerie_bild {
	margin-bottom: 16px !important;
}
.tm_projekte_galerie_bild img {
	display: block;
}

/* @end */

/* @group Referenzen (Tabelle) */

#tm_referenzen {
	padding-left: 400px;
	padding-top: 36px;
}
#tm_referenzen table {
	width: 500px;
	margin-bottom: 18px;
}
#tm_referenzen caption {
	font-weight: bold;
}
#tm_referenzen tr.odd td {
	background: #f2f2f2;
}
.tm_referenzen_jahr {
	padding-left: 5px;
	width: 30px;
	padding-right: 20px;
}
.tm_referenzen_text {
	padding-right: 10px;
}
.tm_referenzen_ort {
	padding-left: 10px;
	width: 135px;
	padding-right: 5px;
}

/* @end */

/* @group Generisches Spalten-Layout */

.tm_top0_box { clear: both; }
.tm_top1_box { clear: both; padding-top: 18px;}
.tm_top2_box { clear: both; padding-top: 36px;}
.tm_top3_box { clear: both; padding-top: 54px;}
.tm_top4_box { clear: both; padding-top: 72px;}

.tm_indent6_col1 { float: left; display: inline; padding-right: 10px; width: 110px; padding-left: 790px; }
.tm_indent5_col1 { float: left; display: inline; padding-right: 10px; width: 110px; padding-left: 660px; }
.tm_indent4_col1 { float: left; display: inline; padding-right: 10px; width: 110px; padding-left: 530px; }
.tm_indent3_col1 { float: left; display: inline; padding-right: 10px; width: 110px; padding-left: 400px; }
.tm_indent2_col1 { float: left; display: inline; padding-right: 10px; width: 110px; padding-left: 270px; }
.tm_indent1_col1 { float: left; display: inline; padding-right: 10px; width: 110px; padding-left: 140px; }
.tm_indent0_col1 { float: left; display: inline; padding-right: 10px; width: 110px; padding-left: 10px; }

.tm_indent5_col2 { float: left; display: inline; padding-right: 10px; width: 240px; padding-left: 660px; }
.tm_indent4_col2 { float: left; display: inline; padding-right: 10px; width: 240px; padding-left: 530px; }
.tm_indent3_col2 { float: left; display: inline; padding-right: 10px; width: 240px; padding-left: 400px; }
.tm_indent2_col2 { float: left; display: inline; padding-right: 10px; width: 240px; padding-left: 270px; }
.tm_indent1_col2 { float: left; display: inline; padding-right: 10px; width: 240px; padding-left: 140px; }
.tm_indent0_col2 { float: left; display: inline; padding-right: 10px; width: 240px; padding-left: 10px; }

.tm_indent4_col3 { float: left; display: inline; padding-right: 10px; width: 370px; padding-left: 530px; }
.tm_indent3_col3 { float: left; display: inline; padding-right: 10px; width: 370px; padding-left: 400px; }
.tm_indent2_col3 { float: left; display: inline; padding-right: 10px; width: 370px; padding-left: 270px; }
.tm_indent1_col3 { float: left; display: inline; padding-right: 10px; width: 370px; padding-left: 140px; }
.tm_indent0_col3 { float: left; display: inline; padding-right: 10px; width: 370px; padding-left: 10px; }

.tm_indent3_col4 { float: left; display: inline; padding-right: 10px; width: 500px; padding-left: 400px; }
.tm_indent2_col4 { float: left; display: inline; padding-right: 10px; width: 500px; padding-left: 270px; }
.tm_indent1_col4 { float: left; display: inline; padding-right: 10px; width: 500px; padding-left: 140px; }
.tm_indent0_col4 { float: left; display: inline; padding-right: 10px; width: 500px; padding-left: 10px; }

/* @end */

/* @group Sonderspalten */

.tm_indent05_col25 { float: left; display: inline; clear: both; padding-right: 10px; width: 308px; padding-left: 72px; }

.tm_indent0_col25 { float: left; display: inline; padding-right: 65px; width: 315px; padding-left: 10px; }

/* @end */