/* CSS Document 

E-Learning Dominikanische Republik
www.projektname.de
letzte Aenderung: 01.12.2009

*/



/* Reset
--------------------------------------------------------------------------------------- */

* {
padding: 0;
margin: 0;
border: 0;
}

img, a img {
border: none;
}

a {
color: #DF8500;
text-decoration: none;
}

a:focus {
outline: none;
}

.cleaner {
clear: both;
}

img, div, a, input { behavior: url(iepngfix.htc) }  /* IE6 - PNG-FIX */


/* Globals und Typo
--------------------------------------------------------------------------------------- */
html {
height: 150%;
}

body {
color: #424242;
font-size: 12px;
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
line-height: 19px;
text-align: center;  /* IE5 - wrapper zentrieren */
background: #FFFFFF url(../images/hg_body.jpg) top center no-repeat;
}

.wrapper {
position: relative;
margin: 0 auto;
width: 990px;
height: auto !important;
min-height: 800px;
height: 800px;
text-align: left;
}

.wrapper_bibliothek {
position: relative;
margin: 0 auto;
width: 750px;
height: auto !important;
min-height: 800px;
height: 800px;
text-align: left;
}

.vogel {
z-index: 90;
position: absolute;
top: 60px;
right: 0;
}

#cotica {
z-index: 100;
position: absolute;
width: 990px; 
height: 640px; 
left: 0px; 
top: 0px;
}

.line {
display: block;
margin: 0 0 20px 0 !important;
margin: 0 0 0 0;
height: 1px;
background: url(../images/hg_line.gif) top left repeat-x;
}

h1 {
position: relative;
margin: 0 0 8px 0;
padding: 0 170px 0 0;
height: auto !important;
min-height: 26px;
height: 26px;
color: #B54F03;
font-size: 22px;
font-weight: normal;
line-height: 26px;
}

h2 {
margin: 0 0 18px 0;
color: #888888;
font-size: 15px;
font-weight: normal;
line-height: 19px;
}

p {
margin: 0 0 15px 0;
}

p.small {
color: #909090;
font-size: 11px;
line-height: 14px;
}


/* MAINPAGE
--------------------------------------------------------------------------------------- */
.logo {
z-index: 1;
position: absolute;
top: 0;
left: -41px;
width: 330px;
height: 179px;
color: #004B93;
font-size: 26px;
line-height: 30px;
text-align: center;
overflow: hidden;
}


.header_navi {
position: relative;
float: right;
margin: 0 27px 0 0 !important;
margin: 0 13px 0 0;
width: 680px;
height: 60px;
background: url(../images/header_navi_hg.jpg) top left no-repeat;
}

.header_navi ul {
float: right;
list-style-type: none;
}

.header_navi ul li {
float: left;
right: 0;
padding: 0 0 0 2px;
height: 60px;
background: url(../images/header_navi_dash.gif) top left no-repeat;
}

.header_navi ul li a {
display: block;
padding: 0 21px;
width: auto !important;
width: 1px;
height: 54px;
color: #FFFFFF;
font-size: 15px;
font-weight: bold;
line-height: 55px;
text-decoration: none;
white-space: nowrap;
}

.header_navi ul li a.logout {
padding-left: 35px;
background: url(../images/ico_logout.gif) center left no-repeat;
}

.header_navi ul li a:hover {
background: #F5AE3C;
}

.header_navi ul li a.logout:hover {
background: #F5AE3C url(../images/ico_logout.gif) center left no-repeat;
}

.corner.right {
position: absolute;
top: 0;
right: 0;
width: 12px;
height: 60px;
}

/* Suche */
.header_navi ul li .search {
display: block;
margin: 18px 0 0 0;
padding: 0 21px;
}

.header_navi .search label {
float: left;
margin: 0 5px 0 0;
color: #FFFFFF;
font-size: 15px;
font-weight: bold;
}

.header_navi .search input {
float: left;
}


.header_navi .search input#suche {
margin: 0;
width: 200px;
}

.header_navi .search input#go {
margin: 0 0 0 -1px;
padding: 0;
width: 29px;
height: 21px;
border: none;
}


/* MAINNAVI
--------------------------------------------------------------------------------------- */
.main_navi {
z-index: 100;
position: absolute;
top: 180px;
left: 36px;
height: auto;
}

.main_navi h2 {
margin: 0;
}

.main_navi h2 a {
display: block;
margin: 0 0 1px 0;
padding: 7px 0 7px 17px;
width: 177px;
w\idth: 160px;
height: 19px;
color: #FFFFFF;
font-size: 13px;
line-height: 19px;
font-weight: bold;
cursor: pointer;
background: #F09A27 url(../images/main_navi_bt_style-h2_hg.gif) top left repeat-x;
}

