/**** START scrollbalken immer sichtbar **********************************/
html{
	overflow: -moz-scrollbars-vertical;
}
/* exploder V7 only */
html{
 overflow-y: scroll;
}

body{
	width:773px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	padding-top:16px;
/*	font-family:"Trebuchet MS", Verdana, Arial, sans-serif; */
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	background-image:url(/pagemedia/media/backgrounds/bg_body.gif);
	background-repeat:repeat-x;
	background-color:#E8ECF5;
}

div{
/*border:1px solid red;*/
}

/* Alle Bilder ohne Rahmen */
img{
	border:none;
}

/*	Formatierung Überschriften */

h1{
	font-size:16px;
}

h2{
	font-size:14px;
}

h3{
	font-weight:bold;
	font-size:13px;
	line-height:18px;
	color:#999999;
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-top: 1px solid #CCCCCC;
}

h4{
	font-weight:bold;
	font-size:12px;
	line-height:18px;
	color:#999999;
	padding:0px 0px 15px 0px;
	margin:0px 0px 0px 0px;
/*	border-top: 1px solid #CCCCCC; */
}

hr{
	color:#CCCCCC;
	height:1px;
}

/*	############## Haupt Frame ########## */

#main{
	float:left;
	clear:none;
	width:773px;
	min-height:655px; 
	height:auto !important;
	height:655px;
	background-color:#E8ECF5;
	background-image:url(../media/backgrounds/bg_main.gif);
	background-repeat:repeat-y;
	background-position:top; 
}

#page{
	float:left;
	clear:none;
	width:761px;
	display:inline;
	margin: 0px 6px 0px 6px;
}

/*	############## Navigationen ######### */
#meta_nav{
	float:right;
	clear:none;
	margin-top:32px;
	margin-left:250px;
	font-size:11px;
	font-weight:bold;
}

#meta_nav a{
	text-decoration:none;
	color:#999999;
}

#meta_nav .topmenu:first-child{
	padding-left:0px;
}

#meta_nav .topmenu{
	float:left;
	clear:none;
	width:70px;
}

#quick_nav{
	float:left;
	clear:none;
	padding-left:32px;
	width:158px;
	line-height:22px;
	font-size:11px;
	margin-top:20px;
}

#quick_nav a{
	float:left;
	clear:none;
	text-decoration:none;
	color:#336699;
	font-weight:bold;
	line-height:14px;
	padding-bottom:5px;
	padding-top:5px;
}

#quick_nav a.active{
	color:#99cccc;
}

#quick_nav ul{
	float:left;
	clear:none;
	list-style-type:none;
	margin:0px;
	padding:0px;
	width:158px;
}

#quick_nav ul li{
	float:left;
	clear:none;
	border-bottom: 1px solid #CCCCCC;
	width:158px;
}

#quick_nav ul li:first-child{
	float:left;
	clear:none;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;	
}


#path_nav{
}


/*	############## Header ############### */
#head{
	float:left;
	clear:none;
	width:761px;
	height:136px;
	background-image:url(../media/backgrounds/header_logo.gif);
	background-repeat:no-repeat;
	background-position:left;
}

#homelink{
	float:left;
	clear:none;
	width:130px;
	height:120px;
}

/*	############## Linker Panel ######### */
#left_panel{
	float:left;
	clear:none;
	width:207px;
	min-height:519px;
	height:auto !important;
  	height:519px;
}

#left{
	float:left;
	clear:none;
	padding-left:32px;
	width:158px;
	line-height:22px;
	font-size:11px;
}

#left a{
	float:left;
	clear:none;
	text-decoration:none;
	color:#aaabab;
	font-weight:bold;
	line-height:14px;
	padding-top:5px;
	padding-bottom:5px;
}

#left a.menuactive{
	color:#99cccc;
}

#left ul{
	float:left;
	clear:none;
	list-style-type:none;
	margin:0px;
	padding:0px;
	width:158px;
}

#left ul li{
	float:left;
	clear:none;
	border-bottom: 1px solid #CCCCCC;
	width:158px;
}

#left ul li:first-child{
	float:left;
	clear:none;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;	
}

/*	############# Content Panel ######### */
#content{
	float:left;
	clear:none;
	min-height:519px;
	height:auto !important;
  	height:519px;
	width:519px;
	padding-bottom:10px;
}

