@charset "utf-8";
/* CSS Document */
* {margin: 0;
padding: 0;}
body {margin: 0; font-family:Arial, Helvetica, sans-serif;}
p {margin: 0 0 0 0;
font-size: 11px;
line-height:1.7;}
a:active, a:focus {outline: none;}


/*WICHTIG: nur so funktioniert das Javascript mit dem aktuellem Link*/
#sidebar ul.sidemenu li a.aktuellerlink	{
font-weight: normal; color: #DB8C41;
}
#sidebar ul.sidemenu li a.normalerlink	{
font-weight: normal; color: black;
}
	


/*WICHTIG: nur so funktioniert das Javascript mit dem aktuellem Link*/
div#right table#usercenter tr td a.aktuellerlink	{
font-weight: normal; color: #DB8C41;
}
div#right table#usercenter tr td a.normalerlink	{
font-weight: normal; color: black;
}
	

						
						
h6.border{

	border-top: 1px solid #d1d5e1 ;
	width: 183px;
	margin-top: 20px;
	margin-bottom: 14px;
}

h1 {
font-size:12px;
color: #000000;
padding-bottom:10px;
 }
h2 {
font-size:12px;
color: #000000;
margin-top:-20px;
 }

h3 {
font-size:11px;
color: #AAAAAA;
 }

h4 {
font-size:12px;
color: #000000;

 }
 
.orange {
	color: #D88B47;
	font-weight: bold;
}

.abstand {
margin-left:5px;
margin-top:5px;
 margin-right: 15px;
}

.linie {
border-bottom: 1px solid #d1d5e1; margin-top:3px; margin-bottom:10px;
}

.ueberschrift {
	color: #FFFFFF;
	font-weight: bold;
	margin-left: 5px;

}

table tr td.ueberschrift {
	padding-left:4px;
}

.bildschatten {
border: 1px solid #d1d5e1; padding: 5px;
}


table {
font-size: 11px;}

#rahmen {
 margin:0 auto;
width:980px;
background-color:#ffffff;
border: 1px solid #d1d5e1; padding: 5px;

}

#wrapper {
	width:980px;
    background-color:#ffffff;
    margin:0 auto;
    text-align:left;
	border: thick solid #;
}


#header {
	width:960px;
    background-color:#FFFFFF;
    margin:0 auto;
    text-align:left;
}

#logo {
position:absolute;
margin-top: -17px;
margin-left: -10px;
	background:url(../images/logo.jpg) no-repeat left top;
    text-align:left;
	height: 103px;
	width:230px;
	
	
	
	
	

}


#content-wrapper {
position:relative;
width: 980px;
	padding-left: 20px;
	padding-top:40px;
}

#nav1 {
margin-right: -19px;
float:right;

	
}



/*Indexseite Inhalt in 3 Blöcke unterteilt, für Kursinformationen, Werbung allgemein, Buchvorstellung, News*/

div#block1 {
	width:100%;
	padding:5px;


}

div#block2 {
margin-right:0px;
border: 1px solid #848484; 
float: left;
width:279px;
height:229px;
background-color:#E6EEF8;
}



div#block3 {

border: 1px solid #848484; 
float: right;
width:274px;


}



div#block4 {
margin-top:2px;
clear:both;
width:557px;
border: 1px solid #848484; 
background-color:#E6EEF8;
}




/*Login*/

div#right {
	float: right;
	font-size:10px;
	width:119px;
	padding-right: 95px;
	margin: -20px 0px -5px 0;	

	
}

div#right table a:link{
	text-decoration:none;
	font-size:11px;
	color: #707070;
	
}

div#right table a:hover{
	text-decoration:none;
	font-size:11px;
	color: #DB8C41;
	
}




div#left_box {
margin-right:5px;
/*background-color:#E6EEF8;
border: 1px solid #848484; */
left:0px;

padding:10px;
}






/*Content*/
#main {
position:relative;
padding-left:10px;
padding-right:10px;
margin-top: 0px;
margin-left:175px;
width:560px;
min-height: 510px; /*Wichtig: dass die mittlere Kolonne grösser ist als alle anderen (sidebar und right)*/
border-right:#d1d5e1 1px solid;
border-left:#d1d5e1 1px solid;}


div#Versuch2 {
width:960px;
background-image:url(../images/navi2.jpg);
background-repeat:no-repeat;
height: 50px;
}