.main_navi h2 a:hover {
background: #EB9E46 url(../images/main_navi_bt_style-h2_hg_active.gif) top left repeat-x;
}

.main_navi h3 a {
display: block;
margin: 0 0 1px 0;
padding: 8px 0 12px 17px;
width: 177px;
w\idth: 160px;
height: 28px;
color: #FFFFFF;
font-size: 17px;
line-height: 28px;
font-weight: normal;
cursor: pointer;
background: #E26E00 url(../images/main_navi_bt_style-h3_hg.gif) top left repeat-x;
}

.main_navi h3.bibo a {
line-height: 38px;
}

.main_navi h3 a:hover,
.main_navi h3 a.active {
background: #CB6300 url(../images/main_navi_bt_style-h3_hg_active.gif) top left repeat-x;
}

.main_navi h3 a strong {
margin: 0 5px 0 0;
font-size: 27px;
font-weight: normal;
}

.main_navi ul {
width: 177px;
list-style-type: none;
}

.main_navi ul li {
width: 177px;
}

.main_navi ul.sub_01 li {
margin: 0 0 1px 0 !important;
margin: 0 0 -1px 0;
}

*+html .main_navi ul.sub_01 li { /* Hack IE7 - entfernt komischen Abstand */
margin: 0 0 -1px 0 !important;
}

.main_navi ul.sub_01 li a {
display: block;
padding: 9px 0 8px 25px;
width: 152px;
height: auto !important;
min-height: 16px;
height: 16px;
color: #FFFFFF;
font-size: 14px;
line-height: 16px;
font-weight: bold;
cursor: pointer;
background: #F3982D url(../images/main_navi_bt_style-sub1_hg.gif) top left repeat-x;
}

.main_navi ul.sub_01.bibo li a {
padding: 9px 0 8px 17px;
width: 160px;
height: auto !important;
min-height: 16px;
height: 16px;
}

.main_navi .element {
/*width: 354px;*/
}

.main_navi ul.sub_01 li:hover ul.sub_01_sub, .main_navi ul.sub_01 li.sfhover ul.sub_01_sub {
display: block;
}

.main_navi ul.sub_01 li.sfhover {
margin: 0 0 -4px 0;
}

.main_navi ul.sub_01 li a:hover,
.main_navi ul.sub_01 li a.active {
background: #F3AF5A url(../images/main_navi_bt_style-sub1_hg_active.gif) top left repeat-x;
}

	/* SUB-SUB-MEN† -- */
	ul.sub_01_sub {
	position: absolute;
	left: 178px;
	margin: -33px 0 0 0;	
	display: none;
	background-color: #FFFFFF;
	}
	
	*+html 	ul.sub_01_sub {
	margin: 0;
	}
	
	ul.sub_01_sub li a {
	font-size: 12px !important;
	padding-left: 12px !important;
	width: 165px !important;
	}
	
	ul.sub_01_sub li a:hover,
	ul.sub_01_sub li a.active {
	background: #FFC98C !important;
	margin: 0;
	}


.main_navi .sub_02 {
margin: 0 0 1px 0;
padding: 8px 0 6px 0;
width: 177px;
background: #FEA742 url(../images/main_navi_bt_style-sub2_hg.gif) top left repeat-x;
}

.main_navi .sub_02 ul.sub_small {
float: left;
width: 87px;
}

*+html .main_navi .sub_02 ul li { /* Hack IE7 - entfernt komischen Abstand */
margin: -5px 0 0 0 !important;
}

.main_navi .sub_02 ul.sub_small li {
width: 87px;
overflow: hidden;
}

.main_navi .sub_02 ul li a {
display: block;
padding: 0 0 0 17px;
height: 14px;
color: #FFFFFF;
font-size: 11px;
line-height: 14px;
white-space: nowrap;
}

.main_navi .sub_02 ul.sub_right li a {
padding: 0;
}

.main_navi .sub_02 ul li a:hover,
.main_navi .sub_02 ul li a.active {
color: #C25600;
}

.main_navi .sub_02_footer {
width: 177px;
height: 7px;
background: url(../images/main_navi_bt_style-sub2_footer.png) top left no-repeat;
}


/* CONTENTAREA
--------------------------------------------------------------------------------------- */
.content_area {
position: relative;
float: right;
margin: 44px 12px 0 0 !important;
margin: 44px 6px 0 0;
width: 694px;
height: auto !important;
min-height: 636px;
height: 636px;
}

.content_area .content_header {
width: 694px;
height: 26px;
background: url(../images/contentarea_hg_header.png) top left no-repeat;
}

