/**
 * common styles for eCampaigning antwerpes
 * @author Matthias Schmidt <matthias.schmidt@antwerpes.de>
 * @version 0.1 - 22.05.2007 13:19:29
 * @package de.antwerpes.ecampaigning
 */

body {
	background: white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	padding: 0;
	margin: 0;

	text-align: center;
}
#surrounding {
	margin: 0 auto;
	padding: 0 0 30px 0;
	width: 1020px;
	text-align: left;
}
a img {
	border: none;
}
a {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
a.nonbold {
	font-weight: normal;
}
a:hover {
	text-decoration: underline;
}

h1 {
	font-size: 18px;
	font-weight: bold;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
form,
ul,
ul li {
	margin: 0;
	padding: 0;
}

div.floatright {
    float: right;
	clear: right;
    padding: 0 0 20px 20px;
    margin: 0;
    position: relative;
}
div.floatright img {
	padding: 0;
	margin: 0;
}
span.editsection,
span.editsection a {
	font-size: 10px;
	font-weight: normal;
}
hr {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #fafafa;
	border-right: 1px solid #fafafa;
	border-bottom: 1px solid #fafafa;
}

/**
 * fonts
 * @section fonts
 */
.smallText,
.smallInfoText {
	font-size: 70%;
}

/**
 * colors
 * @section colors
 */
.error,
.errorMessage {
	color: #cc0033;
}
.white {
	color: white;
}
.lightGray {
	color: #646464;
}
.bgDarkGray {
	background: #e3e3e3;
}



div#header {
	background: url(/skins/antwerpes/img/header_home.jpg) no-repeat;
	width: 1020px;
	height: 192px;
}
div#logo {
	position: relative;
	top: 40px;
	left: 23px;
}
div#headerDummyLinks {
	position: relative;
	top: 13px;
	left: 415px;
	width: 235px;
	height: 60px;
}
div#headerLink1 {
	width: 235px;
	height: 35px;
}
div#headerLink2 {
	position: relative;
	top: 0;
	left: 25px;
	width: 185px;
	height: 25px;
}
div#leftcol {
	float: left;
	position: relative;
	top: 0px;
	left: 23px;
	width: 190px;
	overflow: visible;
}
div#rightcol {
	float: left;
	position: relative;
	top: 0px;
	left: 43px;
	width: 745px;
}
div#contentContainer {
	clear: both;
	background: #fafafa;
	border: 1px solid #cccccc;
}
div#contentBody {
	float: left;
	width: 745px;
}
div#contentBody div.bodyPadding {
	padding: 25px 15px 25px 25px;
}
div.divContentBoxShadowTopLeft {
	float: left;
	padding: 3px 0 0 3px;
	background: url(/skins/antwerpes/img/bg/bg_box_shadow_topleft.gif) no-repeat top left;
}
div.divContentBoxShadowBottomRight {
	float: left;
	padding: 0 3px 4px 0;
	background: url(/skins/antwerpes/img/bg/bg_box_shadow_bottomright.gif) no-repeat bottom right;
}
div#contentTeaser {
	float: left;
	padding: 58px 0 0 0;
}
div#footer {
	text-align: center;
	padding: 20px;
}
div#footer ul {
	padding: 10px 0 0 0;
	list-style: none;
}
div#footer ul li {
	display: inline;
	padding: 10px 3px;
}
div#footer ul li a {
	font-weight: normal;
}



/** left teaser **/
div#leftcol div.leftTeaser {
	position: relative; /* do not remove this line, else IE6 will not display background images in lists */
	padding-bottom: 5px;
}
div#leftcol div.leftTeaser div.headline {
	padding: 10px 0 8px 10px;
}
div#leftcol div.leftTeaser div.headline h2 {
	padding: 0;
	margin: 0;
	color: #ee7900;
	font-size: 12px;
	line-height: 120%;
}
div#leftcol div.grayMenuLink {
	padding: 7px 0 10px 20px;
	background: url(/skins/antwerpes/img/bullets/menulink_gray.gif) no-repeat 10px 9px;
}
div#leftcol div.grayMenuLink a {
	color: #333333;
}

/** orange teaser **/
div#leftcol div.orangeTeaser {
	border: 1px solid #f1bc85;
	background: #ee7900;
}
div#leftcol div.orangeTeaser ul {
	list-style: none;
	padding: 7px 0 10px 0;
	line-height: 150%;
}
div#leftcol div.orangeTeaser ul li {
	background: #ee7900 url(/skins/antwerpes/img/bullets/leftteaser.gif) no-repeat 15px 7px;
	margin: 5px 0 5px 0;
}
div#leftcol div.orangeTeaser ul li div {
	padding: 2px 0 0 25px;
}
div#leftcol div.orangeTeaser ul li a {
	font-weight: bold;
	color: white;
}
/** gray teaser **/
div#leftcol div.grayTeaser {
	border: 1px solid #cccccc;
	background: #f4f4f4;
}
/** statistics teaser **/
div#teaserDocStatistics {
	padding-bottom: 5px;
}
div#teaserDocStatistics div {
	padding: 5px;
}
div#teaserDocStatistics div.label {
	position: relative; /* do not remove this line, else IE6 will not display the contents of this label divs */
	padding-left: 10px;
	width: 50%;
}
/** quicksearch **/
div#teaserQuickSearch {
	padding: 10px;
}
div#teaserQuickSearch input#searchInput {
	width: 165px;
	color: #646464;
	font-size: 11px;
	padding: 1px 0;
	border: 1px solid #d9d9d9;
}
div#teaserQuickSearch input#quicksearchSubmit {
	margin-left: 6px;
}

/*das war auch der Heiko (heiko.pluemer@antwerpes.de)*/
textarea#wpUploadDescription {
	width: 262px;
}

div#formatKontaktForm input,
div#formatKontaktForm textarea {
	color: #646464;
	border: 1px solid #d9d9d9;
	margin: 4px 0;

}
div#formatKontaktForm input {
  	height: 15px;
}

div#formatKontaktForm .formatKontaktButton input {
  border: none;
  height: 21px;
  width: 89px;
}

div#swfHeader {
	position: relative;
	top: -15px;
	left: 0px;
	background: none;
}