/*
  CSS Definition Document v01
  colourful EVENTS - Ihr Hochzeitsplaner fuer die Gestaltung und Planung Ihrer Hochzeit
*/

/* some basic settings for all css rules */
/*
* {
}
*/

/* the box holding all other boxes (to allow horizontal centering of the page) */
#container {
	width: 800px;
	max-width: 800px;
	/* this is necessary to center the main container in Netscape 7.x */
	margin: 0 auto;
}

/* the standard links box at the top right of the page (sitemap, language etc.) */
#stdLinks {
	position: absolute;
	top: 12px;
	/* "width: 100%;" does not work with Netscape */
	width: 800px;
	text-align: right;
	vertical-align: bottom;
	font-size: 14px;
}
#stdLinks a:link {
	color: #700120;
	text-decoration: none;
}
#stdLinks a:visited {
	color: #700120;
	text-decoration: none;
}
#stdLinks a:hover {
	color: #666666;
	text-decoration: none;
}
#stdLinks a:active {
	color: #700120;
	text-decoration: none;
}

/* the title image box */
#header {
	position: relative;
	width: 100%;
	height: 80px;
	margin-top: 30px;
	margin-bottom: 5px;
}

/* A placeholder or temporary box (with the exact size of the navigation box) to allow
   a relative placing of the web site's main boxes. This is required as the navigation
   box is placed with absolute positioning after the content box has been placed. */
#tmpNavbar {
	position: relative;
	width: 100%;
	height: 80px;
}
/* the box holding all navigation boxes */
#navbar {
	position: absolute;
	top: 115px;
	width: 800px;
	height: 80px;
	/* DO NOT specify the left value!!!
	   (left: 0; wil put the box to the left screen edge) */
}
/* a navigation image box */
#navbar .evenDiv, .oddDiv {
	position: relative;
	height: 80px;
	width: 103px;
	float: left;
	border: 0;
	padding: 0;
	margin: 0;
}
#navbar .oddDiv {
	width: 102px;
}
#navbar img {
	margin: 0;
	border: 0;
}

/* the box holding the news star image */
#news {
	position: absolute;
	top: 172px;
	height: 52px;
	width: 52px;
	/* if using the width property instead of the margin property the left part of the box
	   is on top of the nav bar buttons preventing them from being clicked */
	margin-left: 578px;
}

