/*************************************************
 * Seite: www.afrikaverein.de
 * Datei: text.css
 * Media: screen & print
 * * * * * * * * * * * * * * * * * * * * * * * * *
 * Datum: 2011-02 | ...
 * Autor: Dario Müller
 *************************************************/

h1, h2, h3, h4, h5, h6, p {
	padding: 0;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	color: #000;
}
h1 {
	margin: 0 0 33px 0;
	font-size: 1.45em;
	font-weight: bold;
}
h2 {
	margin: 0 0 33px 0;
	font-size: 1.4em;
	font-weight: bold;
}
h3 {
	margin: 5px 0;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 18px;
}
h4 {
	margin: 5px 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
	line-height: 18px;
}
p {
	font-size: 1em;
	margin: 5px 0;
	line-height: 1.6em;
}
P.novalue {
	font-style: italic;
}
P.confirm,
P.cancel {
	margin: 30px 0 0 100px;
}
I {
	width: 99%;
}
p.errorText {
	color: #FFCC66;
	font-weight: bold;
}
p.savedText {
	color: #FFCC66;
	font-weight: bold;
}
.hidden {
	display: none;
}

/* Content-Text and Content with Images */
.csc-textpic-caption {
	color: #000;
}

div.csc-textpic-center div.csc-textpic-imagewrap {
	margin: 0;
}
div.csc-textpic-center div.csc-textpic-imagewrap dl.csc-textpic-image {
	margin: 0;
}
/* DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption */
div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-imagerow dd.csc-textpic-caption,
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd.csc-textpic-caption,
dd.csc-textpic-caption,
div.csc-textpic-caption {
	padding: 0;
	margin: 14px 0;
	text-align: left;
	float: left;
	font-size: 0.9em;
}

div.csc-textpic.csc-textpic-center div.csc-textpic-imagewrap dl.csc-textpic-image dd.csc-textpic-caption ,
div.csc-textpic.csc-textpic-above div.csc-textpic-imagewrap dl.csc-textpic-image dd.csc-textpic-caption ,
div.csc-textpic-caption {
	position: relative;
	margin: 2px;
	color: #000;
}
div.csc-textpic.csc-textpic-intext-left div.csc-textpic-imagewrap dl.csc-textpic-image dd.csc-textpic-caption ,
div.csc-textpic.csc-textpic-intext-right div.csc-textpic-imagewrap dl.csc-textpic-image dd.csc-textpic-caption {
	width: auto;
}

DIV.csc-textpic-intext-left {
}
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {
	/*width: 100%;*/
}
DIV.csc-textpic-left DIV.csc-textpic-imagewrap {
    float: left;
    margin: 0 0 20px;
}



div.csc-textpicHeader h4 {
	margin:2px 0;
}


div.csc-textpic {
	margin: 0 0 20px;
	clear: both;

}

div.csc-textpic-text p {
	margin: 0 0 20px;
}

div.csc-textpic .csc-textpic-text p {
	margin:0;
}

	div.csc-textpic.csc-textpic-intext-left div.csc-textpic-imagewrap {
		margin: 5px 28px 0 0 !important;
		float: left;
	}

	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap ,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap {
		/*margin-left: 28px !important;*/
		margin-top: 5px;
	}
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {
		margin-right: 28px !important;
		margin-top: 5px;
	}

	div.csc-textpic.csc-textpic-intext-left div.csc-textpic-text {
	}
		div.csc-textpic.csc-textpic-intext-left div.csc-textpic-text p {
			margin-top: 0;
		}
div.csc-textpic-imagerow  dl.csc-textpic-image.csc-textpic-firstcol.csc-textpic-lastcol {
	margin: 0 0 22px 0 !important;
}
div.csc-textpic.csc-textpic-center.csc-textpic-above div.csc-textpic-imagewrap {
	width: 776px !important;
	position: relative;
}
	#content div.csc-textpic div.csc-textpic-imagewrap dl {
		margin: 0;
	}
	#sub #content div.csc-textpic-imagewrap ul li.csc-textpic-image {
		margin: 0 10px 0 0;
	}
		div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-lastcol,
		div.csc-textpic-imagewrap ul li.csc-textpic-image.csc-textpic-lastcol {
			margin: 0 !important;
		}
	dl.csc-textpic-image.csc-textpic-firstcol.csc-textpic-lastcol dd.csc-textpic-caption {
		width: auto;
	}
#sub div.csc-textpic-imagewrap ul {
	padding: 0;
}
#sub div.csc-textpic-imagewrap ul  li {
	padding: 0;
	background: none;
}


