/*  
Theme Name: ACH e.V. - ASSOCIATION DES CAMEROUNAIS DE HAMBOURG
Theme URI: http://www.ach-ev.org
Description: Screen Theme
Version: 1.0
Author: Projekt 77
Author URI: http://www.projekt-77.de/
*/

/* ------------------------------------------ DEFAULT --------------------------------------------------- */

body {
	font-size: 70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #640000;
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 0;
}

a:link {
	color: #640000;
	text-decoration: underline;
}

a:visited {
	color: #1D521C;
	font
	text-decoration: underline;
}

a:hover {
	color: #640000;
	text-decoration: none;
}

a:active {
	color: #640000;
	text-decoration: none;
}

a:focus {
	color: #1D521C;
	text-decoration: none;
}


acronym {
	cursor: help;
	border-bottom: 1px dashed #0A0A0A;
}

abbr {
	cursor: help;
	border-bottom: 1px dashed #0A0A0A;
}


.invisible {visibility: hidden;}

.hide, #address {display: none;}

.hide_title, .hide_active, .jumptocontent {
	position: absolute;
  	top: -6000px;
  	left: -6000px;
 	height: 1px;
	width: 1px;
}


a img {border: 0;}

table {
	border: 0;
	font-size: 100%;
}

/* -------------------------------------------- FRAME POSITIONING CENTER ----------------------------------------------------- */

#frame_out {
	width: 772px;
	margin: 0 auto;
	padding: 0;
}

#frame_in {
	width: 760px;
	border: 1px solid #640000;
	text-align: left;
	margin: 20px 0;
	padding: 5px;
	float: left;
}

/* ------------------------------------------------------ LAYER --------------------------------------------------------------- */

#function {
	width: 760px;
	margin: 0 0 5px 0;
	padding: 0;
	display: block;
	float: left;
}

	#func_left {
		width: 325px;
		margin: 0;
		padding: 0;
		display: block;
		float: left;
	}
	
	#func_right {
		width: 425px;
		text-align: right;
		margin: 3px 0 0 0;
		padding: 0;
		display: block;
		float: right;
	}

#header {
	width: 760px;
	margin: 0;
	padding: 0;
	float: left;
}	

#breadcrumb {
	width: 750px;
	margin: 5px 0 10px 0;
	padding: 0;
	display: block;
	float: left;
}

#content_block {
	width: 760px;
	color: #640000;
	background: url(../graphic/bg/bg_content.jpg) repeat-y;
	margin: 0 0 5px 0;
	padding: 0;
	display: block;
	float: left;
}

	#left {
		width: 210px;
		color: #640000;
		background-color: transparent;
		margin: 0 0 0 0;
		padding: 0;
		float: left;
	}
	
	#middle {
		width: 520px;
		background-color: transparent;
		line-height: 140%;
		margin: 0;
		padding: 0 0 0 20px;
		float: left;
	}

/* -------------------------------------------- NAVIGATION ----------------------------------------------------- */

/* #################### function #################### */

ul#funcnavigation {
	margin: 0;
  	padding: 0;
}

#funcnavigation li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
	display: inline;
}

li.func a:link, li.func a:visited {
	color: #640000;
	background-color: transparent;
	margin: 0;
	padding: 0 5px;
	text-decoration: none;
}

li.func a:hover, li.func a:active, li.func a:focus {
	color: #640000;
	background-color: transparent;
	margin: 0;
	padding: 0 5px;
	text-decoration: underline;
}

li.func_a a:link, li.func_a a:visited {
	color: #640000;
	background-color: transparent;
	margin: 0;
	padding: 0 5px;
	text-decoration: underline;
}

li.func_a a:hover, li.func_a a:active, li.func_a a:focus {
	color: #640000;
	background-color: transparent;
	margin: 0;
	padding: 0 5px;
	text-decoration: none;
}

/* #################### breadcrumb #################### */

ul#breadcrumbnav {
	margin: 0;
  	padding: 0;
}

#breadcrumbnav li {
	font-size: 100%;
	margin: 0;
	padding: 0;
	display: inline;
}

li.bnav a:link, li.bnav a:visited {
	margin: 0;
	padding: 0 5px;
}

li.bnav a:hover, li.bnav a:active, li.bnav a:focus {
	margin: 0;
	padding: 0 5px;
}

li.bnav_a a:link, li.bnav_a a:visited {
	margin: 0;
	padding: 0 5px;
}

li.bnav_a a:hover, li.bnav_a a:active, li.bnav_a a:focus {
	margin: 0;
	padding: 0 5px;
}

/* #################### main ######################## */

ul#mainnavigation {
	margin: 0;
  	padding: 0;
	float: left;
}

#mainnavigation li {
	width: 210px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	line-height: 140%;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

li.main a:link, li.main a:visited {
	width: 195px;
	color: #FFFFFF;
	background: url(../graphic/bg/mainnav.jpg) repeat-y;
	margin: 0;
	padding: 3px 0 5px 15px;
	display: block;
	float: left;
	text-decoration: none;
}

li.main a:hover, li.main a:active, li.main a:focus {
	color: #FFFFFF;
	background: url(../graphic/bg/mainnav_a.jpg) no-repeat;
	margin: 0;
	padding: 3px 0 5px 15px;
	text-decoration: none;
}

li.main_a a:link, li.main_a a:visited {
	width: 195px;
	color: #FFFFFF;
	background: url(../graphic/bg/mainnav_a.jpg) repeat-y;
	margin: 0;
	padding: 3px 0 5px 15px;
	display: block;
	float: left;
	text-decoration: none;
}