.content_content {
padding: 16px 28px 30px 28px;
width: 674px;
w\idth: 618px;
height: auto !important;
min-height: 564px;
height: 564px;
background: #FFFFFF;
}

.content_content ul,
.content_content ol {
margin: 0 0 15px 20px;
}

span.pageinfo {
position: absolute;
bottom: 0;
right: 0;
font-size: 13px;
}

span.pageinfo a {
color: #B54F03;
}

.content_box_left {
float: left;
margin: 0 17px 0 0;
width: 350px;
}

.content_box_left{
float: left;
margin-right: 20px;
}

.content_box_right{
float: right;
margin-left: 20px;
}

.content_navi {
float: left;
margin: 20px 0;
width: 100%;
height: 100px;
}

.content_navi a.bt_karte {
float: left;
display: block;
width: 100px;
height: 100px;
color: #5E3F20;
font-weight: bold;
line-height: 100px;
text-align: center;
background: #E25A29;
}

.content_navi a.bt_karte:hover {
background: #ED8A5D
}

.content_navi ul {
float: right;
margin: 35px 0 0 0;
height: 30px;
list-style-type: none;
}

.content_navi ul li {
float: left;
}

.content_navi ul li a {
display: block;
margin: 0 0 0 10px;
width: 60px;
height: 30px;
color: #FFFFFF;
line-height: 30px;
text-align: center;
font-weight: bold;
background: #E25A29 url(../images/bt_content_navi.gif) top left no-repeat;
}

.content_navi ul li a:hover,
.content_navi ul li a.active {
background: #ED8A5D url(../images/bt_content_navi_active.gif) top left no-repeat;
}

ul.content_navi_bibo {
list-style-type: none;
}

ul.content_navi_bibo li a {
padding: 0 0 0 15px;
color: #424242;
font-size: 14px;
background: url(../images/listdot_menue_start.gif) top left no-repeat;
}

ul.content_navi_bibo li a:hover {
color: #DF8500;
}

.content_area .content_right {
position: absolute;
top: 26px;
right: 0;
width: 26px;
height: 410px;
background: url(../images/contentarea_hg_right.png) top right no-repeat;
}



/* FORMULAR
--------------------------------------------------------------------------------------- */
table.registration {
margin: 0 0 24px 0;
border-spacing: 0;
}

table.registration tr td {
padding: 0 0 5px 0;
vertical-align: top;
}

.form_point {
margin: 0 1px;
}

.form_dash {
margin: 0 3px;
}

input,
textarea {
margin: 0;
padding: 3px 4px 1px 4px;
color: #DF8500;
font-size: 11px;
border: 1px solid #B1B3B4;
}

select {
margin: 0;
padding: 2px 2px 2px 0;
color: #DF8500;
font-size: 11px;
border: 1px solid #B1B3B4;
}

input {
width: 250px;
height: 15px;
}

input#titel,
input#mitarbeiter {
width: 87px;
}

input#tt,
input#mm {
width: 15px;
}

input#jjjj {
width: 25px;
}

input#nr,
input#plz,
input#telefon_vorwahl,
input#fax_vorwahl {
width: 46px;
}

input#strasse,
input#ort,
input#telefon_nr,
input#fax_nr {
width: 182px;
}

select#anrede,
select#land {
width: 97px;
}

input#login {
margin: 11px 0;
padding: 0;
width: 53px;
height: 30px;
border: none;
}

input#pvergessen {
margin: 11px 0;
padding: 0;
width: 80px;
height: 30px;
border: none;
}

select#position {
width: 260px;
}

input.check {
margin: 2px 0 0 0;
padding: 0;
width: 13px;
height: 13px;
border: none;
}

input#registrieren {
margin: 0;
padding: 0;
width: 91px;
height: 30px;
border: none;
}

input#daten {
margin: 0;
padding: 0;
width: 149px;
height: 30px;
border: none;
}

textarea#kenntnisse {
width: 395px;
}


/* FORMULAR TEST (ZwischenprŸfung)
--------------------------------------------------------------------------------------- */
table.question {
margin: 0 0 24px 0;
width: 100%;
border-spacing: 0;
}

table.question tr td {
padding: 0 0 5px 0;
vertical-align: top;
}

table.question h3 {
font-size: 13px;
}

table.question tr td.clickbox {
width: 3%;
}

input#testabschicken {
margin: 0;
padding: 0;
width: 111px;
height: 30px;
border: none;
}


/* FOOTER
--------------------------------------------------------------------------------------- */
.footer {
position: relative;
float: right;
margin: 0 35px 0 0 !important;
margin: 0 18px 0 0;
width: 674px;
height: 33px;
text-align: center;
background: #FFFFFF;
}

.footer p {
color: #8C8C8E;
font-size: 10px;
line-height: 13px;
}