@charset "utf-8";
/* CSS Document */

html { font-size:100%}
body {
	font:normal 0.625em Arial, Helvetica, sans-serif;
	color:#52504F;
	background-color:#CCC;
	text-align:center;
	background-image: url(../img/bg3.jpg);
	background-repeat: repeat-x;
}

h1,h2,h3,h4,h5,h6,p,div,img,ul,ol,li,hr,fieldset,legend,form,blockquote,q,cite,input,button,
table,thead,tbody,tr,th,td,dl,dt,dd { padding:0; margin:0}
h1,h2,h3,h4,h5,h6 { font-family:"Times New Roman", Times, serif; font-weight:normal; color:#52504F;}

.h3headerstyle { font-size:3em}
.h4headerstyle { font-size:2.3em}
.h5headerstyle { font-size:1.8em}
.h6headerstyle { font-size:1.5em}
.h1headerstyle { font-size:3.2em;}

ul, ol { margin-left:1.7em} 
p, table, hr, dl, dd { margin-bottom:1em}

p { font-size:1.2em} /* set font size for all p tags, then over rule based upon inheritance*/
p img { vertical-align:middle}
p p { font-size:1em; margin-bottom:0} /* to cover for the CMS */
li p { font-size:1em; margin-bottom:0}


form { display:inline}
hr { border:none; color:#FFF; background-color:#FFF; border:0; border-bottom: 1px dashed #D1C5B1}

a, a:link, a:active, a:visited {
	color:#C06;
	text-decoration:none
}
a:hover {text-decoration:underline}
a.current, a:link.current, a:active.current, a:visited.current {
	color:#C06
}
a img { border:none }

h1 a, h1 a:link, h1 a:active, h1 a:visited, h1 a:hover,
h2 a, h2 a:link, h2 a:active, h2 a:visited, h2 a:hover,
h3 a, h3 a:link, h3 a:active, h3 a:visited, h3 a:hover,
h4 a, h4 a:link, h4 a:active, h4 a:visited, h4 a:hover,
h5 a, h5 a:link, h5 a:active, h5 a:visited, h5 a:hover,
h6 a, h6 a:link, h6 a:active, h6 a:visited, h6 a:hover { font-weight:normal}

blockquote, dt {
	font-family:Arial, Helvetica, sans-serif
}
blockquote p { font-size:1em}

.dozentenliste td {
	border-bottom:#CCC 1px solid; 
	padding-bottom:3px;
	}

/* ----- MAIN ID STYLES ----- */
#container {
	width:966px;
	max-width:1270px;
	overflow:hidden;
	margin:0 auto;
	text-align:left;
	top: -8px;
	position: relative;
}

#header {
	background-color:#333;
	color:#FFF;
	height:100px;
	background-image:url(../img/ziele_werte_coach_head.jpg);
	text-align: right;
}
#header #right_block { float:right; text-align:right; margin:1.3em 1.6em 0 0}
#header #right_block * { vertical-align:top}
#header #right_block fieldset { border:none}
#header #right_block fieldset legend { display:none}

#header .search_input { font-size:1em; height:1.9em; line-height:1.9em; border:none; color:#FFF; border:0.1em solid #989898; vertical-align:bottom; background-color:#404040; width:15em}
/*#header .search_button {font-size:1.1em; font-weight:bold;margin-left:0.6em; text-align:center; background:#404040 url(../images/sitelayout/arrows1.png) 90% 50% no-repeat; padding-right:1.3em}*/

#breadcrumb {
	font-size:1.1em;
	line-height:2em;
	padding-left:27px;
	background-color:#CCC
}
#breadcrumb a { font-weight:normal; color:#444 }

#centre {
	position:relative;
	width: 96.6em;
	margin-top: 5px;
	background-color: #FFF;
}

/**-----main styles-----**/
#main_standard, #main_carousel, #main_map {
}
#main_standard {
	padding-top:20px;
	padding-bottom: 22px;
} /*background:none top left no-repeat; */
#main_secondary { height:20em; width: 77.1em; float: left}
#main_standard #main_container { height:26.4em}
#main_carousel #main_container { height:28em; width:96.6em; overflow:hidden; position:relative  }
#main_secondary #main_container { position:relative}