div#Versuch2 ul{
font-size: 12px;
}

	


div#Versuch2 li {
float:left;
list-style-type:none;

}

div#Versuch2 a {
display: block;
padding: 10px 18px 10px 17px;
text-decoration:none;
color:#4783C9;
}




div#Versuch2 li a:hover{
background-color:#E97E20;
color:#FFFFFF;

}

#nav1 ul {
	float: left;
	list-style: none;
	Margin-top:0px;
	margin-right:20px; 
	padding: 0 ;
}

#nav1 ul li {
	display: inline;
}

#nav1 ul li a {
	display: block;
	float: left;
	padding: 0 14px;
	margin-top: 70px;
	color: #777;
	text-decoration: none;
	text-align:center;
	border-right: 1px solid #ff841e ;
}

#nav1 ul li a:hover {
	color: #DB8C41;
	
}


li.current {
	background-color:#FF6600;
	color: #FFFFFF;
} 

/*Navigation auf der Seite*/
#sidebar {
	float: left;
	width: 170px;
	padding: 5px;
	margin: -25px 0 0 0;	

    font-size:11px;
	color: #707070;
}




#sidebar h3 {
    font-size:12px;
	color: #AAAAAA;
}

/*Sidebar untermenü Parent	*/
#sidebar ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 10px 10px 0px 4px; 
	padding: 0;
	text-decoration: none;	
	/*border-top: 1px solid #d1d5e1;	*/
}

#sidebar ul.sidemenu li {
	list-style: none;
	padding: 6px 0px 4px 0px;
	margin: 0 2px;	
	/*color: #777;	*/
	border-top: 1px solid #d1d5e1 ;
}



/*Sidebar untermenü Child	*/
#sidebar ul.sidemenu ul li {
/*font-size: 11px;*/
paddint-top:2px;
	list-style: none;
/*	color:  #DB8C41;	*/	
	text-align: left;
	margin: 6px 0px 2px 5px; 
	padding:0px;
	text-decoration: none;	
	/*border-top: 1px solid #d1d5e1;	*/
}


* html body #sidebar ul.sidemenu li {
	height: 1%;
}


#sidebar ul.sidemenu li a:focus {
outline: none;
}

#sidebar ul.sidemenu li a {
outline: none;
padding-left:7px;
width: 220px;
display:block;
text-decoration: none;	
/*color: #202020;		*/
}


/*#sidebar ul.sidemenu li a:link {	
display:block;
color: #000000
}

#sidebar ul.sidemenu li a:visited {	
display:block;
color: #000000 ;

}

 ;*/
#sidebar ul.sidemenu li a:hover {	
display:block;
color: #DB8C41 ;
width: 220px;
background-image:url(../images/arrmenuorange.gif);
background-repeat:no-repeat;

}

#sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.sidemenu ul li { border: none; }

/*2. Unterster Punkt für Newsletter und Empfehlungen	*/




div#bottom{
position:absolute;
background-color:#F3F3F3;
border: 1px solid #d1d5e1; 
width: 176px;
padding: 3px;

}

.kurse{
padding: 2px;


}



/*#d1d5e1*/
div#news {
border: 1px solid #d1d5e1; padding: 5px;
background-color:#E5E5E5;
float:left;
width:160px;

	
}

div#newsletter {
border: 1px solid #d1d5e1; padding: 5px;
background-color:#E5E5E5;
padding-right:20px;
float:right;
width:160px;

	
}

/* -----------Flash Hover für personal-display:none;-------------------------- */

#left_box p{}

#left_box a:hover p{
display:block;
width:450px;


}


/* -----------footer--------------------------- */
#footer {	
position:relative;
/*clear: both;*/
 border-top: 1px solid #d1d5e1;
 width: 958px;
background:url(../images/footer-itrain.gif) no-repeat center top;	color: #02286F;
text-align:center;
padding: 0;
margin-left: 10px;
margin-right: -20px;
font-size: 9px;
height: 30px;
}
 
 
 

a:link {
	color:#D88B47;
	text-decoration:underline;
}

a:visited {
	color: #D88B47;
	text-decoration: none;
} 
auch noch auskommentiert, wegen sidebar navigation 
a:hover {
	color:#AAAAAA;
	text-decoration: none;
}

a:active {
	color: #AAAAAA;
	text-decoration: none;
}