div.csc-textpic-intext-right-nowrap div.csc-textpic-text p,
div.csc-textpic.csc-textpic-intext-right div.csc-textpic-text p {
	text-align: justify;
	margin-right: 18px;
}
div.hellgelb div.hell-padding div.csc-textpic-intext-right-nowrap div.csc-textpic-text p,
div.beige div.hell-padding div.csc-textpic-intext-right-nowrap div.csc-textpic-text p,
div.hellgelb div.hell-padding div.csc-textpic.csc-textpic-intext-right div.csc-textpic-text p,
div.beige div.hell-padding div.csc-textpic.csc-textpic-intext-right div.csc-textpic-text p {
	margin-right: 0;
}
div.csc-textpic-intext-left-nowrap div.csc-textpic-text p {
	margin-left: 18px;
}
div.hellgelb divhell-padding div.csc-textpic-intext-left-nowrap div.csc-textpic-text p,
div.beige div.hell-padding div.csc-textpic-intext-left-nowrap div.csc-textpic-text p {
	margin-left: 0px;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
	margin-right: 10px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * */
*::-moz-selection,
#search *::-moz-selection {
    background-color: #fff4d2;
}
*::selection,
#search *::selection {
    background-color: #fff4d2;
}
input::-moz-selection,
textarea::-moz-selection {
    background-color: #FFCC66;
}
input::selection,
textarea::selection {
    background-color: #FFCC66;
}

/* * * * * * * * * * * * * * * * * * * * * * * * */
A {
	text-decoration: none;
	color:#784A0E;
	cursor: pointer;
}
A:link, A:visited {
	color:#784A0E;
	font-weight:bold;
}
A:hover, A:active {
	color:#ffcc66;
}
A.iconlink {
	text-decoration: none;
	color: #472818;
}
A.iconlink IMG {
	margin: 0 5px -10px 0;
}
A.iconlink:hover {
	color: #472818;
}
A.iconrightlink {
	position: relative;
	display: block;
	width: 430px;
	min-height: 42px;
	height: auto !important;  /* für moderne Browser */
	height: 42px;  /* für den IE */
	padding: 2px 30px 0 0;
	text-decoration: none;
	color: #472818;
}
A.iconrightlink B {
	margin-right: 20px;
}
A.iconrightlink IMG {
	position: absolute;
	right: 0;
	top:  0;
}
A.iconrightlink:hover {
	color: #472818;
}

/* ___ Links / Buttons __- */

/* Buttonlink = Rahmen mit flexibler Breite */
p.buttonlink a,
a.buttonlink {
	display: block;
	float: left;
	background: url("/fileadmin/images/button_rightpart.gif") no-repeat scroll right center transparent;
	height: 28px;
    padding-right: 24px;
	text-decoration: none;
	color: #472818;
	font-weight: bold;
	text-transform: uppercase;
	margin: 5px 0;
}
	p.buttonlink a:hover, p.buttonlink a:active,
	a.buttonlink:hover, a.buttonlink:active {
		color: #FFCC66;
	}
	p.buttonlink a span,
	a.buttonlink span {
		display: block;
		line-height: 28px;
		padding: 0 12px 0 22px;
		background: url("/fileadmin/images/button_leftpart.gif") no-repeat scroll left center transparent;
	}

/* Homelink = Rahmen mit fester Breite, mittiger Ausrichtung und absolute Positioniert */
a.homelink {
	width: 172px;
	height: 28px;
	background: url("/fileadmin/images/button_complete.gif") no-repeat center center transparent;
	text-align: center;
	position: absolute;
	left: 30px;
	top: 120px;
	text-decoration: none;
	margin: 5px 0;
}
	a.homelink span {
		line-height: 28px;
		background: url("/fileadmin/images/morelink_bg2.gif") no-repeat right center transparent;
		padding-right: 16px;
		text-decoration: none;
		color: #472818;
		font-weight: bold;
		text-transform: uppercase;
	}
	a.homelink:hover span, a.homelink:active span {
		color: #FFCC66;
	}

/* Submitlink = Rahmen mit fester Breite und mittiger Ausrichtung */
a.submitlink {
	width: 172px;
	height: 28px;
	background: url("/fileadmin/images/button_complete.gif") no-repeat center center transparent;
	text-align: center;
	display: block;
	text-decoration: none;
	margin: 5px 0;
}
	a.submitlink span {
		line-height: 28px;
		background: url("/fileadmin/images/morelink_bg2.gif") no-repeat right center transparent;
		padding-right: 16px;
		text-decoration: none;
		color: #472818;
		font-weight: bold;
		text-transform: uppercase;
	}
	a.submitlink:hover span, a.submitlink:active span {
		color: #FFCC66;
	}

