/* --- FARBEN --- */



/* --- HAUPTSTRUKTUR --- */

html {
    height: 100%;
    margin-bottom: 1px;
}

body {
	padding-bottom:90px;
	background: url(http://www.darmstadt-gewinnt.de/img/css/background.jpg) 50% repeat-y;
	background-color: #edefec;
}

#center {
	position: absolute;
	left: 50%;
	margin-left: -488px;
	width: 975px;
	top:0;
	height:100%;
}

/* --- TOP --- */

#top {
	position: absolute;
	top:0px;
	left:0;
	width: 976px;
	height: 75px;
	padding:15px 0;
	background-color: #edefec;
}

/* --- linke Seite ---*/
#logo {
	left:0;
	top:0px;
	height:75px;
	width: 170px;
	float: left;
}

/* --- rechte Seite ---*/
#headright {
	position: absolute;
	left: 185px;
	height: 75px;
	width: 790px;	
}

h2.pageheadline {
	margin-top: 23px;
}

/* --- MenŸbalken --- */
#topmenu {
	position: absolute;
	left:0;
	width:100%;
	top: 53px;
	height: 22px;
	background-color: #bcc3be;
}

#menu ul {
	width:80%;
	float: left;
}

#menu li {
	display: inline;
	height: 22px;
}

#menu a,
#impressum {
	line-height: 22px;
	height: 22px;
	font-size: 13px;
	color: #515452;
	text-decoration: none;
	display: block;
	padding: 0 15px 0 15px;
}

#menu a {
	float:left;
}

#menu a:hover,
#menu a.active {
	color: #000;
}

#menu a.active {
	color: #000;
}

#main {
	width: 975px;
	position: absolute;
	top:105px;
}

#impressum {
	text-decoration: none;
	line-height:22px;
	float:right;
	padding-right:15px;
}

#impressum:hover {
	color: #000;
}

#impressum.active {
	color: #000;
}


/* --- NAVIGATIONSFL€CHEN (Bilder) --- */

.navipicture {
	position: absolute;
	width: 225px;
	height: 155px;
	padding: 0;
	top: 105px;
	background-color: #fff;
	display:block;
}

.navipicture img {
	width: 210px;
	height:140px;
	display:block;
}

.navipicture a,
.navipicture div {
	display: block;
	height: 38px;
	width: 180px;
	padding: 102px 15px 0 15px;
	color: #515452;
	font-size: 13px;
	line-height: 135%;
}

#navipicture1 {
	left: 0;
	background: #edefec url(http://www.darmstadt-gewinnt.de/img/css/im-ueberblickColor.jpg) no-repeat;
}

#navipicture2 {
	left: 225px;
	background: #edefec url(http://www.darmstadt-gewinnt.de/img/css/vodcastColor.jpg) no-repeat;
}

#navipicture3 {
	left: 450px;
	background: #edefec url(http://www.darmstadt-gewinnt.de/img/css/modell3dColor.jpg) no-repeat;
}

#navipicture1 a {background: #fff url(http://www.darmstadt-gewinnt.de/img/css/im-ueberblick.jpg) no-repeat;}
#navipicture2 a {background: #fff url(http://www.darmstadt-gewinnt.de/img/css/vodcast.jpg) no-repeat;}
#navipicture3 a {background: #fff url(http://www.darmstadt-gewinnt.de/img/css/modell3d.jpg) no-repeat;}

#navipicture1.active a, #navipicture1 a:hover {background: transparent;}
#navipicture2.active a, #navipicture2 a:hover {background: transparent;}
#navipicture3 a:hover {background: transparent;}

/* --- CONTENT-WRAPPER --- */

#contentwrapper {
	position: absolute;
	width: 660px;
	top: 260px;
}

/* --- NAVIGATION IM CONTENT --- */

#contentNavigation {
	position: relative;
	width: 660px;
	background-color: #bcc3be;
	height: 30px;
}

#navigation {
	top: 260px;
	width: 660px;
	display: inline;
}

#navigation li {
	display: inline;
	height: 30px;
	/* width: 110px; */
	text-align: center;
}

#navigation a {
	line-height: 30px;
	height: 30px;
	font-size: 12px;
	color: #515452;
	text-decoration: none;
	background-color: #bcc3be;
	display: block;
	padding-left: 11px;
	padding-right: 12px;
	float:left;
	/* width: 110px; */
	text-align: center;
}