#main_standard #main_container .overlay { width:19.2em}
#main_carousel #main_container .overlay { width:44.5em; min-height: 19em; position:absolute; left:0; top:1em}
#main_secondary #main_container .overlay { width:24em; position:absolute; right:0; top:1em}
#main_container .overlay {color:#fff; padding:14px; z-index:1000; background: url(../images/sitelayout/opacity_70_black.png) top left; /*opacity: 0.7; filter: alpha(opacity=70);*/}
#main_container .overlay #overlay_content {font-family: "Times New Roman", Times, serif}
#main_container .overlay blockquote {
	font-size:2.3em;
	font-style:normal;
	margin-bottom:0.4em;
	font-family: Arial, Helvetica, sans-serif;
}
#main_container .overlay .headline { font-size: 3.4em; font-weight:bold; margin-bottom:0;}
#main_container .overlay .lead_text {font: 1.8em bold}
#main_container .overlay a.button {display:inline-block; clear:both; padding:0.4em; padding-right:1.8em; color:#000; background:#D6DE23 url(../images/sitelayout/main_learn_more_arrow.gif) 90% 50% no-repeat}


/*Carousel*/
#main_container .overlay .menu li {display: block; float: left}
#main_container .overlay .menu a { font-size:1.3em; float:left; color:#D1C5B1; outline: none; margin:0.3em 0; padding:0 0.6em; border-left:1px solid #999} 
#main_container .overlay .menu a.current{ background: url(../images/sitelayout/main_carousel_selected.gif) bottom center; color:#666; margin:0; padding:0.3em 0.6em 1em 0.6em; border-left: none}
#main_container .overlay .pause_link_container { font-size:0.8em; text-align:right}
#main_container .overlay .pause_link_container a { color:#999}
#main_container .image_absolute { position:absolute; left:0; top:0; z-index:0}
#main_container .current_image { z-index:20}
#main_container .previous_image { z-index:10}


#main_container .location .top_right {   }
/**------end main styles -----**/

#left_col { width:19.5em; float:left; margin-right:1.5em; z-index:10}

#feature_container {float: right; width:24.2em}
.feature_container_sublanding { top:20em}
.feature_container_carousel {margin-top: -1em}
.feature_container_overlay {margin-top: -28.4em; position: relative}
.feature_container_clear_heading { top:6em /*2em of margin from content, 4em from heading and its bottom margin.*/ }
.feature_container_glossary { top: 2.6em}
.feature_container_media_kit { position:relative; width:45.2em; margin-top:2em}
.media_landing .content_right{ position: inherit; float: right; width: 24.2em; margin-left: 0}


#content {
	margin-top:20px
}
.with_left_nav_and_feature { float:left; width:49.9em}
.avoid_left_nav { display:inline; float:left; width:49.9em; margin-left:1.4em}
.content_sublanding { display:inline; float:left; width:49.9em; margin-left:1.4em}
.with_feature_only { float:left; width:70.9em}
.with_left_nav_only { float:left; width:75.6em}
.media_kit { float:left; width:49.9em}
.media_landing{float: right; width: 75.6em}
.media_landing .content_left{float: left; width: 49.9em}
.two_column_media_kit { margin:0 0 2em 0}

/* Layout grid for the media kit */
.column_left{float: left;width: 50.2em;padding-top: 1em}
.column_right{float: right;	width: 44.4em;	padding-top: 1em}

.jshidden{display: none}

.latestListh4 { font-size:1.5em; margin-bottom:0; color: #fff; font-family:Times New Roman, Times, serif; display: block; }

.h1headerstyle, .h2headerstyle, .h3headerstyle, .h4headerstyle, .h5headerstyle, .h6headerstyle {color:#52504F;font-family:Times New Roman,Times,serif;}

img {border:0px;}