#content_small{
	float:left;
	clear:none;
	width:338px;
	min-height:519px;
	height:auto !important;
  	height:519px;
	padding-bottom:10px;
	color:#666666;
}

/*	############# Rechter Panel ######### */

#right_panel{
	float:left;
	clear:none;
	width:183px;
	min-height:519px;
	height:auto !important;
  	height:519px;
}

#right{
	float:left;
	clear:none;
	padding-left:0px;
	width:158px;
	line-height:22px;
	font-size:11px;
}

#right a{
	float:left;
	clear:none;
	text-decoration:none;
	color:#aaabab;
	font-weight:bold;
	line-height:14px;
	padding-top:5px;
	padding-bottom:5px;
}

#right ul{
	float:left;
	clear:none;
	list-style-type:none;
	margin:0px;
	padding:0px;
	width:158px;
}

#right ul li{
	float:left;
	clear:none;
	border-bottom: 1px solid #CCCCCC;
	width:158px;
}

#right ul li:first-child{
	float:left;
	clear:none;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;	
}

#right .submenu_active{
	color:#99cccc;
}

/*	############# Footer ################ */
#footer{
	float:left;
	clear:none;
	width:100%;
	height:16px;
	font-size:11px;
	padding-top:5px;
	padding-bottom:5px;
	color:#999999;
	font-weight:bold;
	padding-left:16px;
	background-color:#E8ECF5;
}

#footer .impressum{
	padding-left:35px;
}

#footer a{
	text-decoration:none;
	color:#336699;
}

/*	################### Seitentemplates	##*/

#content_image{
	float:left;
	clear:none;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;	
}

#content_image .topborder{
	padding-top:3px;
	padding-bottom:4px;
}


#content_tab{
	float:left;
	clear:none;
	margin-top:30px;
}

#content_tab .content_title{
	margin-top:10px;
	padding-bottom:15px;
	font-weight:bold;
	color:#999999;
}

#content_tab .text_content{
	float:left;
	clear:none;
	padding-right:7px;
}

#content_tab .content{
	font-size:11px;
	color:#666666;
}

#content_tab .testimonials{
	padding-left:7px;
	border-left: 1px solid #CCCCCC;
}

#content_tab .testimonials .alttext{
	padding-top:3px;
	font-size:11px;
	color:#999999;
	padding-bottom:10px;
}

#content_tab .testimonials .beschreibung{
	font-size:11px;
	color:#666666;
}


/*	############## Template für die Unterseiten	################## */

#inhaltsseite{
	float:left;
	clear:none;
	border-top: 1px solid #CCCCCC;  
}

#inhaltsseite h4 {
	margin-top:10px;
}

#inhaltsseite .inhaltsbild{
	float:left;
	clear:none;
	padding-top:3px;
	padding-bottom:4px;
}

#inhaltsseite .inhaltstext{
	font-size:11px;
	color:#666666;
}

#inhaltsseite ol{
	padding:0px;
	margin:0px;
	list-style-type:none;
	padding-bottom:5px;
}

#inhaltsseite ol li{
	padding-left:7px;
	background-image:url(/pagemedia/media/aufzaehlungszeichen.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

/*	############## Template für die Buchliste	################## */

#buchliste{
	float:left;
	clear:none;
	width:338px;;
	border-top: 1px solid #CCCCCC; 
	padding-bottom:10px;
}

#buchliste .buchbild{
	float:left;
	clear:none;
	width:90px;
	padding-right:5px;
	padding-top:10px;
}

#buchliste .buch_beschrieb{
	float:left;
	clear:none;
	width:238px;
	font-size:11px;
	padding-right:5px;
	padding-top:10px;
}

#buchliste .buchtitel{
	float:left;
	clear:none;
	color:#aaabab;
}

#buchliste .buchlead{
	float:left;
	clear:none;
	padding-top:10px;
}

/*	################## Template für Anzeige der Dozenten	#############	*/
#dozenten{
	float:left;
	clear:none;
	width:338px;
	font-size:11px;	
	border-top: 1px solid #CCCCCC; 
	color:#666666;
	padding-bottom:10px;
}

#dozenten .doz_bild{
	float:left;
	clear:none;
	width:150px;
	padding-top:10px;
	padding-right:5px;
	padding-bottom:5px;
}