/* Contentlink = Kein Rahmen und Pfeil links von Text */
a.contentlink {
	background: url("/fileadmin/images/morelink_bg.gif") no-repeat left center transparent;
	text-decoration: none;
	line-height: 30px;
	padding: 0 0 0 18px;
	color: #472818;
	font-weight: bold;
	margin: 5px 0;
}
	a.contentlink:hover, a.contentlink:active {
		color: #FFCC66;
	}
/* wie Contentlink nur als Liste: ul, li */
#sub ul.contentlinkList {
	list-style: none;
}
	#sub ul.contentlinkList li {
		background: url("/fileadmin/images/morelink_bg.gif") no-repeat left center transparent;
		text-decoration: none;
		padding: 0 0 0 18px;
		color: #472818;
		margin: 5px 0;
	}
		#sub ul.contentlinkList li a {

		}

/* eventLink = Links in Eventbereichen */
a.eventLink_Left {
	background: url("/fileadmin/images/morelink_bg5.gif") no-repeat left center transparent;
	text-decoration: none;
	line-height: 30px;
	padding: 0 0 0 13px;
	color: #784A0E;
}
	a.eventLink_Left:hover, a.eventLink_Left:active {
		color: #FC6;
	}
a.eventLink_Right {
	background: url("/fileadmin/images/morelink_bg.gif") no-repeat right center transparent;
	text-decoration: none;
	line-height: 30px;
	padding: 0 18px 0 0;
	color: #784A0E;
}
	a.eventLink_Right:hover, a.eventLink_Right:active {
		color: #FC6;
	}

/* dies wenn Buttons mittig und flexible Breite */
/*p.homelinkP {
	text-align: center;
}
a.homelink {
	height: 28px;
	padding-right: 24px;
	background: url("/fileadmin/images/button_rightpart.gif") no-repeat right center transparent;
	display: inline-block;

}
a.homelink span {
	line-height: 28px;
	padding: 0 12px 0 22px;
	background: url("/fileadmin/images/button_leftpart.gif") no-repeat left center transparent;
	display: inline-block;

	text-decoration: none;
	color: #472818;
	font-weight: bold;
	text-transform: uppercase;
}*/
/* * * * * * * * * * * * * * * * * * * * * * * * */
ul {
	margin: 0;
	list-style: none;
}
ol {
	margin: 0;
}
ul li {
	margin: 4px 15px 5px 0;
	padding: 0 0 0 10px;
	font-size: 1em;
	line-height: 1.6em;
}
ol li {
	line-height: 1.6em;
}
#sub ol,
#sub ul {
	padding: 4px 0;
	color:#000;
}
#sub ol li {
	font-size: 1em;
	margin: 0 0 0 30px;
}
#sub ul li {
	margin: 0 0 0 15px;
	background: url("/fileadmin/images/home_listElement.gif") no-repeat left center transparent;
	padding: 3px 0 3px 15px;
	line-height: 1.3em;
}
/* * * * * * * * * * * * * * * * * * * * * * * * */
IMG {
	border: none;
}
IMG.silkicon {
	margin: 0 0 -2px 0;
	padding: 0 2px 0 0;
}
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG, DIV.csc-textpic-border DIV.csc-textpic-single-image IMG {
	border: 1px solid #472818;
}
/* * * * * * * * * * * * * * * * * * * * * * * * */
FORM .field .fieldWithErrors INPUT,
FORM .field .fieldWithErrors TEXTAREA {
	background-color: #FFCCCC;
}
/* * * * * * * * * * * * * * * * * * * * * * * * */
TABLE {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}
TABLE THEAD TR TH {
	padding: 0 4px;
}
TABLE TR TD {
	padding: 0 4px;
	vertical-align: top;
}
TABLE.styletable1,
TABLE.styletable2,
TABLE.styletable3,
TABLE.styletable4,
TABLE.contenttable {
	border-top: 1px solid #c4c4c4;
	border-left: 1px solid #c4c4c4;
}
TABLE.styletable1 TR,
TABLE.styletable2 TR,
TABLE.styletable3 TR,
TABLE.styletable4 TR,
TABLE.contenttable TR {
	border-bottom: 1px solid #c4c4c4;
}
TABLE.styletable1 TR TD,
TABLE.styletable1 TR TH,
TABLE.styletable2 TR TD,
TABLE.styletable2 TR TH,
TABLE.styletable3 TR TD,
TABLE.styletable3 TR TH,
TABLE.styletable4 TR TD,
TABLE.styletable4 TR TH,
TABLE.contenttable TR TD,
TABLE.contenttable TR TH {
	padding: 5px 10px;
	vertical-align: top;
	border-right: 1px solid #c4c4c4;
}
TABLE.styletable1 TR TD,
TABLE.styletable1 TR TH {
	padding: 5px 10px;
	vertical-align: top;
}
table.styletable2,
table.styletable6 {
	width: 100%;
}
table.styletable3,
table.styletable7 {
	width: 80%;
}
table.styletable4,
table.styletable8 {
	width: 50%;
}
div.csc-textpic-text table p,
table p {
	margin: 0;
}

