/*
Author Name     : vektorrausch GmbH
Author Site     : http://www.vektorrausch.de
Style Name      : gepa2 Microsite
Style URI       : http://gepa2.de
Version         : 1.1 (11.02.2010)
Comments        : 3-Spalter, basierend auf K2 1.0.3
*/

/* Struktur
***********************************************************************************************/

body {
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	background: #ddd url(bg.gif) repeat-x top;
}

#page {
	border: none;
	background: none;
}

#header {
	background: none;
	overflow: visible;
}

body.columns-three #primary {
	margin-left: 175px;
}

body.columns-three #sidebar-1 {
	position: relative;
	left: -520px;
	margin-left: -175px;
}

body.columns-three .template-image #primary {
	margin-left: 0;
}

#sidebar-1 { 
	margin-top: 350px;
}

.secondary .widget {
	margin-bottom: 40px;
	color: #222;
}

.page-head {
	margin: 10px 0 20px;
	text-align: left;
}

.four04 .entry-title,
body.page #current-content .entry-title {
	margin-left: 0;
	text-align: left;
}

.entry-content {
	font-size: 110%;
	line-height: 140%;
	text-align: justify;
	color: #222;
}

.entry-content ul li {
	margin-bottom: 10px;
	line-height: 130%;
}

.entry-content table {
	border-collapse: collapse;
	margin: 15px 0;
}

.entry-content tr td {
	padding: 10px 5px;
	border-top: 1px dotted #aaa;
}


/* Schriften
***********************************************************************************************/

strong, em, b, i {
	font-family: Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6, .blog-title {
	font-size: 160% !important;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

/* Arabischer Text */
body.page-slug-arabic .entry-content {
	direction: rtl;
	unicode-bidi: normal;
}


/* Links
***********************************************************************************************/

a:link,
a:visited {
	color: #064c88;
}

a:hover {
	color: #ff0000;
}


/* Hauptmenu
***********************************************************************************************/

ul.menu {
	position: absolute;
	top: 220px;
	bottom: auto;
	left: 10px;
	width: 160px;
}

ul.menu li {
	display: block;
}

ul.menu li a {
	display: block;
	width: 170px;
	height: 22px;
	margin-bottom: 4px;
	padding: 2px 0 2px 8px;
	font-size: 110%;
	color: #064c88;
	line-height: 22px;
	background: url(roteecke.gif) no-repeat left bottom;
}

ul.menu li a:hover {
	background: url(roteecke.gif) no-repeat left bottom;
	color: #f00;
}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover,
ul.menu li.current_page_ancestor a,
ul.menu li.current_page_ancestor a:hover {
	color: #12335F;
	background: url(roteecke.gif) no-repeat left bottom;
	font-weight: bold;
}


/* Ausblenden von Elementen
***********************************************************************************************/
.blog-title a span, #header .description,
.page-slug-home .entry-title,
.comments,
.footerstyledwith, .footerpoweredby, .footerfeedlinks, .footerstats {
	position: absolute;
	left: -10000px;
	top: -10000px;
}