/*
Theme Name: ec-ortenberg
Theme URI: http://www.ec-ortenberg.de
Description: Das Template ist vom <a href="http://www.ec-ortenberg.de">EC Jugendkreis Marburg-Ortenberg</a> erstellt worden
Version: 1.0
Author: EC Jugendkreis Marburg-Ortenberg
Author URI: http://www.ec-ortenberg.de
*/

body {
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: #d8d8d8;
}

td, div, font, textarea, input {
	font-family: "trebuchet ms", verdana, arial, helvetica, sans-serif;
	font-size: 9pt;
	line-height: 140%;
	color: #666;
}

a:link, a:visited, a:active {
	color: #a0c903;
	text-decoration:none;
	font-family:"Book Antiqua", Georgia, "Times New Roman", serif;
	font-size: 9pt;
}

a:hover {
	color: #049de1;
	/* font-style:italic; */
	font-family:"Book Antiqua", Georgia, "Times New Roman", serif;
	font-size: 9pt;
}

/*
#events a {
	color: #049de1;
	text-decoration:none;
	font-family:"Book Antiqua", Georgia, "Times New Roman", serif;
	font-size: 9pt;
}

#events a:hover {
	color: #a0c903;
	font-style:italic;
	font-family:"Book Antiqua", Georgia, "Times New Roman", serif;
	font-size: 9pt;
}*/

h1 {
	color: #8dbdd1;
	font-size: 40pt;
	font-variant: normal;
	text-decoration: none;
	font-family:"Book Antiqua", Georgia, "Times New Roman", Times, serif;
	display: block;
	line-height: 45pt;
	letter-spacing: -5px;
}

h2 {
	color: #a3cc02;
	font-size: 16pt;
	font-variant: small-caps;
	text-decoration: none;
	font-family:"Book Antiqua", Georgia, "Times New Roman", Times, serif;
	text-align: justify;
	width: 100%;
	display: block;
	letter-spacing: 4px;
}

h3 {
	color: #5F8ABD;
	font-size: 10pt;
	font-variant: small-caps;
	text-decoration: none;
	font-family: "trebuchet ms", verdana, arial, helvetica, sans-serif;
	text-align: left;
	letter-spacing: 1px;
}

h4 {
	color: #b6d2c3;
	font-size: 16pt;
	font-variant: small-caps;
	text-decoration: none;
	font-family: "trebuchet ms", verdana, arial, helvetica, sans-serif;
	text-align: left;
	width: 100%;
	letter-spacing: 2px;
	background-color: #fff;
}

strong {
	color:#76a0c8;
	font-size: 10pt;
	font-weight: bold;
	font-family: "Book Antiqua", Georgia, "Times New Roman", serif;
}

b {
	color:#666;
	font-size: 9pt;
	font-weight: bold;
}

#events-list b {
	color:#76a0c8;
	font-family: "Book Antiqua", Georgia, "Times New Roman", serif;
}

i, em {
	color:#999;
	font-variant: normal;
	font-size: 10pt;
}

u {
	color:#97be03;
	letter-spacing: 1px;
	text-decoration: underline;
	line-height: 8pt;
	font-size: 10pt;
}

s, strike {
	color: #000;
	font-size: 10pt;
	letter-spacing: 1px;
	font-weight: normal;
	text-decoration: line-through;
}

small {
	color:#b5b5b5;
	font-size: 7pt;
	font-family: "Tahoma", Times, serif;
}

textarea {
	width: 275px;
	height: 125px;
	color: #75a2aC;
	background-color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 8pt;
	border: 1px solid #dbdbdb;
	font-variant: normal;
}

blockquote {
	width: 150;
	height: 30px;
	color: #75a2aC;
	background-color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-Size: 8pt;
	border: 1px solid #dbdbdb;
	font-variant: normal;
}

hr {
	color: #fff; 
	background-color: #fff; 
	border: 2px dotted #76A0C8; 
	border-style: none none dotted; 
}

img {
	border: none;
}

#container {
	background-color: #fff;
	position: absolute;
	width: 650px;
	border: 10px solid #fff;
	left: 50%;
	margin-left: -325px;
	text-align: left;
}

#bild {
	width: 650px;
	height: 325px;
	float: none;
	position: relative;
	padding-bottom: 10px;
	background: url(images/header.jpg) no-repeat;
}

#navi {
	width: 100%;
	overflow: hidden;
	height: 18px; 
	background-color: #93b702;
	padding-top: 20px; 
	padding-bottom: 20px;
	position:relative;
	color: #f1f3f0;
	top: 0px;
	background: transparent url(images/navi.jpg);
	float: left;
}

ul.box {
	list-style: none;
	margin: 0px auto;
	position: relative;
	/* padding-left: 95px */
	padding: 0;
	float: left;
	left: 50%;
}

ul.box li{
	position: relative;
	float: left;
	right: 50%;
}

ul.box a {
	font-size: 10pt;
	padding: 10px 20px 10px 20px;
	color: #fff;
	border-left: 0px solid #3f403d;
	border-right: 0px solid #3f403d;
	font-family: "Book Antiqua", Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}

ul.box a:hover {
	color: #d7ded3;
	font-size: 10pt;
	font-variant: normal;
	text-decoration: none;
	padding: 10px 20px 10px 20px;
	font-weight: bold;
	font-style: normal;
}

#wrap {
	float: left;
	text-align: justify;
	position: relative;
	padding-top: 5px;
	width: 650px;
	padding-bottom: 30px;
}

#info {
	float: left;
	position: relative;
	padding-top: 5px;
	width: 200px;
}

#info p {
	padding-left: 10px;
	margin-top: 3px;
	margin-bottom: 3px;
}

#info i, em {
	color:#999;
	font-variant: normal;
	font-size: 10pt;
	padding-left: 15px;
}

#content {
	float: right;
	text-align: justify;
	position: relative;
	padding-top: 5px;
	width: 430px;
}

#footer {
	float: left;
	text-align: justify;
	position: relative;
	padding-top: 10px;
	width: 650px;
	background-color: #ccc;
	padding-bottom: 10px;
}