/*
Theme Name: Stefan Fels
Theme URI: http://www.stefanfels.de/
Description:
Version: 1.0
Author: Stefan Fels
Author URI: http://www.stefanfels.de/
Tags:
*/

@font-face {
	font-family: Gentium-Basic;
	src: url(fonts/Gentium-Basic/GenBasB.eot);
	src: url(fonts/Gentium-Basic/GenBasB.ttf) format('opentype');
	font-style: normal; font-weight: bold;
}
@font-face {
	font-family: Gentium-Basic;
	src: url(fonts/Gentium-Basic/GenBasR.eot);
	src: url(fonts/Gentium-Basic/GenBasR.ttf) format('opentype');
	font-style: normal; font-weight: normal;
}
@font-face {
	font-family: Sansation;
	src: url(fonts/Sansation/Sansation_Bold.eot);
	src: url(fonts/Sansation/Sansation_Bold.ttf) format('opentype');
	font-style: normal; font-weight: bold;
}
@font-face {
	font-family: Sansation;
	src: url(fonts/Sansation/Sansation_Regular.eot);
	src: url(fonts/Sansation/Sansation_Regular.ttf) format('opentype');
	font-style: normal; font-weight: normal;
}

/* general... */
a, abbr, acronym, address, body, caption, dd, del, dl, dt, div, h1, h2, h3, h4, h5, h6, html, img, ins, kbd, li, ol, ul { border: 0; margin: 0; padding: 0; }
table, tr, th, td { border: 0; border-collapse: collapse; empty-cells: show; margin: 0; padding: 0; }
body { font-size: 62.5%; }

:link, :visited, :hover, :active, :focus { text-decoration: none; }

b, strong { font-weight: bolder; }
em, i { font-style: italic; }

address { font-style: normal; }
code, kbd, pre { font-family: monospace; }

li, ol, ul { list-style: none; }

object { background-color: #fff; }

abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }

small { font-size: smaller; }