#navigation #topnav-1 a {
	padding-left: 15px;
}

#navigation a:hover,
#navigation a.active {
	color: #000;
}

#navigation a.active {
	background-color: #fff;
	color: #000;
}

/* --- CONTENT --- */


#headline,
#content {
	position: relative;
	width: 630px;
	background-color: #fff;
	padding: 15px;
	float:left;
}

#headline h1 {
	margin:0;
}

#contentwithpics {
	width:455px;
	position: relative;
	background-color: #fff;
	padding: 0 15px 15px 15px;
	float:right;
}
/*
#picturediv {
	position: relative;
	width:160px;
	float:left;
	display:block;
	padding: 3px 0 0 15px;
}

#picturediv img {
	padding:0;
}
*/
#floatpictures {
	float:left;
	width:160px;
	padding-right:15px;
}

.pictureelement {
	width:160px;
	position:relative;
}

.pictureelement img {
	padding:2px 0 3px 0;
}

.subtitleelement {
	width: 160px;
	position: relative;
}

.subtitleelement p {
	line-height:10px;
	font-size:10px;
	color: #515452;
	padding-bottom:6px;
	margin:0;
}

.floatleft {
	float:left;
	padding: 3px 15px 10px 0;
	display:block;
}
/*
.floatright {
	float:right;
	padding: 3px 0 10px 15px;
	display:block;
}
*/
.bgAngenehmer {
	background: url(http://www.darmstadt-gewinnt.de/img/css/angenehmer.png) no-repeat 95px 15px;
}

#content.bgAngenehmer h1 {
	font-weight: bold;
	padding-top: 20px;
}

.email {
	line-height: 24px;
}

/* --- RECHTE SEITE --- */

#rightcontent {
	position: absolute;
	left: 675px;
	top: 105px;
	width: 270px;
	margin-bottom: 30px;
	padding: 15px;
}

/* --- News Navigation --- */

.newsHeadline {
	margin-top: 0;
}

.newsLink {
	text-align: right;
	text-decoration:none;
	margin-bottom: 26px;
}

.newspageLink {
	font-weight: bold;
	text-decoration: underline;
	/*margin-bottom: 26px;*/
	color: #00529b;
}

/* --- Termine --- */

#termine {
	margin-top: 20px;
	position: relative;
	left: -15px;
	width: 270px;
	background-color: #00529b;
	padding: 15px;
	padding-bottom: 2px;
}

#termine p {
	color: #fff;
}

/* --- Buerger-Telefon --- */
#klausschreiber {
	position: relative;
	left: -15px;
	width: 270px;
	height: 163px;
	background-color: #fff;
	padding: 15px;
}

#klausschreiber img {
	float:left;
	/*margin:0 15px 15px 0;*/
	padding: 0 15px 15px 0;
}

#klausschreiber a {
	font-weight: bold;
}

#klausschreiber h2 {
	line-height: 16px;
	margin-bottom: 14px;
}

.underline {
	text-decoration: underline;
}

/* --- NEWSSEITE --- */

.newscontent { /* Wrapper fŸr alle Newsinhalte */
	position: relative;
	display:block;
	width: 630px;
	margin-bottom: 15px;
}

.newsline { /* Zeile fŸr NewsŸbersicht */
	height: 129px;
}

.newspic {
	position: absolute;
	display:block;
	left:0px;
	width: 172px;
}

.newstext {
	position: absolute;
	display:block;
	left: 177px;
	width: 443px;
}

.newstextwide {
	display:block;
	width: 630px;
}

.newspicdetail {
	margin-bottom: 15px;
	display:block;
}

.newspageLinkBack {
	text-align: right;
	text-decoration: underline;
	font-weight: normal;
	color: #00529b;
	margin-top:13px;
}

/* --- Kontaktformular --- */

.contactform h1 {
	margin-bottom: 5px;
}

.inputForm {
	width: 628px;
	background-color: #bcc3be;
	border: 1px solid #bcc3be;
	margin-bottom: 7px;
	font-family: 'Verdana', sans-serif;
	font-size: 13px;
	color: #515452;
}

.buttonForm {
	background-color: #bcc3be;
	border: 1px solid #bcc3be;
	font-family: 'Verdana', sans-serif;
	font-size: 13px;
	color: #515452;
}

.error {
	background-color:#00529b;
	color:#fff;
}