/* Start of CMSMS style sheet 'style' */
/* @override http://www.besser-kommunizieren.de/stylesheet.php?cssid=50&mediatype=screen */

* {
	margin: 0;
 	padding: 0;
}
html {
	height: 101%;
	}
body {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 75%;
	line-height: 1.6em;
	text-align: center;
	color: #333;
	background: #5a5a5a url(images/fischer/bg1.png);
}
img {
	border-style: none;
}
ul { list-style:none; }

body#highslide-content {
	background-color: white;
	background-image: none;
	text-align: left;
	margin: 30px;
	padding: 30px;
}

#wrapper1 {
	height: 100%;
	background: url(images/fischer/body_bg.png) repeat-x center top;
	text-align: center;
}

#wrapper2 {
	margin: auto;
	width: 1000px;
	text-align: center;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #8E0F1C;
}

.introTitles h1 {
	color: #fff;
}

h1 {
	font-size: 2em;
	margin-bottom: 0.6em;
}

h2 {
	font-size: 1.5em;
	margin-bottom: .5em;
}

h3 {
	font-size: 1.3em;
	margin-bottom: 0.5em;
}

h4 {
	font-size: 1.15em;
	margin-bottom: 1.2em;
}

h5, h6 {
	font-size: 1em;
	margin-bottom: 1.5em;
}

p {
	margin: 0px 0px 1em;
	font-size: 1.2em;
}

#kontaktdaten p {
	font-size: 1em;
}

a {
	color: #333;
	text-decoration: none;
	font-weight: bold;
}

.projectContent a {
	color: #fff;
}
.projectContent a:hover {
	color: #fff;
	text-decoration: underline;
}

a:hover {
	color: #8E0F1C;
	text-decoration: none;
}

.pageContainer {
	margin: auto;
	width: 940px;
	text-align: left;
	background: url(images/fischer/bg.png) repeat-y;
}

.header {
	height: 170px;
	background: url(images/fischer/header_top.png) no-repeat center top;
}

.featuredAreaWrapper {
	margin-right: 3px;
	margin-left: 3px;
}

.featuredArea {
	background: #8E0F1C;
	height: 260px;
	padding-top: 28px;
	padding-left: 28px;
	padding-right: 15px;
}

.primaryContentWrapper {
	padding: 30px 0px 0px 30px;
}

.mainContent {
	width: 560px;
	float: left;
	margin: 0px;
	padding-bottom: 20px;
}

.sideBar {
	float: right;
	width: 300px;
	margin-right: 10px;
	display: inline;
}

.secondaryContentWrapper {
	padding-top: 30px;
	overflow: hidden;
	position: relative;
	margin-bottom: 30px
}

.block1 {
	width: 300px;
	float: left;
	position: relative;
	overflow: hidden;
}

.block2 {
	margin-left: 20px;
	width: 299px;
	float: left;
	position: relative;
	overflow: hidden;
	border-left: 1px solid #f2f2f2;
}

.block3 {
	width: 299px;
	float: right;
	position: relative;
	overflow: hidden;
	border-left: 1px solid #f2f2f2;
}

.footerWrapper {
	margin: 0px auto;
	width: 940px;
	overflow: hidden;
	position: relative;
	text-align: left;
}

.footer {
	background: url(images/fischer/footer.png) no-repeat;
	height: 63px;
}

/* Sub elements for each section on the page template */

/*-------------------- HEADER SECTION --------------------*/

.logo {
	float: left;
	width: 315px;
	height: 108px;
	background-image: url(images/fischer/logo2.png);
	margin-left: 30px;
	margin-top: 30px;
	display: inline;
}
.logo a {
	width: 300px;
	height: 108px;
	display: block;
}

.facebook {
	width: 151px;
	height: 35px;
	float: right;
	margin-top: 30px;
	margin-right: 30px;
	display: inline;
}
.facebook a {
	width: 151px;
	height: 35px;
	display: block;
	background: url(images/fischer/facebook.png) no-repeat center top;
}
.facebook a:hover {
	background-position: center bottom;
}
.navigation {
	height: 33px;
}
.navigation ul {
	text-transform: uppercase;
	background-color: silver;
	padding-left: 30px;
}

.navigation ul li {
	float: left;
	display: block;
	height: 33px;
}

.navigation ul li a {
	text-decoration: none;
	color: #333;
	outline: none;
	text-align: center;
	text-transform: uppercase;
	display: block;
	margin: 0px 2px;
	padding: 7px 12px;
	font-weight: normal;
	font-style: normal;
}
.navigation ul li a:hover {
	text-decoration: none;
	color: #8E0F1C;
}
.navigation ul li a.current {
	color: #fff;
	background-color: #8e0f1c;
}
.navigation ul li a.current:hover {
	color: #fff;
	background-color: #8e0f1c;
}

