/****************************
+++ HTML-Standards +++
****************************/

html {
	min-height:100.05%;
}

body {
	margin:0;
	padding:0;
	font-family: verdana, arial, sans-serif;
	font-size:75%;
	line-height:1.4em;
	color:#484848;
	background:white;
}

img {
	border:none;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-size:100%;
}

h1 {
	color:#2C4E6A;
	margin-bottom:1em;
	font-size:170%;
	font-weight:lighter;
	line-height:1.1em;
}

form {
	margin:0;
}

.trenner {
	display:block;
	clear:both;
	height:1px;
	font-size:1px;
}

.kursiv {
	font-style:italic;
}

.fett {
	font-weight:bold;
}

/****************************
+++ Grundstruktur +++
****************************/

#container {
	position:relative;
	width:746px;
	margin:20px auto;
}

#imagebild {
	position:absolute;
	top:50px;
	right:0;
}

#spruch {
	position:absolute;
	right:420px;
	top:105px;
	font-family: Garamound, "Times New Roman", Times, serif;
	color:#2C4E6A;
	text-align:right;
	font-size:160%;
	line-height:1.2em;
}

#spruch h1 {
	font-size:130%;
	font-weight:lighter;
	line-height:1em;
	margin-bottom:0.7em;
}

#sprachen {
	text-align:right;
	padding-top:5px;
font-size:90%;
}

#sprachen a {
	padding:0px;
	margin:0px;
	text-decoration:none;
	color:#484848;
	line-height:1em;
}

#sprachen a:hover {
	color: #484848;
	font-weight:bold;
}

#kaesten {
	position:absolute;
	left:0;
	top:305px;
}

.kasten {
	width:197px;
	float:left;
	margin-right:15px;
	background: white url(../upload/design/startseite/balken-blau.jpg) repeat-y top right;
}

.kasten.rot{
	background: white url(../upload/design/startseite/balken-rot.jpg) repeat-y top right;
}

.kasten a {
	text-decoration:none;
}

.kasten div {
	float:left;
}

.links {
	width:192px;
}

.balken {
	width:5px;
}


.logo {
	height:60px;
	width:192px;
}


.headline {
	width:162px;
	color:white;
	padding:15px;
	margin:0px;
}

.headline h2 {
	font-family: Garamound, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:125%;
	line-height:1.1em;
}

.headline a, .link a {
	color:white;
	text-decoration:none;
	display:block;
}


.blau .headline {
	background:#2C4E6A;
}

.rot .headline {
/*	background:#BE0027; */
	background:#7E0017; 
}




.link {
	width:162px;
	padding:10px 15px;
	color:white;
	font-weight:bold;
	font-size:85%;
}

.link h3 {
	line-height:1.2em;
}

.blau .link {
	background: #A0C8EA url(../upload/design/startseite/pfeil-blau.gif) no-repeat center right;
}

.rot .link {
	background: #DE9C78 url(../upload/design/startseite/pfeil-rot.gif) no-repeat center right;
}

.blau .link a {
	color:#2C4E6A;
}

.rot .link a {
	color:#7E0017;
}


.login {
	width:192px;
	font-size:85%;
	text-align:center;
}

.blau .login, .blau .login a {
	background:#D9E8F6;
	color:#2C4E6A;
}

.rot .login, .rot .login a {
	background:#F3E0CA;
	color:#7E0017;
}

#linksphinx {
	position:absolute;
	width:192px;
	height:192px;
	top:5px;
	left:0px;
	display:block;
	z-index:1;
}

#linksphinxms {
	position:absolute;
	width:192px;
	height:192px;
	top:5px;
	left:212px;
	display:block;
	z-index:1;
}