/* das ist der neue style */

/* gegen ungewollte Randabstände */
* {margin:0; padding:0;}

/* Allgemeine bzw. Dokumentweite Formatierungen */
body {
	font: 62.5% Tahoma, sans-serif;
	background: #FFFFFF;
	text-align: center;
}
.clearer {
    clear: both;
    font-size: 1px;
    line-height: 1px;
}
.unsichtbar {
    display: none;
}
img, #mitte #text img {
    border: none;
    
}

a {
	text-decoration: none;
}
/* Ende allgemeine bzw. Dokumentweite Formatierungen */

/* Beginn: Intro */
#container {
	width: 900px;
	height: 550px;
	margin-left: -450px;
	margin-top: -275px;
	position: absolute;
	left: 50%;
	top: 50%;
}
#container h1 {
	margin-top: 10px;
	font: 1.2em Tahoma, sans-serif;
	letter-spacing: 4px;
	color: #999696;
	text-align: right;
}
/* Ende: Intro */

/* der gesamte Rahmen */
#rand {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	background: #FFFFFF;
}

/* die Kopfzeile: töpfer.bertuleit.architekten */
#oben {
	margin-top: 50px;
	height: 20px;
	width: 900px;
	border-bottom: 1px #737070 dotted;
}
#oben h1 {
	font: 1.2em Tahoma, sans-serif;
	letter-spacing: 4px;
	text-align: right;
	color: #737070;
}

/* die Sprachenauswahl */
#qtrans_language_chooser {
	list-style-type:none;
}

#qtrans_language_chooser li {
	float: left; 
	padding-top: 10px; 
	padding-left: 10px;
}

#qtrans_language_chooser a:hover {
	color: #000000;
}

/* der horizontale Navigationsbalken */
/* Beginn: Navigation */
#navi-balken {
	width: 800px;
	float: left;
	margin-bottom: 70px;
	background: #FFFFFF;
	color: #737070;
	font-size: 1.1em;
	letter-spacing: 2px;
}

#navi-balken a {
	text-decoration: none;
}

#navi-balken span {
	display: none;
}

#navi-balken ul {
	margin-top: 10px;
}

#navi-balken ul li {
	margin-right: 30px;
	background: #FFFFFF;
	list-style: none;
	display: inline;
}
.page_item a:hover {
	color: #000000;
}
.current_page_item a , .current_page_parent a {
	color: #FF1A00;
}
a {
	color: #737070;
}
/* Ende: Navigation */


/* Projekttitel und Kurzinfo */
#Titel {
	width: 640px;
	height: 15px;
	float: left;
	font: 1.2em Tahoma;
	font-weight: bold;
	letter-spacing: 1px;
	color: #737070;
}

#Kurzinfo {
	width: 640px;
	height: 40px;
	float: left;
	font: 1.1em Tahoma;
	letter-spacing: 1px;
	color: #737070;
	line-height: 18px;
}
#Kurzinfo a {
	text-decoration: none;
	border-bottom: 1px #737070 dotted;
}


/* der ganze mittlere Bereich: Text und Subnavigation */

#mitte {
	margin-top: 40px;
	background-color: #FFFFFF;
}

#mitte a {
	font: 1.1em Tahoma;

}

/* Beginn: Text */
#text {
	width: 650px;
	float: left;
	text-decoration: none;

}
#text a {
	text-decoration: none;
	border-bottom: 1px #737070 dotted;
	font: 1.0em Tahoma;
}

#text a:hover {
	color: #131010;
}

#text h2 {
	width: 640px;
	margin-bottom: 5px;
	padding-bottom: 10px;
	font: 1.2em Tahoma;
	font-weight: bold;
	letter-spacing: 1px;
	color: #737070;
	border-bottom: 1px #737070 dotted;
}

#text h3 {
	margin-bottom: 40px;
	font: 1.1em Tahoma;
	letter-spacing: 1px;
	line-height: 1.5em;
	color: #737070;
}
/* Beginn Text Projektliste */
#projektliste {
	width: 800px;
	float: left;
	text-decoration: none;

}
#projektliste a {
	text-decoration: none;
	border-bottom: 1px #737070 dotted;
	font: 1.0em Tahoma;
}

#projektliste a:hover {
	color: #131010;
}

#projektliste h2 {
	width: 640px;
	margin-bottom: 5px;
	padding-bottom: 10px;
	font: 1.2em Tahoma;
	font-weight: bold;
	letter-spacing: 1px;
	color: #737070;
	border-bottom: 1px #737070 dotted;
}

#projektliste h3 {
	margin-bottom: 40px;
	font: 1.1em Tahoma;
	letter-spacing: 1px;
	line-height: 1.5em;
	color: #737070;
}
#projektliste h4 {
	margin-bottom: 40px;
	font: 1.1em Tahoma;
	letter-spacing: 1px;
	line-height: 2.0em;
	color: #737070;
}

#projektliste h4 a {
	text-decoration: none;
	border-bottom: 1px #737070 dotted;
	font: 1.0em Tahoma;
	line-height: 1.8em;
}
/* Ende Text Projektliste */
.meta {
	font: 1.0em Tahoma;
	letter-spacing: 1px;
	color: #737070;
	text-align: right;
	margin-bottom: 5px;
}


/* Ende: Text */

/* Beginn: Subnavigation */
#navi {
	width: 200px;
	margin-top: -10px;
	float: right;
	background: #FFFFFF;
}
#navi a {
	font: 1.1em Tahoma, sans-serif;
	line-height: 2.0em;
	letter-spacing: 1px;
	text-decoration: none;
}
#navi ul {
	margin: 0;
}
#navi ul li {
	list-style: none;	
}

#navi h1 {
	font: 1.1em Tahoma, sans-serif;
	line-height: 2.0em;
	letter-spacing: 1px;
	text-decoration: none;
	color: #000000;
}

#navi h1 a{
	font: 1.0em Tahoma, sans-serif;
	line-height: 2.0em;
	letter-spacing: 1px;
	text-decoration: none;
	color: #000000;
}


/* Ende: Subnavigation */

/* das Adressfeld auf der news-Seite */

#Adressfeld {
	width: 200px;
	float: right;
	margin-top: 20px;
	font: 1.1em Tahoma;
	letter-spacing: 1px;
	color: #737070;
	line-height: 1.6em;
}

#Adressfeld a {
	text-decoration: none;
	border-bottom: 1px #737070 dotted;
  	color: #737070;
  	font: 1.0em Tahoma;
	letter-spacing: 1px;
}
#Adressfeld a:hover {
	color: #000000;
}

/* Ende: Adressfeld */


/* Beginn: unterer Bereich */
#unten {
	padding: 10px 0 10px 0;
	background: #FFFFFF;
	border-top: 1px #737070 dotted;
	font-size: 1em;
	text-align: center;
}
/* Ende: unterer Bereich */