#NewsPostDetailReturnLink {
	margin-top: 20px;
}



/*-------------------- FEATURED AREA --------------------*/

.pageTitles {
	width: 580px;
	float: left;
}

.pageTitles h1 {
	color: #fff;
	padding: 0px;
	margin-bottom: 0.4em;
}

.pageDetails {
	padding: 0px 0px 0px 29px;
	text-align: left;
	width: 240px;
	float: right;
	font-size: 12px;
	line-height: 1.3em;
	border-left: 1px solid #e1e1e1;
	color: #fff;
}

/*-------------------- PRIMARY CONTENT AREA (Main Content) --------------------*/

.mainContent ul, #highslide-content ul li {
	list-style: disc;
	margin: 0 0 1em 2em;
	font-size: 1.2em;
}

.mainContent ul li, #highslide-content ul li {
	margin-bottom: 10px;
}

/*-------------------- PRIMARY CONTENT AREA (Sidebar) --------------------*/

.widgetWrapper {
	background-color: #fff;
	margin-bottom: 30px;
	border-color: #e6e6e6;
	border-width: 1px;
}

.widget {
	background: none;
}

.widgetTitle {
	padding: 7px 20px;
	background-color: #8E0F1C;
}

.widgetTitle h2 {
	color: #fff;
	margin-bottom: 0px;
}

.widgetContent {
	padding: 25px 15px 15px 20px;
	border-top: 1px solid #FFF;
	border: 1px solid #e6e6e6;
	background-color: #f2f2f2;
}

.widgetContent ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

.widgetContent li {
	list-style: none;
	padding: 0px 0px 10px 0px;
}

.widgetContent a {
	color: #333;
	text-decoration: none;
}

#kontaktdaten p a {
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

.widgetContent a:hover {
	color: #8E0F1C;
	text-decoration: none;
}

#twitter_update_list li a, .blogUpdate li a {
	color: #333;
}

/*-------------------- SECONDARY CONTENT AREA --------------------*/

.secondaryContentWrapper a {
	color: #333;
	text-decoration: none;
}

.secondaryContentWrapper a:hover {
	color: #8E0F1C;
	text-decoration: none;
}

.secondaryContentWrapper ul li {
	padding: 0px 0px 10px 0px;
}

.blockTitle {
	position: relative;
	overflow: hidden;
}

.blockHeading {
	padding: 15px 30px;
	float: left;
}

.blockIcon {
	float: right;
	padding: 10px 30px 10px 0px;
}

.blockContent {
	padding: 0px 30px 10px 30px;
}

/*-------------------- FOOTER SECTION --------------------*/

.footer_content {
	color: #fff;
	padding-top: 25px;
	padding-left: 20px;
	padding-right: 25px;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
}

.footer_content a {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}

.footer_content a:hover {
	color: #fff;
	text-decoration: underline;
}

span.copyright {
	float: left;
}

span.sitelinks {
	float: right;
}


/*-------------------- PAGINATION (For Portfolio.html and blog.html) --------------------*/

ul.pagination {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.pagination li {
	float: left;
	margin-right: 5px;
	display: block;
}

.pagination li a {
	padding: 4px 10px;
	background-color: #FBFBFB;
	border: 1px solid #EBEBEB;
	text-decoration: none;
	color: #999;
	display: block;
	outline: none;
}

.pagination li a:hover {
	background-color: #8E0F1C;
	color: #FFFFFF;
	border: 1px solid #881477;
	text-decoration: none;
	display: block;
}

.pagination li.currentPage {
	padding: 4px 10px;
	background-color: #8E0F1C;
	border: 1px solid #881477;
	text-decoration: none;
	color: #FFF;
	display: block;
}

/*-------------------- MISC --------------------*/

.divider {
	border-bottom: 1px solid #e6e6e6;
	margin: 20px 0px 30px 0px;
}

.noBorder {
	border: none;
}

.clearfix {
	clear: both;
	height: 1%
}

.submitButton {
	background-color: #8E0F1C;
	border: none;
	border-style: none;
	padding: 7px;
	color: #fff;
	outline: none;
	outline-style: none;
}

.noMargin {
	margin: 0px;
	padding: 0px;
}

.history {
	color: #999;
	padding-left: 6px;
	margin-left: 6px;
	border-left: 1px solid #e6e6e6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
}

noscript p {
	margin: 0px;
	padding: 4px 0px
}

/*-------------------- PORTFOLIO PAGE --------------------*/

.launchDetails {
	font-size: 11px;
	color: #333;
	margin: 0px;
}

.launchDetails a {
	color: #333;
	text-decoration: underline;
}

.launchDetails a:hover {
	color: #881477;
	text-decoration: none;
}

.portfolioImages {
	margin: 0px;
	padding: 0px;
	margin-top: 13px;
	margin-bottom: 13px;
}



.introImage { float:left; margin:0px; padding:0px;
	width: 510px;
	height: 231px;
}
#startseite .introImage {
	background-image: url(images/fischer/startseite2.png);
}
#zur-person .introImage {
	background-image: url(images/fischer/zur-person.png);
}
#philosophie .introImage {
	background-image: url(images/fischer/philosophie.png);
}
#coaching .introImage {
	background-image: url(images/fischer/coaching1.png);
}
#mediation .introImage {
	background-image: url(images/fischer/mediation.png);
}
#seminare .introImage {
	background-image: url(images/fischer/seminare2.png);
}
#partner .introImage {
	background-image: url(images/fischer/projekte.png);
}
#vortraege .introImage {
	background-image: url(images/fischer/vortraege.png);
}
#stressmanagement .introImage {
	background-image: url(images/fischer/stressmanagement.png);
}
#testseite .introImage {
	background-image: url(images/fischer/testseite.png);
}