#dozenten .doz_name{
	float:left;
	clear:none;
	width:178px;
	color:#aaabab;
	padding-top:10px;
	padding-right:5px;
	padding-bottom:10px;
}


#dozenten .doz_content{
	float:left;
	clear:none;
	width:333px;
	padding-top:5px;
	padding-right:5px;
}

#dozenten a{
	color:#99cccc;
	text-decoration:none;
}

#dozenten ul{
	padding:0px;
	margin:0px;
	list-style-type:none;
}

#dozenten ul li{
	background-image:url(../media/aufzaehlungszeichen.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:7px;
}

#dozenten .tabelle{
	border-top:1px solid #CCCCCC;
}

#dozenten .tabelle td{
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #CCCCCC;
}

/*	############### Template für Standardbild rechts	*/

#standard_rechts{
	float:left;
	clear:none;
	border-top:1px solid #CCCCCC;
	padding-top:10px;
	font-size:11px;
	color:#666666;
	padding-bottom:10px;
}

#standard_rechts h4 {
	font-weight:bold;
	font-size:13px;
	line-height:18px;
	color:#999999;
	padding:0px 0px 15px 0px;
	margin:0px 0px 0px 0px;
	border-top:none;
}

/*	############### Template für schmalen Inhalt rechts	*/

.content_rechts{
	float:left;
	clear:none;
	width:338px;
	font-size:11px;	
	color:#666666;
	padding-bottom:10px;
	border-top:1px solid #CCCCCC; 
}

.content_rechts h4 {
	color:#999999;
	font-weight:bold;
	font-size:12px;
	margin-top:10px;
	padding-bottom:20px;
	border-top:none;
} 

.content_rechts .content_img{
	float:left;
	clear:none;
	margin-top:5px;
	padding-bottom:5px;
}

.content_rechts a{
	text-decoration:none;
	font-size:11px;
	color:#336699;
}

/*	############## Template für den Download-Bereich	*/

#downloads{
	float:left;
	clear:none;
	width:158px;
	padding-top:20px;
	font-size:11px;
	color:#aaabab;
	font-weight:bold;
}

#downloads .dl_link{
	float:left;
	clear:none;
	background-color:#f9f9f9;
	color:#4669a5;
}

#downloads .kontaktlink{
	float:left;
	clear:none;
	padding-top:10px;
}

#downloads a{
	text-decoration:none;
	color:#4669a5;
}

/*	######## Kontaktformular	*/

#content_scroll{
	font-size:11px;
	border-top: 1px solid #CCCCCC;
	padding-top:3px;
}


/*	########### Template member.html	*/

#memberlogin{
	float:left;
	clear:none;
	border-top: 1px solid #CCCCCC;
}

#memberlogin .titel{
	font-weight:bold;
	padding-top:5px;
}


#memberlogin a{
	text-decoration:none;
	color:#4669a5;
}

/*	############# Dateibibliothek.html	*/

#dlbereich{
	float:left;
	clear:none;
	border-top: 1px solid #CCCCCC;
}

#dlbereich .dlbereich_content{
	float:left;
	clear:none;
	padding-top:5px;
}

/*	XXXXXXXXXXXXXXXXXXX Bilder-Galerien	*/

#galerie{
	float:left;
	clear:none;
	padding-top:10px;
	border-top:1px solid #CCCCCC;
	width:100%;
}

#galerie h2{
	color:#aaabab;
}

/*	XXXXXXXXXXXXXXXXXXX NEWS - Liste	*/

#newsbox{
	float:left;
	clear:none;
	width:519px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #CCCCCC;
}

#newsbox .newstitle {
	float:left;
	clear:none;
	font-weight:bold;
	padding:0px 0px 10px 0px;
	color:#336699;
}

#newsbox .newsdate{
	font-weight:bold;
}

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

/* XXXXXXXXXXXXXXXXXXXX NEWS - Übersicht auf Startseite */
.newsoverview{
	float:left;
	clear:none;
	width:357px;
	font-size:11px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #CCCCCC;
}

.newsoverview .newstitle {
	font-weight:bold;
	padding:0px 0px 10px 0px;
	color:#336699;
	font-size:11px;
}

.newsoverview .newsdate{
	font-weight:bold;
	padding-right:5px;
}

