@CHARSET "UTF-8";

#container { text-align: left; margin: 0px 0px -40px 30px; /*0px auto -40px auto;*/ width: 960px; min-height: 101%; }

#header { height: 100px; position: relative; }
#header > a { display: block; position: absolute; z-index: 99; top: 18px; left: 0px; }
#header > h1 { font-size: 26px; font-weight: normal; color: #707070; position: absolute; height: 60px; width: 600px; left: 300px; top: 28px; text-align: center; }

#navigation { height: 53px; background: url('/img/layout/bar_bg.png') repeat-x; position: relative; }
#navigation > ul { margin-left: 16px; }
#navigation > ul > li { position: relative; display: block; height: 38px; list-style: none; float: left; margin-right: 5px; }
#navigation > ul > li > a { color: #FFFFFF; text-decoration: none; display: block; line-height: 33px; height: 38px; padding: 0 16px; }
#navigation > ul > li > a:hover { background: url('/img/layout/bar_bg_hover.png') repeat-x; }
#navigation > ul > li:hover { background: url('/img/layout/bar_bg_hover.png') repeat-x; }

#navigation > ul > li > ul { position: absolute; z-index: 99; top: 34px; left: 0px; display: none; }
#navigation > ul > li:hover > ul { display: block; }
#navigation > ul > li > ul > li { list-style: none; background: #023C78; }
#navigation > ul > li > ul > li > a { white-space: nowrap; border: 1px solid #023C78; color: #FFFFFF; text-decoration: none; display: block; line-height: 33px; height: 35px; padding: 0 16px; }
#navigation > ul > li > ul > li > a:hover { background: #40A3D4; }
	
#navigation a.de { display: block; position: absolute; height: 11px; width: 16px; z-index: 99; text-indent: -999px; overflow: hidden; background: url('/img/icons/languages/de.png') no-repeat; right: 16px; top: 12px; }
#navigation a.en { display: block; position: absolute; height: 11px; width: 16px; z-index: 99; text-indent: -999px; overflow: hidden; background: url('/img/icons/languages/gb.png') no-repeat; right: 40px; top: 12px; }
#navigation div.logout { border-right: 1px solid #FFFFFF; padding-right: 10px; text-align: right; position: absolute; right: 68px; top: 11px; height: 14px; width: 90px; overflow: hidden; z-index: 99; }
#navigation div.logout a { line-height: 14px; font-size: 11px; color: #FFFFFF; text-decoration: none; }
#navigation div.logout a:hover { color: #DCE6F0; }

#content { padding: 10px 0 70px 0; margin-left: 210px; }
#content h2 { color: #003B79; font-weight: normal; font-size: 24px; text-decoration: none; padding-bottom: 10px; }
#content h3 { color: #003B79; font-weight: bold; font-size: 16px; text-decoration: none; padding-bottom: 4px; }
#content h3 > a { text-decoration: none; }
#content h4 { color: #333333; font-weight: bold; font-size: 14px; text-decoration: none; padding-bottom: 4px; padding-top: 4px; }
#content h5 { color: #003B79; font-weight: normal; font-size: 14px; text-decoration: none; padding-bottom: 4px; padding-top: 4px; }

#content ul { margin-bottom: 8px; }
#content ul > li { line-height: 1.8; list-style: none; background: url('/img/layout/bullet.png') no-repeat left 7px; padding-left: 15px; }

#content p { line-height: 1.8; }

#sidebar { font-size: 8pt; float: left; width: 190px; /* border-right: 1px solid #C1C3D6; */ padding: 10px 20px 0 0; }

#sidebar .box { background: #DDE8F1; padding: 10px 10px 15px 10px; }
#sidebar .box h4 { color: #003B79; font-weight: normal; font-size: 14px; text-decoration: none; line-height: 1; margin: 5px 0;}

#sidebar ul {}
#sidebar ul { margin-bottom: 5px; }
#sidebar ul > li { line-height: 1.8; list-style: none; background: url('/img/layout/bullet_arrow.png') no-repeat left 6px; padding-left: 15px; }


#form_quicklogin > dl { display: block; margin: 0; padding: 0; }
#form_quicklogin > dl > dt { display: block; margin: 0; padding: 0 }
#form_quicklogin > dl > dd { display: block; margin: 0; padding: 0 }
#form_quicklogin input { margin-left: 0; width: 160px; }
#form_quicklogin div { margin-top: 4px; }
#form_quicklogin a.pw { padding-left: 4px; }