.introDetails { padding:0px; width:320px; float:right; }	
.introTitles { padding-bottom:2px;
}	
.introContent { padding-top:15px;
	color: #fff;
}

.introContent p, div.introContent table {
	font: normal normal 18px/25px "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.introContent table tbody tr td {
	padding-right: 5px;
}

/* End of 'style' */

/* End of 'style' */

/* End of 'style' */


/* End of 'style' */

.NewsSummaryLink a {
	color: #8E0F1C;
	font-weight: normal;
	font-size: 1.3em;
	font-style: normal;
}



div.NewsSummaryLink {
	margin-bottom: 5px;
}

.Newsbox div.NewsSummaryLink a {
	font-size: 12px;
	font-weight: bold;
}

#NewsPostDetailDate {
}

span.phone {
	padding-left: 30px;
	background: url(images/fischer/phone.png) no-repeat center center;
}

span.mail {
	padding-left: 30px;
	background: url(images/fischer/mail.png) no-repeat center center;
}



/* contact form style */
#kontaktformular {
	width: 600px;
}
form {
  padding: 10px 0;
  margin: 0;
}


label {
	float: left;
	width: 100px;
	font-weight: normal;
	color: #999;
	padding: 5px;
	font-size: 16px;
	font-style: normal;
}
input,
textarea{
	padding: 5px;
	font: 400 12px arial, sans-serif;
	background: url(images/fischer/field_bg.png) no-repeat top left;
	border-width: 1px;
	border-style: solid;
	border-color: #d2d2d2 #e2e2e2 #e2e2e2 #d2d2d2;  
}
input:focus,
textarea:focus{  
  color: #333;
  background-color: #edf2f5;
}
#name, #email, #subject{
	width:250px;
}
#message{
	width:360px;
	height:150px;
}

#submit {
	height: 27px;
	background: url(images/fischer/submit_button.png) no-repeat top left;
	
	margin-top: 0px;
	width: 91px;
	border: none;
	margin-right: 6px;
	font-weight: bold;
	cursor: pointer;
	color: #777;
}
#submit:hover {
	color: #458ac7;
}
/* use form-button class for input button tags. */

input.form-button {
	padding: 5px 15px;
	font: bold 1em arial, sans-serif;
	cursor: pointer;
	color: #777;
	background-color: #222;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #bbb #bbb #ccc;
}
div#error {
	height: 30px;
}

div#error p {
	color: maroon;
}

div#confirmation p {
	color: maroon;
}

/* accessibility */
/* menu links accesskeys */
span.accesskey {
	text-decoration: none;
}
/* accessibility divs are hidden by default, text, screenreaders and such will show these */
.accessibility, hr {
/* position set so the rest can be set out side of visual browser viewport */
	position: absolute;
/* takes it out top side */
	top: -999em;
/* takes it out left side */
	left: -999em;
}
/* definition tags are also hidden, these are also used for accessibility menu links */
dfn {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}
/* end accessibility */
/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
	position: absolute;
	left: -5000px;
	width: 4000px;
}
a.external {
/* make some room for the image, css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
	padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
	color: #18507C;
/* background image for the link to show wiki style arrow */
	background: url(images/cms/external.gif) no-repeat 100% -100px;
}
a.external:visited {
	color: #18507C;
/* a different color can be used for visited external links */
/* Set the last 0 to -100px to use that part of the external.gif image for different color for active links external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.*/
	background: url(images/cms/external.gif) no-repeat 100% -100px;
}
a.external:hover {
	color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
	background: url(images/cms/external.gif) no-repeat 100% 0;
	background-color: inherit;
}
/* end wiki style external links */
/* clearing */
/* clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item. We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience. Do not edit if you dont know what you are doing*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear {
	height: 0;
	clear: both;
}

* html>body .clearfix {
	display: inline-block;
	width: 100%;
}

/* End of 'style' */