body {
	margin: 0;
	border: 0;
	padding: 0;
	background-color: #EEEAE9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* text format for colourful EVENTS trademark */
.logo {
/*	color: #700120;*/
}

/* the box holding the different page's content */
.content, .sitemap {
	position: relative;
	margin: 5px 0 5px 0;
	/* the bottom padding is realized using the div box "contentBtm" to ensure a
	   consistent appearance in Netscape which ignores the "padding-bottom" value */
	padding: 50px 100px 25px 100px;
	text-align: left;
	color: #666666;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}
.content a:link, .content a:visited, .content a:active {
	color: #700120;
	text-decoration: none;
}
.content a:hover {
	color: #999999;
	text-decoration: none;
}
.content h1 {
	margin: 0;
	padding-top: 15px 0 10px 0;
	color: #700120;
	font-size: 17px;
	font-weight: bold;
}
.content h2 {
	margin: 0;
	padding-top: 8px;
	padding-bottom: 5px;
	font-size: 15px;
	font-weight: bold;
}
/* the box holding links at the bottom of several pages */
.pageLinks {
	position: relative;
	float: left;
	margin-top: 40px;
	width: 100%;
}

.sitemap {
	padding: 25px 0 0 50px;
}
.sitemap a:link, .sitemap a:visited, .sitemap a:active {
	color: #666666;
	text-decoration: none;
}
.sitemap a:hover {
	color: #999999;
	text-decoration: none;
}
.sitemap h1 {
	margin: 0;
	padding: 10px 0 5px 0;
	font-size: 14px;
}
.sitemap h2, .sitemap h3 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
}
.sitemap p {	margin: 0;
	padding: 0;
}

/* the content of this box must not exceed its height! Otherwise the vetical scrollbar will be shown strangely in different browsers */
.srvcBoxLinks, .srvcBoxLinksPageOne, .srvcBoxTxt {
	position: relative;
	float: left;
	width: 40%;
	height: 340px;
}
.srvcBoxTxt {
	width: 55%;
	padding-left: 5%;
	font-size: 14px;
}
.srvcBoxTxt p {
	margin: 10px 0 10px 0;
}
.srvcBoxLinks a:link, .srvcBoxLinks a:visited, .srvcBoxLinks a:active {
	color: #999999;
}
.srvcBoxLinks a:hover {
	color: #700120;
}
.srvcBoxLinks .activeItem {
	color: #700120;
}

.lnkList {
	margin: 0;
	padding: 0;
	list-style: none;
}
.lnkListItem {
	padding-bottom: 5px;
}

.benefitBulletItem {
	width: 25px;
}
.benefitTxtItem {
	padding: 4px 0 3px 0;
}

.agTxtBox {
	position: relative;
	float: left; 
	padding-top: 0px; 
	width: 350px; 
	height: 400px;
	color: #333333;
	text-align: justify; 
	font-size: 13px;
}
.agTxtBox p {
	margin: 0;
}
.agAdrBox {
	position: relative;
	float: left;
/*	padding: 315px 0 0 90px;
	width: 170px;*/
	padding: 315px 0 0 90px;
	width: 220px;
	color: #333333;
	font-size: 13px;
	font-weight: bold;
}
.agAdrBox p {
	margin: 0 0 7px 0;
}

.imprContactBox {
	float: left;
	width: 45%;
	font-size: 12px;
}
.imprContactBox h1 {
	margin: 0;
	padding: 0 0 5px 0;
	color: #666666;
	font-size: 12px;
}
.imprContactBox p {
	margin: 7px 0 7px 0;
}
.imprContactBox .jm {
	font-size: 12px;
}
.imprContactBox a:link, .imprContactBox a:visited, .imprContactBox a:active {
	color: #666666;
}
.imprContactBox a:hover {
	color: #700120;
}
.imprLegalNoteBox {
	float: left;
	width: 50%;
	padding-left: 5%;
	font-size: 12px;
	text-align: justify;
}
.imprLegalNoteBox h1 {
	margin: 20px 0 0 0;
	padding: 0;
	color: #666666;
	font-size: 12px;
}
.imprLegalNoteBox p {
	margin: 0 0 10px 0;
}

/* with nested divs where the inner div has "float: left" set, IE6 does show the div unless the
   "position: relative" setting is added */
.refBox {
	position: relative; 
	float: left;
	font-size: 14px;
}

.refAuthor {
	font-size: 14px;
}

.refImages {
	position: relative;
	float: left;
	clear: left;
	width: 600px;
	height: 80px;
	padding-top: 30px;
}

.refImages div {
	position: relative;
	float: left;
	width: 80px;
	height: 80px;
	margin-left: 50px;
}

.content .newsH1 {
	width: 100%;
	margin: 50px 0 0 0;
	padding: 0 0 0 2px;
	background-color: #CCCCCC;
	color: #700120;
	font-size: 15px;
}

.newsTable {
	padding: 15px 0 5px 0;
}
.newsTable p {
	margin: 0 0 0 25px;
	padding: 0;
}
.newsTableSep {
	border-bottom: 1px solid #999999;
}

.newsARDDateTd {
	vertical-align: top;
	padding: 4px 0 4px 0;
	width: 200px;
}
.newsARDTxtTd {
	vertical-align: top;
}

/* for pages containing divs within the content div that have the "float: left" setting,
   the "clear: both;" setting at the end of the page is crucial to extend the background div
   (in this case the content div) to the bottom of the page */
.contentBtm {
	clear: both;
	width: 100%;
}

/* the site's footer box */
#footer {
	position: relative;
	clear: left;
	margin-bottom: 5px;
	height: 24px;
	background-color: #B1AE82;
	color: #FFFFFF;
	font-size: 14px;
}
#footer div {
	padding: 2px;
	margin-left: 10px;
	height: 20px;
	position: relative;
	/* this requires an adjustment of the "line-height" property */
	vertical-align: middle;
	/* this is necessary to vertically align the text, as the text is always aligned within the text line (not the box) */
	line-height: 20px;
}
#footer a:link, #footer a:visited, #footer a:active {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover {
	color: #700120;
	text-decoration: none;
}