.newsoverview a{
	text-decoration:none;
	font-weight:bold;
	color:#336699;
}

.newsoverview .textcontent {
font-size:11px;
}


/*	XXXXXXXXXXXXXXXXXXX NEWS - Detail	*/
#newsdetail{
	float:left;
	clear:none;
	padding-top:5px;
	font-size:11px;
	border-top:1px solid #CCCCCC;
	width:519px;
}

#newsdetail .newsheader{
	font-weight:bold;
	font-size:13px;
	line-height:18px;
	padding:0px 0px 20px 0px;
	margin:0px 0px 0px 0px;
	color:#aaabab;
}

#newsdetail .newstitle{
	font-weight:bold;
	padding:0px 0px 10px 0px;
	color:#336699;
}

#newsdetail ol{
	padding:0px;
	margin:0px;
	list-style-type:none;
	padding-bottom:5px;
}

#newsdetail ol li{
	padding-left:7px;
	background-image:url(/pagemedia/media/aufzaehlungszeichen.gif);
	background-position:left top;
	background-repeat:no-repeat;
}


#newstable{
	padding-top:3px;
}

#newstable .newsissue{
	font-size:12px;
	color:#aaabab;
	font-weight:bold;
}


#newsflash{
	float:left;
	clear:none;
	border-top: 1px solid #CCCCCC; 
}


#newsflash .inhaltsbild{
	float:left;
	clear:none;
	padding-top:3px;
	padding-bottom:4px;
}

#newsflash h3{
	padding-top:10px;
	color:#999999;
}

#newsflash .inhaltstext{
	font-size:11px;
	color:#666666;
}

#newsflash ol{
	padding:0px;
	margin:0px;
	list-style-type:none;
	padding-bottom:5px;
}

#newsflash ol li{
	padding-left:7px;
	background-image:url(/pagemedia/media/aufzaehlungszeichen.gif);
	background-position:left top;
	background-repeat:no-repeat;
}



#google_map{
	float:left;
	clear:none;
	height:20px;
	padding-top:10px;
}

#google_map a{
	text-decoration:none;
	color:#336699;
}



/**************************************************************
	MultiBox
	v1.2
**************************************************************/

.MultiBoxContainer {
	position: absolute;
	border: 20px solid #336699;
	background-color: #FFF;
	display: none;
	z-index: 2;
}

.MultiBoxLoading {
	background: url(/pagemedia/icons/loader.gif) no-repeat center;
}

.MultiBoxContent {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.MultiBoxClose {
	position: absolute;
	top: -26px;
	right: -26px;
	background: url(/pagemedia/icons/close.png) no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;
}


.MultiBoxControlsContainer {
	overflow: hidden;
	height: 0px;
	position: relative;
}

.MultiBoxControls {
	width: 100%;
	height: 30px;
	position: relative;
	background-color: #336699;
}


.MultiBoxPrevious {
	position: absolute;
	background: url(/pagemedia/icons/left.png) no-repeat;
	width: 24px;
	height: 24px;
	left: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNext {
	position: absolute;
	background: url(/pagemedia/icons/right.png) no-repeat;
	width: 24px;
	height: 24px;
	right: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNextDisabled {
	cursor: default;
	background: url(/pagemedia/icons/rightDisabled.png) no-repeat;
}

.MultiBoxPreviousDisabled {
	cursor: default;
	background: url(/pagemedia/icons/leftDisabled.png) no-repeat;
}

.MultiBoxTitle {
	position: relative;
	margin: 10px 0 0 35px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
}

.MultiBoxNumber {
	position: relative;
	width: 65px;
	margin: 10px 35px 0 0;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: right;
}

.MultiBoxDescription {
	clear: left;
	position: relative;
	margin: 0 35px 0 35px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;
}

/********* IQ Werkstatt NEU ********************************************/
#iqwerkstatt {
	float:left;
	clear:none;
	width:519px;
	border-top:1px solid #CCCCCC;
}

#iqwerkstatt a{
	text-decoration:none;
	color:#0062a5;
}

#iqwerkstatt a:hover h4{
	text-decoration:none;
	color:#99CCCC;
}

#iqwerkstatt h4 {
	color:#999999;
	font-weight:bold;
	font-size:12px;
	margin-top:10px;
	padding:0px 0px 10px 0px;
}