/* Mitglieder -> persoenliche Daten */
div.memberareaSheetNavi {
	letter-spacing: 0.1em;
}
	div.memberareaSheetNavi img ,
	div.memberareaSheetNavi span,
	div.memberareaSheetNavi a {
		padding: 0 5px;
		color: #472818;
		font-weight: bold;
		font-size: 1.1em;
	}
	div.memberareaSheetNavi span,
	div.memberareaSheetNavi a:hover,
	div.memberareaSheetNavi a:active {
		color: #FFCC66;
	}
div.memberareaContainer {
	margin: 50px 0;
}
	div.memberareaContainer h4 {
		margin: 0 0 21px 0;
		color: #A38666;
		font-size: 1.2em;
	}
	div.memberareaContainer table {
		width: 370px;
	}
	div.memberareaContainer table.memberareaWidtherTable {
		width: 773px;
	}
		div.memberareaContainer table tr  {
			height: 30px;
		}
			div.memberareaContainer table tr td  {
				padding: 0;
			}
				div.memberareaContainer table tr td.memberText  {
					width: 140px;
				}
					div.memberareaContainer table tr td.memberText p  {
						margin: 0;
					}
				div.memberareaContainer table tr td.memberValue  {
					width: 230px;
				}
					div.memberareaContainer table tr td.memberValue p  {
						height: 30px;
						margin: 0;
					}
					div.memberareaContainer table tr td.memberValue p.smallHeight  {
						height: auto;
					}
					div.memberareaContainer table tr td.memberValue p label  {
						padding: 0;
					}
				div.memberareaContainer table tr.padding-top td  {
					padding-top: 30px;
				}

/* Mitglieder -> Events */
div.memberareaHeadline {
	margin: 30px 0 20px 0;
}
	div.memberareaHeadline h2 {
		color: #A38666;
		font-size: 1.3em;
		margin: 0;
	}
div.memberareaContainer.dates {
	padding: 12px 0 15px;
	margin: 0 0 0 -17px;
	width: 790px;
}
div.memberareaContainer.dates.coloredDark {
	background-color: #EEE7E1;
}
	div.memberareaContainer.dates table {
		width: 100%;
	}
		div.memberareaContainer.dates table h4 {
			margin: 0;
			color: #472818;
		}
		div.memberareaContainer.dates table tr {
			height: auto;
		}
			div.memberareaContainer.dates table tr td {
				padding: 5px 17px;
			}
div.memberareaContainer.memberareaEventlist {
	padding: 0 0 30px 0;
	margin: 20px 0 30px 0;
	border-bottom: 1px solid #EBE7E4;
}
	div.memberareaContainer.memberareaEventlist h4 {
		margin: 0 0 16px 0;
	}
	div.memberareaContainer.memberareaEventlist h5 {
		margin: 13px 0 4px 0;
		font-size: 1.1em;
	}
		div.memberareaContainer.memberareaEventlist div.memberareaEventlist_leftPart {
			float: left;
		}
			div.memberareaContainer.memberareaEventlist div.memberareaEventlist_leftPart h2 {
				font-size: 1.2em;
				font-weight: bold;
				margin: 0;
			}
			div.memberareaContainer.memberareaEventlist div.memberareaEventlist_leftPart table {
				width: 500px;
			}
				div.memberareaContainer.memberareaEventlist div.memberareaEventlist_leftPart table tr {
					height: 20px;
				}
				div.memberareaContainer.memberareaEventlist div.memberareaEventlist_leftPart table tr.margin td {
					padding: 5px 10px 5px 0 ;
				}
					div.memberareaContainer.memberareaEventlist div.memberareaEventlist_leftPart table tr  td {
						padding-right: 10px;
					}
						div.memberareaContainer.memberareaEventlist div.memberareaEventlist_leftPart table tr  td p {
							margin: 0;
						}
		#sub div.memberareaContainer.memberareaEventlist div.memberareaEventlist_leftPart ul {
			padding: 0;
		}
			#sub div.memberareaContainer.memberareaEventlist div.memberareaEventlist_leftPart ul li {
				margin: 0;
				padding: 2px 0 2px 15px;
			}
		div.memberareaContainer.memberareaEventlist div.memberareaEventlist_rightPart {
			float: right;
		}
			div.memberareaContainer.memberareaEventlist div.memberareaEventlist_rightPart .logo-uebersicht {
				margin-left: 10px;
				float: right;
			}
			div.memberareaContainer.memberareaEventlist div.memberareaEventlist_rightPart p a.submitlink {
				float: right;
			}