#sidebar a.button { line-height: 32px; padding: 4px 15px 6px 15px; }

#content .box { padding: 25px 30px; border: 1px solid #C1C3D6; }

#courseOverviewList { /* width: 550px; */ }
#courseOverviewList h3 { position: relative; }
/*
#courseOverviewList h3 span { display: block; position: absolute; height: 11px; width: 16px; z-index: 99; text-indent: -999px; overflow: hidden; }
*/
#courseOverviewList h3 span.de { background: url('/img/icons/languages/de.png') no-repeat 2px 4px; text-indent: -999px; padding-left: 18px;}
#courseOverviewList h3 span.en { background: url('/img/icons/languages/gb.png') no-repeat 2px 4px; text-indent: -999px; padding-left: 18px;}
#courseOverviewList > ul { margin-bottom: 8px; }
#courseOverviewList > ul > li { line-height: 1.8; list-style: none; background: url('/img/layout/bullet.png') no-repeat left 5px; padding-left: 15px; margin-bottom: 10px; }
#courseOverviewList div.left { float: left; width: 530px; }
#courseOverviewList div.right { margin-left: 550px; }
#courseOverviewList div.right > p { text-align: right; }
#courseOverviewList div.right > p > span.price { color: #990000; font-size: 18px; }

#courseOverviewList div.courseDescription p { padding: 0px; }

#orderContent form > dl > dd { min-height: 28px; line-height: 28px; margin-bottom: 3px; margin-left: 160px; padding: 0; display: block; }
/*
#orderContent form > dl > dd > ul.errors { margin-left: 5px; margin-top: 3px; }
#orderContent form > dl > dd > ul.errors > li { color: #CC0000; font-size: 8pt; list-style: none; line-height: 1.3; margin-bottom: 6px; background: url('/img/layout/bullet_arrow.png') no-repeat left 4px; }
*/

#orderContent form ul.errors { margin-left: 5px; margin-top: 3px; }
#orderContent form ul.errors > li { color: #CC0000; font-size: 8pt; list-style: none; line-height: 1.3; margin-bottom: 6px; background: url('/img/layout/bullet_arrow.png') no-repeat left 4px; }
#orderContent form ul { margin-bottom: 8px; }
#orderContent form ul > li { line-height: 1.8; list-style: none; background: url('/img/layout/bullet.png') no-repeat left 7px; padding-left: 15px; }

#orderContent form > dl > dt { width: 150px; }


#title { position: relative; height: 36px; }
#title h2 { line-height: 36px; font-size: 12px; color: #FFFFFF; font-weight: bold; padding: 0 18px; }
#title a { display: block; position: absolute; height: 11px; width: 16px; z-index: 99; text-indent: -999px; overflow: hidden; }

#title a.de { background: url('/img/icons/languages/de.png') no-repeat; right: 16px; top: 12px; }
#title a.en { background: url('/img/icons/languages/gb.png') no-repeat; right: 40px; top: 12px; }

/*
#box { padding: 25px 30px; border: 1px solid #C1C3D6; }
#box p {}
#box h3 { color: #21286C; font-weight: bold; font-size: 16px; text-decoration: none; padding-bottom: 4px; }
#box h4 { color: #21286C; font-weight: bold; font-size: 14px; text-decoration: none; padding-bottom: 4px; padding-top: 4px; }
*/



#form_login { width: 260px; margin: 10px 0 5px 0; } /*262*/
#form_login > dl > dt { width: 60px; }
#form_login > dl > dd { text-align: right; }
#form_login > div { position: relative; text-align: right; }
#form_login > div > a.pw { text-align: left; display: block; width: 140px; z-index: 99; position: absolute; top: 13px; left: 0px; }

#form_requestpw { width: 310px; margin: 10px 0 5px 0; } /*262*/
#form_requestpw > dl > dt { width: 100px; }
#form_requestpw > dl > dd { text-align: right; }
#form_requestpw > div { text-align: right; }
#form_requestpw > dl > dd.captcha { position: relative; }
#form_requestpw > dl > dd.captcha > img.captcha_img { position: absolute; top: 1px; right: 120px;}
#requestpw_captcha-input { width: 110px; }