#iqwerkstatt .content_image {
	padding-right:14px; 
}

#iqwerkstatt .content_ctn .content_description {
	color:#999999;
	font-size:11px;
}

#iqwerkstatt .content_ctn {
	margin-bottom:10px;
}

#iqwerkstatt .content_title a {
	color:#aea7a7;
}

/* Bildergalerien */
#imgcontainer {
	float:left;
	clear:none;
	margin-top:20px;
	border:1px solid #CCCCCC;
}

#imgcontainer ._images {
	float:left;
	clear:none;
	margin:7px;
}

#imgcontainer ._images a {
	float:left;
	clear:none;
}

#imgcontainer img {
	float:left;
	clear:none;
}

/********* Kursaufbau **************************************************/
.kursaufbau {
	float:left;
	clear:none;
	width:338px;
	border-top: 1px solid #CCCCCC;
}

.kursaufbau .inhaltsbild{
	float:left;
	clear:none;
	padding-top:3px;
	padding-bottom:4px;
}

.kursaufbau .inhaltstitel {
	float:left;
	clear:none;
	width:100%;
}

.kursaufbau .inhaltstitel h4 {
	margin-top:10px;
}

.kursaufbau .inhaltstitel a {
	text-decoration:none;
	color:#a29999;
}

.kursaufbau  .inhaltstitel a:hover{
	text-decoration:none;
	color:#99CCCC;
}

.kursaufbau .morelink {
	margin-top:20px;
}

.kursaufbau .morelink a {
	color:#336699;
	text-decoration:none;
	font-weight:bold;
}

.kursaufbau .inhaltstext{
	font-size:11px;
	color:#666666;
	margin-bottom:15px;
}

.kursaufbau ol{
	padding:0px;
	margin:0px 0px 0px 10px;
	padding-bottom:5px;
	list-style-type:none;
}

.kursaufbau ol li{
	padding:0px;
	margin:0px;
	list-style-image:url(../media/aufzaehlungszeichen_2.gif);
}

/*.kursaufbau ol li{
	padding-left:7px;
	background-image:url(../media/aufzaehlungszeichen.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
*/
/********* Team ********************************************************/
.team_details {
	float:left;
	clear:none;
	width:338px;
	border-top:1px solid #CCCCCC;
}
.team_details .member_name {
	margin-top:5px;
	font-size:12px;
	margin-bottom:5px;
}

.team_details .content_title a h4 {
	margin-top:10px;
	padding:0px 0px 0px 0px;
}

.team_details .content_title a {
	color:#AAABAB;
	text-decoration:none;
	font-weight:bold;
}

.team_details .content_title a:hover h4{
	color:#99CCCC;
	text-decoration:none;
}

.team_details .content_role {
	width:338px;
}
.team_details .content_role a{
	color:#a29999;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
}

.team_details .content_role a:hover{
	color:#99CCCC;;
	font-size:12px;
	text-decoration:none;
}

.team_details .member_img {
	float:left;
	clear:none;
	margin-top:10px;
	width:100%;
}

.team_details .member_email {
	font-size:11px;
	margin-top:13px;
}

.team_details .member_email a {
	color:#336699;
	text-decoration:underline;
}

.team_details .member_description {
	font-size:11px;
	margin-top:13px;
	margin-bottom:20px;
}

/*********LIVE CHAT ****************************************************/
#livechat{
	float:left;
	clear:none;
	padding-top:20px;
	padding-left:30px;
}

.rock{
	z-index:1;
	position:relative;
	left:-200px;
}

.rock_ie6{
	z-index:1;
	position:absolute;
	left:20px;
	top:550px;
}

#filetree {
	float:left;
	clear:none;
}

#filetree ul {
	float:left;
	clear:none;
	list-style-type:none;
	margin:0px;
	padding:0px;
	width:100%;
}

#filetree ul li {
	float:left;
	clear:none;
	width:100%;
}

#filetree ul li ul {
	float:left;
	clear:none;
	padding:0px;
	margin:0px 0px 0px 15px;
	list-style-type:none;
}

#filetree ul li ul li {
	float:left;
	clear:none;
	margin:0px 0px 3px 0px;
}

#filetree a{
	color:#336699;
	text-decoration:none;
}

#filetree a:hover{
	font-weight:bold;
}