div.memberareaContainer table.teilnehmerliste {
	width: 100%;
}
	div.memberareaContainer table.teilnehmerliste tr th {
		padding: 0;
		line-height: 30px;
	}
	div.memberareaContainer table.teilnehmerliste tr td {
		line-height: 30px;
		border-top: 1px solid #9F8868;
	}
#content form#eventfilter_form {
	margin: 30px 0;
}
/* Events -> Detailansicht */
div.eventDetailview {

}
	div.eventDetailview p {
		margin: 0;
	}
	div.eventDetailview div.eventDetailview_Header_Left {
		float: left;
		margin: 0 0 30px 0;
	}
		div.eventDetailview div.eventDetailview_Header_Left h3 {

		}
	div.eventDetailview div.eventDetailview_Header_Right {
		float: right;
	}
		div.eventDetailview div.eventDetailview_Header_Right {
			margin: 0 20px 0 0;
		}
	div.eventDetailview div.eventDetailview_Contenttext {
		clear: both;
	}
		div.eventDetailview div.eventDetailview_Contenttext h2 {
			margin: 0 0 10px 0;
		}
	div.eventDetailview div.eventDetailview_Contentinfos {
		margin: 30px 0 0 0;
	}
		div.eventDetailview div.eventDetailview_Contentinfos h4 {
			margin: 0 0 5px 0;
		}
		div.eventDetailview div.eventDetailview_Contentinfos div.eventDetailview_Contentinfos_Left {
			float: left;
		}
			div.eventDetailview div.eventDetailview_Contentinfos div.eventDetailview_Contentinfos_Left table {

			}
				div.eventDetailview div.eventDetailview_Contentinfos div.eventDetailview_Contentinfos_Left table tr {

				}
					div.eventDetailview div.eventDetailview_Contentinfos div.eventDetailview_Contentinfos_Left table tr td {
						padding: 0;
						line-height: 1.6em;
						padding-right: 10px;
					}
					div.eventDetailview div.eventDetailview_Contentinfos div.eventDetailview_Contentinfos_Left table tr.margin td {
						padding: 5px 10px 5px 0;
					}
					div.eventDetailview div.eventDetailview_Contentinfos div.eventDetailview_Contentinfos_Left table tr td p {
						margin: 0;
					}
					div.eventDetailview div.eventDetailview_Contentinfos div.eventDetailview_Contentinfos_Left table tr td.memberText {
						width: 100px;
						font-weight: bold;
					}
		#sub div.eventDetailview div.eventDetailview_Contentinfos div.eventDetailview_Contentinfos_Left ul {
			padding: 0;
		}
			#sub div.eventDetailview div.eventDetailview_Contentinfos div.eventDetailview_Contentinfos_Left ul li {
				margin: 0;
				padding: 2px 0 2px 15px;
			}
		div.eventDetailview div.eventDetailview_Contentinfos div.eventDetailview_Contentinfos_Right {
			float: right;
		}
	div.eventDetailview div.eventDetailview_moreInfos {
		margin: 20px 0;
	}
		div.eventDetailview div.eventDetailview_moreInfos h4 {
			margin: 0 0 4px 0;
		}
		div.eventDetailview div.eventDetailview_moreInfos a:link,
		div.eventDetailview div.eventDetailview_moreInfos a:visited {
			color: #472818;
		}
		div.eventDetailview div.eventDetailview_moreInfos a:hover,
		div.eventDetailview div.eventDetailview_moreInfos a:active {
			color: #FC6;
		}

/* AfrikaKarte */
#main #sub #content div#mapContainerOuther {
	text-align: center;
	margin: 30px auto;
	width: 504px;
}
#main #sub #content div#mapContainer {
	position: relative;
}
#main #sub #content a.imagemapHoverImg {
	position: absolute;
	display: none;
}
#main #sub #content div#imagemapCountyName {
	display: none;
	position: absolute;
	z-index: 20px;
	background-color: #EEE7E1;
	border: 1px solid #A78869;
	padding: 0 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	filter: alpha(opacity=85);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}
#main #sub #content div#imagemapCountyName p {
	font-weight: bold;
}