/*********************************************************************************

	Project		:	Church-Convention
	Copyright	:	Florian Marcard www.florian-marcard.de
	
**********************************************************************************/


/* ### HTML ###################################################################### */
html {
	font-family: Arial, sans-serif;

}

/* ### BODY ###################################################################### */
body {
	background-image: url(background.jpg);
	margin: 0px;
	color: #4d4d4d;
	font-size: 13px;
	}
h1 {
	font-size: 18px;
	text-transform: uppercase;
	}
h2 {
	font-size: 16px;
	color: #fefdfc;
	text-transform: uppercase;
	}
h3 {
	font-size: 16px;
	}
h4 {
	font-size: 14px;
	}
h5 {
	font-size: 12px;
	}
h6 {
	font-size: 12px;
	}	



#website{
	height: 982px;
	width: 960px;
	background-image: url(bg_website.png);
	}
#header{
	background-image: url(header.png);
	height: 168px;
	width: 833px;
	position: relative;
	top: 0px;
	right: 1px;
	}
#navi {
	float: left;
	height: 20px;
	width: 500px;
	margin-top: 132px;
	text-transform: uppercase;
	text-align: left;
	margin-left: 20px;
	color: #c3c1bf;
	}
#navi a.current { color: #ee7c28 }	
#navi a, a:link, a:visited, a:hover, a:active  { color: #c3c1bf; font-size: 14px; text-decoration: none; text-transform: uppercase; }
.search_button {
	float: right;
	height: 14px;
	width: 60px;
	margin-top: 135px;
	margin-right: 10px;
	text-transform: uppercase;
	color: #c0bfbe;
	background:none;
	border-style: none;
	}
.textSearch{
	color: #c0bfbe;
	float: right;
	height: 14px;
	width: 159px;
	margin-top: 135px;
	margin-right: 9px;
	background:none;
	height: 14px;
	width: 160px;
	border-style: none;
	}
#content{
	height: 520px;
	width: 800px;
	position: relative;
	top: -10px;
	text-align: left;
}
#team_members{
	float:right;
	background-image: url(kernteam.jpg);
	text-align: right;
	width: 162px;
	padding-right:10px;
	background-repeat: no-repeat;
	background-position: 15px;
}
#team_members a.current { color: #ee7c28 }
#team_names a.team_current { color: #ee7c28 }
#team_names a:hover{color:#ee7c28;}
#loadarea{
	padding-bottom:10px;
}
#left{
	height: 485px;
	width: 263px;
	background-color: #FFF;
	float: left;
	overflow: auto;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#left li a.current { color: #ee7c28 }
#left a, a:link, a:visited, a:active  {
	color: #4d4d4d;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
#left a:hover{
	color:#ee7c28;	
	}
#left li{
	list-style-type: none;
	list-style-position: inside;
	position: relative;
	left: 0px;
	text-align: left;
}
#left ul {
	position: relative;
	left: 0px;
	}
#right{
	height: 485px;
	width: 483px;
	background-color: #FFF;
	float: right;
	padding:10px;
	margin-right: 3px;
	overflow: auto;
}
#date{
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
	
#date a, a:link, a:visited, a:active{
	font-weight:bold;
	text-transform: uppercase;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#footer{
	height: 220px;
	width: 833px;
	background-color: #4d4d4d;
	position: relative;
	left: -1px;
	}
#footer a, a:link, a:visited, a:hover, a:active  {
	text-transform: uppercase;
	color: #4d4d4d;
	text-decoration: none;
	font-weight: bold;
	color: #4d4d4d;
}	
#footer a:hover{
	color:#ee7c28;	
}
#news{
	height: 205px;
	width: 270px;
	background-color: #c3c1bf;
	float: left;
	text-align: left;
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 18px;
	}
#news.a, a:link, a:visited, a:hover, a:active  {
	color: #4d4d4d;
	text-decoration: none;
	font-weight: bold;
	text-transform: none;
}	
#news h1{
	font-size:12px;
	font-weight:bold;
}
#statement h1{
	font-size:12px;
	font-weight:bold;
}
#statement{
	background-color: #c3c1bf;
	height: 208px;
	width: 503px;
	float: right;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
	text-align: left;
	}
#state_art{
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#state_art a, a:link, a:visited, a:hover, a:active{
	font-weight: normal;
	text-transform: none;
	line-height: 14px;
}	
#state_art a:hover{
	color:#ee7c28;	
}
#categorylist{
	position:relative;
	left:-10px;
}
#impressum{
	height: 25px;
	width: 833px;
	float: left;
	position: relative;
	left: 62px;
	top: 5px;
	color: #c3c1bf;
	}
	
#impressum_text{
	float: right;
	padding-right: 10px;
	padding-top: 5px;
	}
#impressum_text a, a:link, a:visited, a:hover, a:active  {
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color: #c3c1bf;
}		
#impressum_text a:hover{
	color:#ee7c28;	
}
#facebook{
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	}
#twitter{
	float: left;
	padding-right: 10px;
	padding-left: 25px;
	position:relative;
	top:-2px;
	}
	
a, a:link, a:visited, a:hover, a:active  {
	text-transform: none;
	color: #4d4d4d;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}	
a:hover{
	color:#ee7c28;	
}
	
/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*
/* Div das das Formular umschließt */
.formgen { }

/* Was passiert wenn auf das Label geklickt wird? */
label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] { cursor : pointer; }
.formgen form { line-height : 100%; text-align: left;}

/*Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann*/
.formgen .formblock { }
.forminfo  { color: #ee7c28; font-weight: bold; background-color: #dddddd; margin-bottom: 5px; width: 100%; border: dotted 1px #79787c }

/*Verhalten von br-Tags*/
.formgen br {clear : both;}

/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield  { margin: 2px; width: 270px; height: 100px; float: right; border: solid 1px #ee7c28 }

/* Textfeld */
.formgen .formtext  { margin: 2px; padding-bottom: 2px; width: 270px; float: right; border: solid 1px #ee7c28 }
.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover { border-bottom-color: #000000;}

/* Label */
.formgen label  { width: 190px; height: 20px; float: left; clear: left }

/* Aussehen der Select-Ausgabe */
.formgen .formselect  { color: #000000; background-color: #dddddd; margin-left: 4px; width: 200px }

/* Sende-Button */
.formgen .formsubmit  { color: #C3C1BF; background-color: #4d4d4d; text-align: center; margin: 2px; width: 100px; float: right; border: solid 1px #ee7c28 }

/* Fieldsetbeschriftung */
.formgen legend  { color: #ffffff; background-color: #dddddd; width: 150px }
.formgen .fieldset { margin-bottom: 10px; }

/* -------------- AUSGABEN / Fehlermeldungen --------*/
/* Markierung der Labels bei Fehler */
.formgen .formerror  { color: #ee7c28; border-bottom: 1px }
.formgen .formcaptcha { border: 1px solid #c6da38; vertical-align: top; float: left; margin-right: 10px;}
.formgen .formreq  { color: #ee7c28 }
.formgen .formheadline  { color: #ee7c28; font-style: italic; background-color: #bdbec0; margin: 5px }

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */