/*

Theme Name: WordPress EATS
Theme URI: http://wordpress.org/
Description: Wordpress EATS Template
Version: 1.0
Author: Andreas Weber
Author URI: 
Tags: custom, two columns, EATS - European Association of Taiwan Studies

*/

body {
	margin: 0 0 0 0;
	background-color: #e0e0e0;
	font-family: Arial; font-size: 12px; line-height: 135%; color: #363636;
}

/* Hintergrundbild */

#BgImage {
	position: absolute; left: 0; top: 135px; width: 790px; height: 285px; overflow: hidden;
}

/* Stile für den Kopfbereich: Menu und Logo */

#Head {
	position: absolute; left: 0; top: -15px; width: 100%;
}

#HeadBg {
	position: absolute; z-index: 10; left: 0; top: 0; width: 100%; height: 25px;
	background-image: url(images/Head_Bg.png); background-position: 0px 0px; background-repeat: repeat-x;
}

#LogoEats {
	position: absolute; z-index: 0; left: 50px; top: 20px; width: 135px; height: 103px; 
	background-image: url(images/Logo_EATS.png); background-position: 0 0; background-repeat: no-repeat;
}

#HeadMenu {
	position: absolute; z-index: 0; top: 20px; left: 200px; width: 520px; height: 45px; padding: 0 0 0 15px;
	background-image: url(images/Head_Menu_Bg.png); background-position: 0px 0px; background-repeat: no-repeat;
}

.HeadMenuItem {
	float: left; border: none;
}

.HeadMenuItem img {
	border: none;
}

/* Inhaltsbereich, Wrapper 0 */

#Content {
	position: absolute; width: 780px; margin: 125px 0 20px 40px; padding: 5px 5px 5px 5px;
/* 	position: relative; width: 780px; margin: 125px 0 20px 40px; padding: 5px 5px 5px 5px; */
	background-color: #e9e9e9; 
}

/* Kopfbereich, Balken, z.B. Welcome!  */

#ContentHead {
	width: 720px; height: 45px; padding: 30px 0 0 60px;
	background-image: url(images/Content_Head_Arrow.png); background-repeat: no-repeat; background-position: 15px 20px;
	font-family: Verdana; font-size: 16px; font-weight: normal; color: #fff;
}

.ContentHeadViolet {
	background-color: #795987;
}

.ContentHeadBlue {
	background-color: #247aab; 
}

.ContentHeadOrange {
	background-color: #e16b32;
}

.ContentHeadYellow {
	background-color: #cdd11e;
}

.ContentHeadBlack {
	background-color: #232323; 
}

.ContentHeadGreen {
	background-color: #77b800;
}

/* Rahmen für die Spalten im Inhaltsbereich */

#ContentColWrapper {
	
}

/* Erste Spalte auf Home: 450px Breite */

.ContentCol450 {
	float: left; width: 530px; min-height: 250px; margin: 5px 0 5px 0; padding: 0; 
	text-align: justify;
}

/* Kopfbereich */

.ContentCol450 .Head {
	height: 21px; padding: 4px 0 0 30px;
 	background-color: #795987; background-image: url(images/PfeilHrefRound.png); background-position: 10px 5px; background-repeat: no-repeat;
	font-family: Georgia; font-size: 14px; font-weight: bold; font-variant: small-caps; text-transform: lowercase; letter-spacing: 0.1em; color: #ffffff;
}

.ContentCol450 .Content {
	padding: 10px 25px 0 20px; min-height: 400px; 
	background-color: #ffffff;
}

.ContentCol450 .TextItem {
	padding: 10px 5px 5px 5px;
	border-top: 1px dotted #aaa;
	line-height: 150%;
}

.ContentCol450 H1, .ContentCol450 H2, .ContentCol450 H3, .ContentCol450 H4, .ContentCol450 H5, .ContentCol450 H6 	{
	margin: 0 0 10px 0;
}

.ContentCol450 .Path {
	float: right; height: 29px; margin: -25px 0 2px 0; padding: 4px 10px 0 10px;
	background-image: url(images/Path_Bg.png); background-repeat: no-repeat; background-position: 0 0;
	font-family: Georgia; font-size: 11px; font-weight: bold; letter-spacing: 0.1em; color: #ffffff;
}

.ContentCol450 .Path a {
	color: #ffffff; text-decoration: none;
}

.ContentCol450 .Button_More {
	float: left; height: 29px; margin: 0 0 2px 0; padding: 9px 10px 0 10px;
	background-image: url(images/Button_More_Bg.png); background-repeat: no-repeat; background-position: 0 0;
	font-family: Georgia; font-size: 11px; font-weight: bold; letter-spacing: 0.1em; color: #ffffff;
}

.ContentCol450 .Button_More a {
	color: #ffffff; text-decoration: none;
}

/* Wrapper für rechte Spalte */

#ContentColRight {
	width: 250px; float: right;
}

/* Zweite Spalte auf Home B: 260px Breite */

.ContentCol260B {
	margin: 0 15px 0 0; padding: 5px 0 5px 5px;
	background-color: #e9e9e9;
}

/* Kopfbereich */

.ContentCol260B .Head {
	height: 23px; padding: 6px 0 0 34px; margin: 0 0 5px 0;
	background-color: #77b800; background-image: url(images/PfeilHrefRound.png); background-position: 10px 7px; background-repeat: no-repeat;
	font-family: Arial; font-size: 13px; font-weight: bold; font-variant: small-caps; text-transform: lowercase; letter-spacing: 0.1em; color: #ffffff;

}

/* Inhaltsbereich */

.ContentCol260B .Content {
	padding: 5px 10px 0 10px;  margin: 0 0 5px 0;
	background-color: #ffffff;
}

.ContentCol260B .TextItem {
	margin: 0 0 0 0; padding: 5px;
	border-top: 1px solid #eee;
}

/* besondere Formate */

.ContentCol260B p {
	margin: 0 0 0 0;
}

.ContentCol260B H1, .ContentCol260B H2 {
	color: #00aeef;
}

.ContentCol260B .BoxHref {
	margin: 0 0 0 0; padding: 0 5px 0 0;
	font-size: 12px; font-weight: bold;
}

.ContentCol260B .BoxHref a {
	color: #464646; font-size: 12px; font-weight: bold; text-decoration: none;
}

.ContentCol260B .BoxHref a:hover {
	text-decoration: underline;
}

.ContentCol260B .BoxHrefArrow {
	margin: 0 0 0 0; padding: 0 5px 0 8px; text-indent: -12px;
	font-size: 12px; font-weight: bold;
}

.ContentCol260B .BoxHrefArrow a {
	color: #464646; font-size: 12px; font-weight: bold; text-decoration: none;
}

.ContentCol260B .BoxHrefArrow a:hover {
	text-decoration: underline;
}

/* Footer */

#Footer {
	clear: both; width: 530px; margin: 0 0 0 0;
}

#Footer .FooterFrame1 {
	border-top: 5px solid;
}

#Footer .FooterFrame2 {
	margin: 4px 0 0 0;
	border-top: 1px dotted;
}

#Footer .Button {
	float: left; margin: 6px 0 3px 5px; padding: 3px 15px 3px 15px;
	font-size: 12px; font-weight: bold;
	background-color: white;
	
}

#Footer .Button a {
	text-decoration: none; color: #363636;
}

#Footer .Button a:hover {
	text-decoration: underline;
}

/* Allgemeine Text- und Absatzformate */

p {
	margin: 0 0 10px 0;
}

H1, H2, H3, H4, H5, H6 	{
	margin: 0 0 5px 0;
	font-family: Arial; line-height: 115%; color: #363636; text-align: left;
}

H1 {
	font-size: 18px; font-style: normal; font-weight: bold; line-height: 125%;
}

H2 {
	font-size: 14px; font-weight: bold; line-height: 125%;
}

H3 {
	font-family: Georgia; font-size: 13px; font-style: italic; font-weight: normal; color: #363636; line-height: 135%;
}

H4, H5, H6 {
	font-size: 12px; font-weight: normal; font-style: italic; color: #363636; line-height: 135%;
}
	
a {
	color: #363636;
}

a:hover {
	color: #757575; text-decoration: underline;
}

strong {
	color: #77b800; font-family: Georgia; font-weight: bold;
}

ul {
	width: 280px; margin: 10px 0 0 0; padding: 0 5px 10px 5px;
	list-style-type: none; 
}

ul li {
	margin: 2px 0 5px 0px; padding: 0 0 0 25px;
	line-height: 125%; 
	background-image: url(images/List_Bg.png); background-position: 0 5px; background-repeat: no-repeat; 
}

ol {
	width: 300px; margin: 10px 0 0 0; padding: 0 5px 10px 5px;
	list-style-type: none;
}

ol li {
	margin: 2px 0 5px 0; padding: 0 0 0 25px;
	line-height: 125%; 
	background-image: url(images/List_Bg.png); background-position: 0 5px; background-repeat: no-repeat; 
}

li strong {
	color: #363636;
}

/* Pfeile */

.ArrowHref {
	padding: 0 0 0 12px;
	background-image: url(images/PfeilHref7px.png); background-repeat: no-repeat; background-position: 0 3px;
	text-decoration: none;
}

/* Formen */

form textarea {
	font-family: Arial; font-size: 12px; padding: 2px;
}

/* Farben */

.EatsViolet {
	color: #795987;
}

.EatsBlue {
	color: #247aab; 
}

.EatsOrange {
	color: #e16b32;
}

.EatsYellow {
	color: #cdd11e;
}

.EatsBlack {
	color: #363636; 
}

.EatsGreen {
	color: #77b800;
}

.EatsGray85 {
	background-color: #363636;
}

.EatsGray75 {
	background-color: #555555;
}

.EatsGray65 {
	background-color: #707070;
}

.EatsGray55 {
	background-color: #898989;
}