.fehler { background: #f00 url(images/bg-info.png) repeat 0 0; border: 1px solid #f00; color: #000; display: block; margin: 1.5em 0 !important; padding: 5px 10px; }
.warnung { background: #f60 url(images/bg-info.png) repeat 0 0; border: 1px solid #f60; color: #000; display: block; margin: 1.5em 0 !important; padding: 5px 10px; }
.erfolg { background: #00a800 url(images/bg-info.png) repeat 0 0; border: 1px solid #00a800; color: #000; display: block; margin: 1.5em 0 !important; padding: 5px 10px; }
.info { background: #0054a8 url(images/bg-info.png) repeat 0 0; border: 1px solid #0054a8; color: #000; display: block; margin: 1.5em 0 !important; padding: 5px 10px; }
/* ...general */
/* site specific... */
	/* headlines... */
	h1, h2, h3, h4, h5, h6, caption { font-family: Gentium-Basic,Georgia,serif; font-weight: bold; line-height: 1em; text-shadow: #ccc 2px 2px 3px; }
	h2 { font-size: 24px; }
	h3 { font-size: 20px; margin: 0 0 .8em; }
	h4, caption { font-size: 18px; }
	h5 { font-size: 16px; }
	h6 { font-size: 14px; }
	/* ...headlines */
/* ...site specific */
/* wordpress specific... */
.aligncenter { margin: 0 auto; }
.alignright { float: right; margin: 3px 0 .5em 1em; }
.alignleft { float: left; margin: 3px 1em .5em 0; }
.hidden { display: none; }
.wp-caption { padding: 5px 5px 0; width: auto !important; }
	.wp-caption-text { color: #999; font-size: 11px; margin: 0; padding: 5px 0 0; text-align: center; }
/* ...wordpress specific */
/* layout... */
html { font-size: 62.5%; min-height: 100.2%; }
body { background: transparent url(images/bg-body.png) repeat-x 0 0; color: #333; font: 13px/1.34em Sansation,'Trebuchet MS','Lucida Sans Unicode','Lucida Grande',sans-serif; letter-spacing: 1px; }

	#page { margin: 0 auto; position: relative; width: 960px; }
		#header { background: transparent url(images/bg-header.png) no-repeat 0 176px; height: 200px; padding: 0 30px; position: relative; width: 900px; }
			h1 { background: url(images/img-logo.png) no-repeat 0 0; left: 40px; padding: 3px 3px 28px 3px; position: relative; top: 90px; width: 286px; }
				h1 a { display: block; height: 49px; text-indent: -999em; width: 280px; }
			#description { color: #fff; font-size: 13px; font-weight: bold; position: absolute; right: 30px; text-align: center; top: -4px; width: 300px; text-shadow: -1px -1px 0 #333; z-index: 10; }
			#mainNav { background: transparent url(images/arr-mainnav.png) no-repeat 68px 0; left: 0; padding: 0 0 0 70px; position: absolute; top: 176px; }
				#mainNav .page_item { background: transparent url(images/arr-mainnav.png) no-repeat right 0; float: left; height: 24px; line-height: 24px; }
					#mainNav .page_item a { display: block; font-size: 13px; font-weight: bold; padding: 0 20px; }
					#mainNav .page_item a:link,
					#mainNav .page_item a:visited { color: #ccc; text-shadow: -1px -1px 0 #333, 0 0 5px #ccc; }
					#mainNav .page_item a:hover,
					#mainNav .page_item a:active,
					#mainNav .page_item a:focus { background: transparent url(images/bg-mainnav.png) no-repeat right 0; color: #ccc; text-shadow: 1px 1px 0 #333; }
					#mainNav .current_page_item a:link,
					#mainNav .current_page_item a:visited,
					#mainNav .current_page_item a:hover,
					#mainNav .current_page_item a:active,
					#mainNav .current_page_item a:focus,
					#mainNav .current_page_parent a:link,
					#mainNav .current_page_parent a:visited,
					#mainNav .current_page_parent a:hover,
					#mainNav .current_page_parent a:active,
					#mainNav .current_page_parent a:focus,
					#mainNav .current_page_ancestor a:link,
					#mainNav .current_page_ancestor a:visited,
					#mainNav .current_page_ancestor a:hover,
					#mainNav .current_page_ancestor a:active,
					#mainNav .current_page_ancestor a:focus { background: transparent url(images/bg-mainnav.png) no-repeat right 0; color: #fff; text-shadow: 1px 1px 0 #333; }
		#content { background: transparent url(images/bg-content.png) repeat-y 0 0; padding: 30px 4px 0 30px; }
			#column1 { float: left; padding: 0 14px 0 40px; width: 520px; }
				h2.pageTitle { padding: 0 0 .5em !important; }
				.postNavigation { background: transparent url(images/bg-postcontent.png) no-repeat 0 bottom; display: block; margin: 0 0 1em; min-height: 1.24em; padding: 0 0 1em; }
					.postNavigation .left { float: left; width: 48%; }
						.postNavigation .left a:before { content: '« '; }
					.postNavigation .right { float: right; text-align: right; width: 48%; }
						.postNavigation .right a:after { content: ' »'; }
				.post { clear: both; }
				.sticky { background: transparent url(images/img-sticky.png) no-repeat right top !important; }
					.sticky img.alignright { margin: 3px 1em .5em !important; }
					.sticky img.alignleft { margin: 3px 1em .5em !important; }
				.postTime { background: transparent url(images/bg-posttime.png) repeat-x 0 0; color: #999; font-size: 11px; line-height: 19px; padding: 0 4px; }
				.index .post,
				.archive .post,
				.search .post { background: transparent url(images/bg-postcontent.png) no-repeat 0 0; padding: 3em 0 2em; }
				.index .post:first-child,
				.archive .post:first-child,
				.search .post:first-child { background: none; padding: 0 0 2em; }
					.postContent { width: 500px; }
						.postContent p { margin: 0 0 .5em; }
						.postContent p + h3 { margin: 1.6em 0 .8em; }
						.postContent ol,
						.postContent ul { margin: 0 0 1em; }
							.postContent ol li { list-style-type: decimal; margin: 0 1.5em; }
							.postContent ul li { list-style-type: disc; margin: 0 1.5em; }
								.postContent ul li ul li { list-style-type: circle; }
						.postContent.fehler ul,
						.postContent.warnung ul,
						.postContent.erfolg ul,
						.postContent.info ul { margin: 0 !important; }
						.more-link:after { content: ' »'; }
				.wpcf7-form dl { margin: 2em 0 0; padding: 0 0 0 20px; position: relative; width: 480px; }
					.wpcf7-form dt { clear: left; color: #666; float: left; padding: 0 10px 0 0; text-align: right; width: 120px; }
					.wpcf7-form dd { margin: 0 0 8px 130px; text-align: right; width: 300px; }
						.wpcf7-form dd input,
						.wpcf7-form dd textarea { width: 290px; }
						.wpcf7-form dd input[type=submit] { position: relative; right: -20px; width: auto; }
				.post-edit-link { clear: both; }
				.navigation { background: transparent url(images/bg-postcontent.png) no-repeat 0 0; display: block; margin: 1em 0 0; min-height: 1.24em; padding: 1em 0 0; }
					.navigation .alignleft { width: 48%; }
						.navigation .alignleft a:before { content: '« '; }
					.navigation .alignright { text-align: right; width: 48%; }
						.navigation .alignright a:after { content: ' »'; }
			#column2 { background: transparent url(images/bg-sidebar.png) no-repeat 0 0; float: left; left: 0; margin: 0 0 -215px; min-height: 320px; padding: 0 48px; position: relative; top: -215px; width: 256px; }
				#column2 > li { background: transparent url(images/bg-sidebarli.png) no-repeat 0 0; font-size: 12px; padding: 24px 0 15px; }
				#column2 > li:first-child { background: none; }
					#column2 > li > p { padding: 0 12px; }
					#column2 > li > dl,
					#column2 > li > ol,
					#column2 > li > ul { margin: 0 20px; }
					#column2 .sidebar { border: 1px solid #666; margin: 0 15px; }
				#searchBox { background: none !important; margin: 74px 12px 67px; padding: 0 !important; position: relative; }
					#searchform { }
						#s { background: transparent url(images/bg-search.png) no-repeat 0 0; border: 0; height: 15px; padding: 15px 4px 18px 37px; width: 175px; }
						#searchsubmit { float: right; position: relative; right: 14px; top: -12px; }
				#autorBox { background: none !important; padding: 15px 0 !important; }
				#recentPosts { }
					#recentPosts dl { }
						#recentPosts dt { clear: left; color: #666; float: left; padding: 0 10px 0 0; text-align: right; width: 50px; }
						#recentPosts dd { margin: 0 0 8px 60px; }
							#recentPosts dd a { display: block; }
				.categories { }
					.categories small { font-size: normal; }
					.cat-item { list-style-type: none; padding: 0 0 4px; }
						.children { margin: 4px 0 0 1.5em; }
							.children .cat-item { list-style-type: disc; }
			#footer { background: transparent url(images/bg-footer.png) no-repeat 0 0; clear: left; left: -30px; height: 54px; padding: 0 30px; position: relative; bottom: -54px; width: 900px; }
				#footer p { color: #666; font-size: 10px; padding: 2px 0 0 40px; text-transform: uppercase; }
					a#login { color: #666 !important; cursor: text; }
/* ...layout */
/* colors... */
body,
	body #mainNav .page_item a:hover,
	body #mainNav .page_item a:active,
	body #mainNav .page_item a:focus,
	body #mainNav .current_page_item a:link,
	body #mainNav .current_page_item a:visited,
	body #mainNav .current_page_item a:hover,
	body #mainNav .current_page_item a:active,
	body #mainNav .current_page_item a:focus,
	body #mainNav .current_page_ancestor a:link,
	body #mainNav .current_page_ancestor a:visited,
	body #mainNav .current_page_ancestor a:hover,
	body #mainNav .current_page_ancestor a:active,
	body #mainNav .current_page_ancestor a:focus,
	body #mainNav .page-item-8.current_page_parent a:link,
	body #mainNav .page-item-8.current_page_parent a:visited,
	body #mainNav .page-item-8.current_page_parent a:hover,
	body #mainNav .page-item-8.current_page_parent a:active,
	body #mainNav .page-item-8.current_page_parent a:focus { background-color: #ccc; }
	body.error404 #mainNav .page-item-8.current_page_parent a:link,
	body.error404 #mainNav .page-item-8.current_page_parent a:visited,
	body.searchpage #mainNav .page-item-8.current_page_parent a:link,
	body.searchpage #mainNav .page-item-8.current_page_parent a:visited { background-color: transparent; }
	body.error404 #mainNav .page-item-8.current_page_parent a:hover,
	body.error404 #mainNav .page-item-8.current_page_parent a:active,
	body.error404 #mainNav .page-item-8.current_page_parent a:focus,
	body.searchpage #mainNav .page-item-8.current_page_parent a:hover,
	body.searchpage #mainNav .page-item-8.current_page_parent a:active,
	body.searchpage #mainNav .page-item-8.current_page_parent a:focus { background-color: #00a800; }
	/* links... */
	body a, body a:link { background-color: transparent; color: #999; }
	body a:visited, body a:hover, body a:active, body a:focus { background-color: transparent; color: #666; outline: none; }
	/* links */
body.home,
	body #mainNav .page_item.page-item-2 a:hover,
	body #mainNav .page_item.page-item-2 a:active,
	body #mainNav .page_item.page-item-2 a:focus,
	body #mainNav .page-item-2.current_page_item a:link,
	body #mainNav .page-item-2.current_page_item a:visited,
	body #mainNav .page-item-2.current_page_item a:hover,
	body #mainNav .page-item-2.current_page_item a:active,
	body #mainNav .page-item-2.current_page_item a:focus,
	body #mainNav .page-item-2.current_page_ancestor a:link,
	body #mainNav .page-item-2.current_page_ancestor a:visited,
	body #mainNav .page-item-2.current_page_ancestor a:hover,
	body #mainNav .page-item-2.current_page_ancestor a:active,
	body #mainNav .page-item-2.current_page_ancestor a:focus { background-color: #f00; }
	/* links... */
	body.home a, body.home a:link { color: #f00; }
	body.home a:visited, body.home a:hover, body.home a:active, body.home a:focus { color: #a80000; }
	/* links */
body.about,
	body #mainNav .page_item.page-item-4 a:hover,
	body #mainNav .page_item.page-item-4 a:active,
	body #mainNav .page_item.page-item-4 a:focus,
	body #mainNav .page-item-4.current_page_item a:link,
	body #mainNav .page-item-4.current_page_item a:visited,
	body #mainNav .page-item-4.current_page_item a:hover,
	body #mainNav .page-item-4.current_page_item a:active,
	body #mainNav .page-item-4.current_page_item a:focus,
	body #mainNav .page-item-4.current_page_ancestor a:link,
	body #mainNav .page-item-4.current_page_ancestor a:visited,
	body #mainNav .page-item-4.current_page_ancestor a:hover,
	body #mainNav .page-item-4.current_page_ancestor a:active,
	body #mainNav .page-item-4.current_page_ancestor a:focus { background-color: #f60; }
	/* links... */
	body.about a, body.about a:link { color: #f60; }
	body.about a:visited, body.about a:hover, body.about a:active, body.about a:focus { color: #a84300; }
	/* links */
body.leistungen,
	body #mainNav .page_item.page-item-6 a:hover,
	body #mainNav .page_item.page-item-6 a:active,
	body #mainNav .page_item.page-item-6 a:focus,
	body #mainNav .page-item-6.current_page_item a:link,
	body #mainNav .page-item-6.current_page_item a:visited,
	body #mainNav .page-item-6.current_page_item a:hover,
	body #mainNav .page-item-6.current_page_item a:active,
	body #mainNav .page-item-6.current_page_item a:focus,
	body #mainNav .page-item-6.current_page_ancestor a:link,
	body #mainNav .page-item-6.current_page_ancestor a:visited,
	body #mainNav .page-item-6.current_page_ancestor a:hover,
	body #mainNav .page-item-6.current_page_ancestor a:active,
	body #mainNav .page-item-6.current_page_ancestor a:focus { background-color: #a8a800; } /* #fcfc00 */
	/* links... */
	body.leistungen a, body.leistungen a:link { color: #a8a800; }
	body.leistungen a:visited, body.leistungen a:hover, body.leistungen a:active, body.leistungen a:focus { color: #525200; }
	/* links */
body.referenzen,
	body #mainNav .page_item.page-item-8 a:hover,
	body #mainNav .page_item.page-item-8 a:active,
	body #mainNav .page_item.page-item-8 a:focus,
	body #mainNav .page-item-8.current_page_item a:link,
	body #mainNav .page-item-8.current_page_item a:visited,
	body #mainNav .page-item-8.current_page_item a:hover,
	body #mainNav .page-item-8.current_page_item a:active,
	body #mainNav .page-item-8.current_page_item a:focus,
	body #mainNav .page-item-8.current_page_ancestor a:link,
	body #mainNav .page-item-8.current_page_ancestor a:visited,
	body #mainNav .page-item-8.current_page_ancestor a:hover,
	body #mainNav .page-item-8.current_page_ancestor a:active,
	body #mainNav .page-item-8.current_page_ancestor a:focus,
	body.referenzen #mainNav .page-item-8.current_page_parent a:link,
	body.referenzen #mainNav .page-item-8.current_page_parent a:visited,
	body.referenzen #mainNav .page-item-8.current_page_parent a:hover,
	body.referenzen #mainNav .page-item-8.current_page_parent a:active,
	body.referenzen #mainNav .page-item-8.current_page_parent a:focus { background-color: #00a800; } /* #0f0 */
	/* links... */
	body.referenzen a, body.referenzen a:link { color: #00a800; }
	body.referenzen a:visited, body.referenzen a:hover, body.referenzen a:active, body.referenzen a:focus { color: #005400; }
	/* links */
body.kontakt,
	body #mainNav .page_item.page-item-10 a:hover,
	body #mainNav .page_item.page-item-10 a:active,
	body #mainNav .page_item.page-item-10 a:focus,
	body #mainNav .page-item-10.current_page_item a:link,
	body #mainNav .page-item-10.current_page_item a:visited,
	body #mainNav .page-item-10.current_page_item a:hover,
	body #mainNav .page-item-10.current_page_item a:active,
	body #mainNav .page-item-10.current_page_item a:focus,
	body #mainNav .page-item-10.current_page_ancestor a:link,
	body #mainNav .page-item-10.current_page_ancestor a:visited,
	body #mainNav .page-item-10.current_page_ancestor a:hover,
	body #mainNav .page-item-10.current_page_ancestor a:active,
	body #mainNav .page-item-10.current_page_ancestor a:focus { background-color: #0054a8; } /* #007efc */
	/* links... */
	body.kontakt a, body.kontakt a:link { color: #0054a8; }
	body.kontakt a:visited, body.kontakt a:hover, body.kontakt a:active, body.kontakt a:focus { color: #002952; }
	/* links */
body.impressum,
	body #mainNav .page_item.page-item-12 a:hover,
	body #mainNav .page_item.page-item-12 a:active,
	body #mainNav .page_item.page-item-12 a:focus,
	body.impressum #mainNav .page-item-10.current_page_item a:link,
	body.impressum #mainNav .page-item-10.current_page_item a:visited,
	body.impressum #mainNav .page-item-10.current_page_item a:hover,
	body.impressum #mainNav .page-item-10.current_page_item a:active,
	body.impressum #mainNav .page-item-10.current_page_item a:focus,
	body.impressum #mainNav .page-item-10.current_page_ancestor a:link,
	body.impressum #mainNav .page-item-10.current_page_ancestor a:visited,
	body.impressum #mainNav .page-item-10.current_page_ancestor a:hover,
	body.impressum #mainNav .page-item-10.current_page_ancestor a:active,
	body.impressum #mainNav .page-item-10.current_page_ancestor a:focus { background-color: #a800a8; }
	/* links... */
	body.impressum a, body.impressum a:link { color: #a800a8; }
	body.impressum a:visited, body.impressum a:hover, body.impressum a:active, body.impressum a:focus { color: #520052; }
	/* links */
/* ...colors */