/* Standard-CSS für www.cm-architektur.com */

/*CSS kann man als ergänzende Skriptsprache zu HTML verstehen. Man kann mit ihr HTML-Dokumente weitaus differenzierter formatieren.
Formatdefinitionen müssen nicht in jeder HTML-Datei abgelegt werden, sondern können auch in einer zentralen Datei definiert werden. 
Diese Datei kann man dann in beliebig vielen HTML-Dateien referenzieren.*/

/* Wichtige Farben
Name Farbe 1 		= #000000
Name Farbe 2		= #787878
*/

/* Hier werden alle html-Tags auf "Null" gesetzt und eine Standard-Schriftart vergeben */
* {
	margin: 0;
	padding: 0;
	border: none;
}
/* ///////////////Hier allgemeingueltige Formatierungen ////////////////////////////////////////////////////////////////////////*/


/*hier wird das allgemeine Aussehen der Links bestimmt, das betrifft die Links die sich im content befinden, 
Links aus der navi verhalten sich anders, da deren Basis Schriftfarbe #787878 und die Schriftart eine andere ist*/

a:link {
	color: #787878;
	text-decoration: none;
}
a:visited {
	color: #787878;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}
a:active {
	color: #787878;
	text-decoration: none;
}
p {
	margin-bottom: 10px;
}
html {
}
body, html {
	width:100%;
	height:100%;
}
body {
	font-size: 12px;
	min-width:960px;
	min-height:550px;
	position:relative;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
/* Sektionsweite Formatierungen */

/*da aktuelle Websites auf eine  Bildschirmauflösung von 1024 x 768px optimiert werden ist die Grundgröße der Website: gewählte Breite: 960px, gewählte Höhe: 550 px*/

#wrapper {
	margin: auto;
	height: 550px;
	width: 960px;
	position:absolute;
	/*///hier wird die zentrierte Ansicht der Seite solange sie in Bearbeitung ist auskommentiert///*/
	/*///hier zentriere ich die Ansicht der Webseite horizontal und vertikal///*/
	top:50%;
	left:50%;
	margin-left:-480px;
	margin-top:-275px;
	z-index: 100;
}
#wrapper #header {
	height: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #787878;
	z-index: 110;
}
#wrapper #header #logo {
	width: 270px;
	position: absolute;
	left: 690px;
	z-index: 110;
	text-align: right;
}
/*hier wird das Aussehen des Logo Links bestimmt*/
#wrapper #header #logo a:link {
	font-size: 20px;
	font-family: "Lucida Console", Monaco, monospace;
	color: #000;
}
#wrapper #header #logo a:visited {
	font-size: 20px;
	font-family: "Lucida Console", Monaco, monospace;
	color: #000;
}
#wrapper #header #logo a:hover {
	font-size: 20px;
	font-family: "Lucida Console", Monaco, monospace;
	color: #787878;
}
/* hier beginnt die navi1 /////////////////////////////////////*/

#wrapper #header #navi1 {
	width: 665px;
	position: absolute;
	padding-top: 4px;
}
#wrapper #header #navi1 ul li {
	float: left;
	list-style-type: none;
	padding-right: 31px;
}
/*hier wird das Aussehen der Links aus der 1.Navi bestimmt*/

#wrapper #header #navi1 ul li a:link {
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 16px;
	color: #787878;
}
#wrapper #header #navi1 ul li a:visited {
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 16px;
	color: #787878;
}
#wrapper #header #navi1 ul li a:hover {
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 16px;
	color: #000000;
}
/*diese "class" beinhaltet den vertikalen Strich in der navi 1 */
.navi1_strich {
	background-repeat: no-repeat;
	background-image: url(../images/architektenstrich_navi1.jpg);
	background-position: right;
}
/* hier beginnt die navi2 /////////////////////////////////////*/

#wrapper #footer #navi2 {
	width: 665px;
	position: absolute;
	z-index: 120;
	margin-top: 5px;
}
#wrapper #footer #navi2 ul li {
	float: left;
	list-style-type: none;
	padding-right: 27px;
}
/*hier wird das Aussehen der Links aus der 2.Navi bestimmt*/

#wrapper #footer #navi2 ul li a:link {
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 14px;
	color: #787878;
}
#wrapper #footer #navi2 ul li a:visited {
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 14px;
	color: #787878;
}
#wrapper #footer #navi2 ul li a:hover {
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 14px;
	color: #000000;
}
/*diese class beinhaltet den vertikalen Strich in der navi 2 */
.navi2_strich {
	background-image: url(../images/architektenstrich_navi2.jpg);
	background-position: right;
	background-repeat: no-repeat;
}
/* hier beginnt die navi3 /////////////////////////////////////*/
#wrapper #footer #navi3 {
	width: 350px;
	position: absolute;
	z-index: 120;
	left: 610px;
	text-align: right;
	margin-top: 5px;
}
#wrapper #footer #navi3 ul li {
	list-style-type: none;
	float: right;
	padding-left: 8px;
}
/*hier wird das Aussehen der Links aus der 3.Navi bestimmt*/
#wrapper #footer #navi3 ul li a:link {
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 14px;
	color: #787878;
}
#wrapper #footer #navi3 ul li a:visited {
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 14px;
	color: #787878;
}
#wrapper #footer #navi3 ul li a:hover {
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 14px;
	color: #000;
}
/* hier beginnt der content Bereich, er liegt zwischen dem header und dem footer und unterteilt sich in header, contentleft und content right /////////////////////////////////////*/

#wrapper #content #contentheader {
	height: 25px;
	z-index: 110;
	position: absolute;
	top: 25px;
	width: 960px;
	padding-top: 20px;
}
#wrapper #content #contentheader h1 {
	font-size: 20px;
}
#wrapper #content #contentleft {
	height: 410px;
	width: 665px;
	position: absolute;
	z-index: 110;
	top: 75px;
}
#wrapper #content #contentright {
	width: 270px;
	position: absolute;
	left: 690px;
	top: 75px;
	z-index: 110;
	height: 410px;
}
#wrapper #content #contentright #text {
	height: 340px;
	text-align: justify;
}
#wrapper #content #contentright #info1 {
	height: 22px;
}
#wrapper #content #contentright #info2 {
	height: 48px;
	color: #787878;
}
.infolinkespalte {
	width: 35px;
}
/* hier beginnt der footer Bereich /////////////////////////////////////*/

#wrapper #footer {
	height: 50px;
	position: absolute;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #787878;
	z-index: 110;
	top: 500px;
	width: 960px;
}
#wrapper #footerimprint {
	position: absolute;
	z-index: 110;
	top: 535px;
	height: 15px;
	width: 960px;
	text-align: right;
}
/*hier wird das Aussehen des Impressum Links bestimmt*/
#wrapper #footerimprint a:link {
	color: #787878;
}
#wrapper #footerimprint a:visited {
	color: #787878;
}
#wrapper #footerimprint a:hover {
	color: #000;
}