li.main_a a:hover, li.main_a a:active, li.main_a a:focus {
	color: #FFFFFF;
	background: url(../graphic/bg/mainnav.jpg) no-repeat;
	margin: 0;
	padding: 3px 0 5px 15px;
	text-decoration: none;
}

/* #################### sub1 ######################## */

ul#subnavigation {
	border-bottom: 1px solid #91AD63;
	margin: 0;
  	padding: 0;
	float: left;
}

#subnavigation li {
	width: 210px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	line-height: 140%;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

li.sub1 a:link, li.sub1 a:visited {
	width: 190px;
	color: #FFFFFF;
	background: none;
	background-color: #1D521C;
	margin: 0;
	padding: 3px 0 5px 20px;
	display: block;
	float: left;
	text-decoration: none;
}

li.sub1 a:hover, li.sub1 a:active, li.sub1 a:focus {
	color: #FFFFFF;
	background: none;
	background-color: #640000;
	margin: 0;
	padding: 3px 0 5px 20px;
	text-decoration: none;
}

li.sub1_a a:link, li.sub1_a a:visited {
	width: 190px;
	color: #FFFFFF;
	background: none;
	background-color: #640000;
	margin: 0;
	padding: 3px 0 5px 20px;
	display: block;
	float: left;
	text-decoration: none;
}

li.sub1_a a:hover, li.sub1_a a:active, li.sub1_a a:focus {
	color: #FFFFFF;
	background: none;
	background-color: #1D521C;
	margin: 0;
	padding: 3px 0 5px 20px;
	text-decoration: underline;
}
	
/* -------------------------------------------- TITLE ----------------------------------------------------- */

#middle h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #640000;
	background: url(../graphic/bg/bg_h1_content.gif) no-repeat;
	line-height: normal;
	font-weight: bold;
	margin: 0;
	padding: 0 0 10px 10px;
	display: block;
}

#teaser_left h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #640000;
	background: url(../graphic/bg/bg_h1_content.gif) no-repeat;
	line-height: normal;
	font-weight: bold;
	margin: 20px 0 0 0;
	padding: 0 0 0 10px;
	display: block;
}

#middle h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #640000;
	background-color: transparent;
	line-height: normal;
	font-weight: bold;
	margin: 20px 0 0 0;
	padding: 0 0 5px 0;
	display: block;
}

#teaser_left h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #640000;
	background-color: transparent;
	line-height: normal;
	font-weight: bold;
	margin: 20px 0 0 0;
	padding: 0 0 5px 0;
	display: block;
}

#middle h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #640000;
	background-color: transparent;
	line-height: normal;
	font-weight: bold;
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
	display: block;
}

#teaser_left h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #640000;
	background-color: transparent;
	line-height: normal;
	font-weight: bold;
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
	display: block;
}

/* -------------------------------------------- TEXT ----------------------------------------------------- */

#middle p {
	margin: 5px 0 15px 0;
	padding: 0;
}

#teaser_left {
	width: 200px;
	margin: 0 0 30px 0;
	padding: 20px 5px 0 5px;
	display: block;
	float: left;
}

                #teaser_left ul {
                                line-height: 130%;
		margin: 10px 0 10px 20px;
		padding: 0;
	}

	#teaser_left p {
		color: #640000;
		background-color: transparent;
		border-bottom: 1px solid #640000;
		line-height: 130%;
		margin: 5px 0 0 0;
		padding: 0 0 20px 0;
	}

.top {
	text-align: right;
	margin: 0;
	padding: 20px 0 10px 0;
	display: block;
}

	.top a:link, .top a:visited {
		color: #640000;
		background-color: transparent;
		margin: 0 2px;
		padding: 0;
		text-decoration: none;
	}
	
	.top a:hover, .top a:active, .top a:focus {
		color: #640000;
		background-color: transparent;
		margin: 0 2px;
		padding: 0;
		text-decoration: underline;
	}

/* -------------------------------------------- IMAGE ----------------------------------------------------- */

.flag {
	vertical-align: bottom;
	margin-top: 0;
}

/* -------------------------------------------- FORM ----------------------------------------------------- */

form {
	margin: 0;
	padding: 10px 0 10px 0;
	display: block;
}

	#form_search {
		margin: 0;
		padding: 0;
	}
	
		#form_field {
			font-size: 95%;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			margin: 0;
			padding: 1px 2px;
		}
		
		#button_search {
			font-size: 90%;
			color: #640000;
			background-color: transparent;
			border: 1px solid #640000;
			margin: 0 0 0 10px;
			padding: 0;
		}

select {
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	border-top: 1px solid #640000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #640000;
	vertical-align: middle;
}

input {
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	border-top: 1px solid #640000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #640000;
	vertical-align: middle;
}

	input:focus {
		color: #000000;
		background-color: #FED915;
		border-top: 1px solid #640000;
		border-right: 1px solid #000000;
		border-bottom: 1px solid #000000;
		border-left: 1px solid #640000;
	}
	
textarea {
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	border-top: 1px solid #640000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #640000;
	vertical-align: middle;
}

	textarea:focus {
		font-size: 100%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
		background-color: #FED915;
		border-top: 1px solid #640000;
		border-right: 1px solid #000000;
		border-bottom: 1px solid #000000;
		border-left: 1px solid #640000;
	}