body {font-family:Lucida Grande, Tahoma, Arial, sans-serif;color:#46483f;font-size:0.8em;line-height:18px;background:#f9faf6 url(../a/i/e/bk.gif) repeat-x;margin:0;}

/* ---------------------------------------------------------------
							LAYOUT
-----------------------------------------------------------------*/

/* Start Mac IE5 filter \*/
#block_1,#block_2,#block_3 {float:left;}
/*\*/
#wrapper {width:750px;overflow:hidden;float:none;display:block;margin:20px auto;padding:0;}
/* easy clearing */
#wrapper:after {content:'[DO NOT LEAVE IT IS NOT REAL]';display:block;height:0;clear:both;visibility:hidden;}
/* end easy clearing */
#footer {clear:both;}
#header,#footer {width:750px;}
/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #footer,* > form,* > #notes,* > .output {position:relative;z-index:1000;}
#block_1b {float:left;width:250px;margin-left:500px;}
* html #block_1b {display:inline;}
#block_2b {float:left;width:500px;margin-left:-750px;}


#nav {height:103px;width:750px;margin:auto;}
#logo {float:right;width:121px;}

#header {width:750px; height:305px; margin:13px auto 0 auto;}
#header_intro {width:750px; height:305px; margin:auto;}
.introtext {padding:10px 20px;background:#581000;margin:0 0 20px 0; color:#f7edeb;}
.noborder {border:none;}
.clear {clear:both;}

.newsbox {background:#f6ffd4; border:1px solid #bbc39d; padding:20px; margin-bottom:20px;}
.newsbox strong {font-weight:bold; color:#000;}

/* ---------------------------------------------------------------
							NAVIGATION
-----------------------------------------------------------------*/

#menu {top:0;left:0;list-style:none;height:84px;display:inline;overflow:hidden;width:400px;margin:0;padding:0;}
#menu li {display:inline;list-style-type:none;margin:0;padding:0;}
#menu a {float:left;overflow:hidden;height:0 !important;padding:84px 0 0;}
#menu a:hover {background-position:0 -84px;}
#menu a:active,#nav a.selected {background-position:0 -168px;}
#nav_home a {width:52px;background:url(../a/i/e/nav_home.gif) top left no-repeat;}
#nav_werte a {width:104px;background:url(../a/i/e/nav_werte.gif) top left no-repeat;}
#nav_philosophie a {width:96px;background:url(../a/i/e/nav_philosophie.gif) top left no-repeat;}
#nav_seminarcenter a {width:114px;background:url(../a/i/e/nav_seminarcenter.gif) top left no-repeat;}
#nav_eventmanagement a {width:133px;background:url(../a/i/e/nav_eventmanagement.gif) top left no-repeat;}
#nav_fototour a {width:77px;background:url(../a/i/e/nav_fototour.gif) top left no-repeat;}
#nav_kontakt a {width:71px;background:url(../a/i/e/nav_kontakt.gif) top left no-repeat;}


/* ---------------------------------------------------------------
							TYPOGRAPHY
-----------------------------------------------------------------*/

.leftblock {margin:15px 0px 0 0px;width:225px;}
.rightblock {margin:15px 0px 0 0px;width:225px;}
.centerblock {padding:15px 35px 0 35px;width:225px;}

.intro h1 {background: #5d1000; color:#fff;}

.left {padding:15px 20px 0 0;}
.right{padding:15px 0 0 20px;}

a:link, a:visited {color:#601100;}
a:hover {text-decoration:none;}

h1, h2 {color:#601100; background:#e7e8e3;margin:0 0 25px 0; padding:8px 5px 8px 10px;font-weight:normal; text-transform:uppercase; font-size:1.2em;}
h3 {color:#601100;font-weight:bold; font-size:1em;margin:10px 0 -10px 6px;}
p {padding:0 0 5px 6px;}
strong {font-weight:normal;}

#wrapper #block_1b .right h2 {font-size:13px; text-transform: none; font-weight:bold;}

/* ---------------------------------------------------------------
							SIDEMENU
-----------------------------------------------------------------*/

#sidemenu_container { width: 230px; }
#sidemenu_container ul{margin-left: 0;padding-left: 0;list-style-type: none;}
#sidemenu_container li {border-bottom: none;}
#sidemenu_container a{display: block;padding: 5px 0 5px 10px;width: 220px;border-bottom: 1px solid #dcddd9;}
#sidemenu_container a:link, #sidemenu a:visited{color:#601100;text-decoration: none;}
#sidemenu_container a:hover{background-color: #e7e8e3;color: #30312b;}


/* ---------------------------------------------------------------
							KONTAKT
-----------------------------------------------------------------*/

#side_logo_container {background:#e4e5e0;width:230px;height:100px;display:block;text-align: right;}
#side_logo {padding:5px 20px;}
#side_kontakt {font-size:0.9em;background:#eeefeb url(../a/i/e/side_kontakt_bk.gif) repeat-x; text-align:right;}
#side_adresse {padding:20px 20px 20px 0; text-align:right;}
#side_schere {background:url(../a/i/e/schere.gif); height:30px;}
#side_newsletter {background:#d9dbd1 url(../a/i/e/side_newsletter_bk.gif) repeat-x;padding:10px 25px; text-align:left; font-size:0.95em;line-height:15px;}
#side_input {padding:20px 0 0 0; text-align:left;float:left;}
#side_button {padding:20px 0 0 0; height:30px;}
#side_bottom {clear:both; background:url(../a/i/e/side_bottom.gif);height:27px;}


/* ---------------------------------------------------------------
							BOXHOVER
-----------------------------------------------------------------*/

.left ul { list-style: none; height: 100%; margin: 0; padding:0;}
.left ul li {}
.left ul li a, .left ul li a:visited {background:  url("../a/i/e/box_bk.gif") no-repeat;color: #e8e6e2;  display: block; margin:30px 0 0 0; padding: 15px 30px 0px 0px; text-decoration: none; width: 450px; height:70px; text-decoration: none;}
.left ul li a:hover {background: url("../a/i/e/box_bk_hover.gif") no-repeat;color: #fff;}
.left ul li a em {text-transform:uppercase;font-size:1.2em; font-weight:normal; font-style:normal; padding:3px 20px 0 20px;margin:0;}
.left ul li a strong {background: none; font-weight: normal; display: block; /* new */ position: relative; padding: 0px 20px 0 20px;}
.left ul li a span { display: block; position: relative; padding: 5px 20px 0 20px;}


/* ---------------------------------------------------------------
							INTRO BOXHOVER
-----------------------------------------------------------------*/

.intro ul { list-style: none; height: 100%; margin: 0 0 0 27px; padding:0;}
.intro ul li {}
.intro ul li a {background:  url("../a/i/e/box_intro_bk.gif") no-repeat;color: #e8e6e2;  display: block; margin:20px 0; padding: 7px 30px 5px 0px; text-decoration: none; width: 185px; height:40px; text-decoration: none;}
.intro ul li a:hover {background: url("../a/i/e/box_intro_bk_hover.gif") no-repeat;color: #fff;}
.intro ul li a em {text-transform:uppercase;font-size:1.1em; font-weight:normal; font-style:normal; padding:0px 20px 0 20px;margin:0;}
.intro ul li a strong {background: none; font-weight: normal; display: block; /* new */ position: relative; padding: 0px 20px 0 20px;}
.intro ul li a span { display: block; position: relative; padding: 5px 20px 0 20px;}


/* ---------------------------------------------------------------
							INTRO LEFT BOXHOVER
-----------------------------------------------------------------*/

#block_1 ul { list-style: none; height: 100%; margin: 0; padding:0;}
.leftblock ul li a{background:  url("../a/i/e/box_intro_bk.gif") no-repeat;color: #e8e6e2;  display: block; margin:20px 0; padding: 7px 10px 5px 20px; text-decoration: none; width: 185px; height:40px; text-decoration: none;}
.leftblock ul li a:hover {background: url("../a/i/e/box_bk_hover.gif") no-repeat;color: #fff;}

.intro_left {margin:0 0 0 20px;}
.intro_middle {margin:0 0 0 30px;}
.intro_right {margin:0 0 0 10px;}

.button_left{margin:10px 0 0 0;border:none;}
.button_center{margin:10px 0 0 35px;border:none;}
.button_right{margin:27px 0 0 0;border:none;}


/* ---------------------------------------------------------------
							NEWSLETTER
-----------------------------------------------------------------*/

.news h2 {padding:20px 0 5px 5px; color:#601100;font-weight:bold; font-size:1.2em;margin:0; background:none; text-transform:none;}
.news h2.list {padding:40px 0 0 5px; font-size:1em;}
.news h3 {font-size:1em; font-weight:normal; margin:-7px 0 5px 5px;}
.news h4 {padding:30px 0 0 5px; margin:0; font-style:italic; font-size:1em;}
.news ul {padding:10px 0 0 20px;}
.news li {padding:5px 0 0 5px; list-style-type:disc;}
.spacer {margin:50px;}
.news blockquote {padding:0 0 0 5px; margin:10px 0 15px 0; font-size:1.4em;}
.soccerpark {border:none; margin-bottom:10px;}


/* ---------------------------------------------------------------
							FOTOTOUR
-----------------------------------------------------------------*/

.tour_wrapper_l {width:360px; height:170px; display:block; float:left; margin:10px 0 30px 0;}
	.tour_wrapper_l p {font-size:11px; line-height:15px; padding:0 0 0 10px;}
	.tour_wrapper_l h1 {font-size:13px; font-weight:bold; text-transform:none; color:#333333; background:none; padding:0 0 0 10px; margin:0;}
.tour_wrapper_r {width:360px; height:170px; display:block; float:right; margin:10px 0 30px 0;}
	.tour_wrapper_r p {font-size:11px; line-height:15px; padding:0 0 0 10px;}
	.tour_wrapper_r h1 {font-size:13px; font-weight:bold; text-transform:none; color:#333333; background:none; padding:0 0 0 10px; margin:0;}.tour_left {float:left; width:120px;}
.tour_right {float:right;width:240px;}
.tour_img {margin:0px 5px 0 5px; border:5px solid #2c2d2b;}
.tour_img:hover {margin:0px 5px 0 5px; border:5px solid #6d7063;}