/*ECDL bf - Version 8. Feb. 07 */


html {
			margin:0;
			padding:0;
			
}

#container {
	width: 75.8em;
	/*border: 1px solid #000000;*/
	background:url(http://www.sophiatest.com/img/header_right.gif) no-repeat top right;
	background-color:#FFFFFF;
	margin-left: auto;
	margin-right: auto;
	
}

body {
			margin:0;
			padding:0;
			background:#eef4d9;
			/*background-position:1px 122px;*/
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:80%;
			}					

/*Header Bereich*/
#header {
			position:static;
			left:0;
			top:0;
			width:100%;
			padding:0;
			height:120px;
			background-color:#a4c408;
			background:url(http://www.sophiatest.com/img/header1.gif) no-repeat top left;
			/*border: 1px solid #FFF;*/	
}

#header-left {
			z-index:2;
			position:relative;
			left:0;
			padding:0;
			margin:0;
}
#header-middle {
			white-space:nowrap; /*Kein automatischer Zeilenumbruch, Umbruch möglich durch entsprechende HTML-Tags.*/
			position:absolute;
			z-index:5;
			top:0;
			left:300px;
			margin:0;
			padding:0;
}

#header-right {
			/*position:static;*/
			top:0;
			right:0;
			margin:0;
			padding:0 0 0 0;
			float: right;
			font-size:12px;
			font-weight:bold;
			color:#4a7393;
			/*border:1px solid #000;*/
			width:417px;
			height:77px;
			background:url(http://www.ecdl.at/img06/ecdlheader-right.jpg) no-repeat top right;
}

#logo {
			position:absolute;
			top:0;
			left:0;
			background:url(http://www.ecdl.at/bf/images/ecdlbf-dt.gif) no-repeat top left;
			height:78px;
			width:250px;
			margin:0px 0 0 12px;
			padding:0;
}


/*Hauptmenü Bereich*/

#top-menu-left {
			position:static;
			float:left;
			left:0px;
			/*188px*/
			width:75px;
			height:1.8em;
			padding:0;
			margin:0;
			background-color:#809db5;
}
#top-menu-kippe {
			position:static;
			float:left;
			left:0px;
			/*6px*/
			width:113px;
			height:1.8em;
			padding:0;
			margin:0;
			background:url(http://www.ecdl.at/img06/ecdl-menu-kippe.gif) no-repeat #013b6b top left;
}


#top-menu-main {
			position:static;
			/*width:585px;*/
			height:2em;
			margin:0 0em 0em 205px;
			padding:0;
			
}



#top-menu-right {
			position:static;
			float:right;
			width:10em;
			margin:0;
			padding:0;
			height:1.8em;
			background-color:#013b6b;
}

/*folgendes CSS nur für die IE Abdeckung der Menüränder mit Farbe*/
#top-menu-sammel {
			position:static;
			background:url(http://www.sophiatest.com/img/top_menu_sammel1.gif) no-repeat top left;
			/*background-color:#eef4d9;*/
			height:2em;
			margin:0;
			padding:0;
}



/*Bereich unter Top-Menü*/




#breadcrumb {
			/*position:static;
			clear:both;*/
			width:100%;
			padding:0;
			margin:0 0 0 0;
			height:27px;
			background:url(http://www.sophiatest.com/img/dame_oben.jpg) no-repeat top left;
			color:#9e9fa3;
}

#in-breadcrumb-left {
			position:static;
			float:left;
			padding:10px 0 0 20em;
			margin:0;
			font-size:75%;
			font-weight:bold;
			height:17px;
			
}

#in-breadcrumb-kippe {
			position:static;
			float:left;
			left:0px;
			height:27px;
			padding:0 0 0 72px;
			margin:0;
			background:url(http://www.ecdl.at/img06/breadcrumb-kippe.gif) no-repeat #fbfdfd top right;
}

#in-breadcrumb-left a {
			text-decoration:none;
			margin:0;
			padding:0;
			border:0px;
			color:#a9a6a4;
}

#in-breadcrumb-left a:hover {
			text-decoration:underline;
			color:#a9a6a4;
}

#in-breadcrumb-right {
			position:static;
			float:right;
			width:24em;
			padding:10px 1em 0 0;
			margin:0;
			text-align:right;
			font-size:75%;
			font-weight:bold;
			height:17px;
			
}


#in-breadcrumb-right a {
			text-decoration:none;
			margin:0;
			padding:0;
			border:0px;
			color:#a9a6a4;
}

#in-breadcrumb-right a:hover {
			text-decoration:underline;
			color:#a9a6a4;
}





/*linker Menü Bereich*/

/*---------------------------------------------*/


#left-menu {
			position:static;
			float:left;
			left:0px;
			top: 0px;
			width: 14em;
			min-height: 52em;
			margin:0;
			padding: 0;
			overflow:hidden;
			text-decoration:none;
			background-color:#f8fbf0;
			border: 0;
}

#left-menu h3 {
			margin:0 6px 0 13px;
			padding:3px 0 3px 5px ;
			color:#5d863a;
			background-color:#dde8b0;
			border-top:1px solid #FFFFFF;
			font-size:1.1em;



}

.left-menu-bild {
			left:0px;
			top: 0px;
			width: 14em;
			min-height: 166px;
			margin:0;
			padding: 0;
			overflow:hidden;
			text-decoration:none;
			background:url(http://www.sophiatest.com/img/dame_unten.jpg) no-repeat top left;
			background-color:#f8fbf0;
			border: 0;
}


* html #left-menu { /* für IE6*/
			height:28em;
}   

#left-menu ul {
			margin:5px 0 10px 0; 
			padding: 0;
} 

#left-menu li {
			list-style: none;
			margin:0 6px 0 18px;
			padding:3px 0 3px 5px ;
			background-color:#f2f7e3;
			border-top:1px solid #FFFFFF;
}



#left-menu li a, #left-menu li a:link, #left-menu li a:visited {
			color:#679b1b;
			text-decoration:none;
			display:block;
			margin:0px;
			border:0px;
			background:transparent;
}


#left-menu li a:hover {
			color:#5d863a;
			background-color:#dde8b0;
			
}


#left-menu-aktiv {
			display:block;
			color:#5d863a;
			background-color:#dde8b0;
}

#left-menu-aktiv li a, #left-menu-aktiv li a:link {
			display:block;
			color:#fff;
			background-color:#809db5;
}


.left-menu1 ul {  
			border-bottom:solid 5px #f7f8f3;
}
.left-menu2 ul {
			margin:10px 0 0 0;
			border-bottom:none;
}

/*---------------------------------------------------*/
/*rechter Menübereich*/


#right-menu {
			position:static;
			float:right;
			left:0px;
			top: 0px;
			width: 13.4em;
			min-height: 44.8em;
			margin:82px 0 0 0;
			padding: 10px 0 0 0;
			overflow:hidden;
			text-decoration:none;
			background-color:#f8fbf0;
			border: 0;
}

#right-menu h3 {
			margin:0 6px 0 6px;
			padding:3px 0 3px 5px ;
			color:#5d863a;
			background-color:#dde8b0;
			border-top:1px solid #FFFFFF;
			font-size:1.1em;
}



* html #right-menu { /* für IE6*/
			height:28em;
}   


#right-menu ul {
			margin:5px 0 10px 0; 
			padding: 0;
} 

#right-menu li {
			list-style: none;
			margin:0 6px 0 6px;
			padding:3px 0 3px 5px ;
			background-color:#f2f7e3;
			border-top:1px solid #FFFFFF;
}



#right-menu li a, #right-menu li a:link, #right-menu li a:visited {
			color:#679b1b;
			text-decoration:none;
			display:block;
			margin:0px;
			border:0px;
			background:transparent;
}



#right-menu li a:hover {
			color:#5d863a;
			background-color:#dde8b0;
			
}


#right-menu-aktiv {
			display:block;
			color:#5d863a;
			background-color:#dde8b0;
}

#right-menu-aktiv li a, #left-menu-aktiv li a:link {
			display:block;
			color:#fff;
			background-color:#809db5;
}


.right-menu1 ul {  
			border-bottom:solid 5px #f7f8f3;
}

.right-menu2 ul {
			margin:10px 0 0 0;
			border-bottom:none;
}

.right-menu3  {
			display:block;
			min-height: 10em;
			margin:10px 6px 0 6px;
			padding: 5px;
			color:#679b1b;
			background-color:#ffffff;
			border-bottom:none;
}




.foundation-blau {
			display:block;
			color:#013b6b;
}
.ocg-rot {
			display:block;
			color:#a71e45;
}

/* Content Bereich*/


#content {
			/*position:static;*/
			width:46.5em;
			min-height: 48em;
			background-color:#fff;
			color:#013b6b;
			margin:0 0 10px 15em;
			padding:0;
			border: 0;
			line-height:17px;
}

* html #content { /* für IE6*/
			height:28em;
}   





.in-content-head h1 {
			position:relative;
			top:0;
			left:0;
			background-color:#878182;
			height:20px;
			color:#013b6b;
			padding:5px 0px 1px 8px;
			margin:0;
			font-weight:bold;
			font-size:110%;
			text-transform:uppercase;
			letter-spacing:-1px;
			border-top:1px solid #b2b0ad;
			border-bottom:1px solid #b2b0ad;
}


.in-content-headformular h1 {
			position:relative;
			top:0;
			left:0;
			background-color:#a4c408;
			height:20px;
			color:#FFF;
			padding:5px 0px 1px 8px;
			margin:0;
			font-weight:bold;
			font-size:110%;
			letter-spacing:-1px;
			border-top:1px solid #c9dc71;
			border-bottom:1px solid #c9dc71;
}





.in-content-head h2 {
			position:relative;
			top:0;
			left:0;
			background-color:#878182;
			height:20px;
			color:#013b6b;
			padding:5px 0px 1px 8px;
			margin:0;
			font-weight:bold;
			font-size:100%;
			text-transform:lowercase;
			letter-spacing:-1px;
			border-top:1px solid #b2b0ad;
			border-bottom:1px solid #b2b0ad;
}

/*grüner head*/
#content .in-content-main .content-teaser-dunkel .in-content-mainhead h2 {
			width:auto;
			padding:0.2em 3em 0.2em 3em;
			margin:0.3em 0.7em 0.3em 0.7em;
			border: 1px solid #a1a29a;
			background-color:#4f8342;
			color:#FFF;
			text-decoration:none;
			text-align:center;
}

.in-content-oetzi {
			float:left;
			width:60em;
			top:0;
			left:0;
			padding:10px 0 0 0;
			margin:0;
			border-bottom:10px solid #f8fbf0;
}



.in-content-full {
			float:left;
			width:46em;
			top:0;
			left:0;
			background-color:#fff;
			padding:10px 0 0 0;
			margin:0;
			border-bottom:10px solid #f8fbf0;
}


.in-content-main {
			float:left;
			width:27em;
			top:0;
			left:0;
			background-color:#fff;
			padding:10px 0 0 0;
			margin:0;
			border-bottom:10px solid #f8fbf0;
}

.in-content-right {
			float:right;
			width:16em;
			top:0;
			left:0;
			background-color:#f7f8f8;
			padding:10px 0 0 0;
			margin:10px 0 0 0;
			border-bottom:10px solid #f8fbf0;
			text-align:center;
}





#content .in-content-right h2 {
 			padding:5px 0px 5px 10px;
			margin:0;
			font-size:110%;
			font-weight:bold;
			text-align:left;
			color:#679b1b;
}

#content .in-content-right p {
			text-align:left;
			font-size:0.9em;
}



/* Main-Teaser-Hauptseite*/

.content-teaser {
			position:relative;
			top:0;
			left:0;
			background-color:#eeefe7;
			color:#878182;
			padding:0;
			margin:0 0 0 0.5em;
			width:95%;
			/*border:1px solid #000;*/
}

.content-teaser-dunkel {
			position:static;
			top:0;
			left:0;
			/*background-color:#e3e4dd;*/
			border:2px solid #e3e4dd;
			background-color:#f7f8f3;
			color:#575757;
			padding:0;
			margin:0 0.5em 0.5em 0.5em;
			width:auto;
			/*border:1px solid #000;*/
}



#content .content-teaser-mehr {
			position:relative;
			top:0;
			left:0;
			height:1em;
			/*background:#eeefe7;*/
			color:#FFFFFF;
			padding:0 0 2em 0;
			margin:1em 0 0em 0;
			width:95%;
						
}


#content .in-content-main .content-teaser-mehr a {
			padding:1px 10px 1px 10px;
			margin:0px 10px 0px 0px;
			float:right;
			top:0px;
			text-decoration:none;
			background-color:#c6c5c2;
			color:#FFFFFF;
			/*display:block;*/
			font-size:0.8em;
			background:url(http://www.ecdl.at/img06/mehr_kippe.gif) no-repeat #c6c5c2 right top;
			
}
#content .in-content-main .content-teaser-mehr a:visited {
			padding:1px 10px 1px 10px;
			margin:0px 10px 0px 0px;
			float:right;
			top:0px;
			text-decoration:none;
			background-color:#c6c5c2;
			color:#FFFFFF;
			/*display:block;*/
			font-size:0.8em;
			background:url(http://www.ecdl.at/img06/mehr_kippe.gif) no-repeat #c6c5c2 right top;
			
}

#content .in-content-main .content-teaser-mehr a:hover {
			float:right;
			text-decoration:underline;
			background-color:#c6c5c2;
			color:#FFFFFF;
			/*display:block;*/
			font-size:0.8em;
			padding:1px 10px 1px 10px;
			margin:0 10px 0 0;
			background:url(http://www.ecdl.at/img06/mehr_kippe.gif) no-repeat #c6c5c2 right top;
}




/*----------------------------------------*/







/*footer Bereich*/

#top-footer {
			position:static;
			clear:both;
			width:100%;
			height:31px;
			background-color:#eef4d9;
			color:#5d863a;
			font-size:100%;
			margin:0 0 0 0;
			padding:14px 0 0 0;
			
}

#in-footer-blue {
			position:relative;
			background-color:#1b90e1;
			border-bottom:1px solid #84bfe3;
			width:13em;
			height:1.2em;
			text-decoration:none;
			margin:0 0 0 0;
			padding:0 0 0 3em;
}




#in-footer-copyright {
			position:static;
			float:right;
			width:11em;
			/*background-color:#e8e8e2;*/
			letter-spacing:-0.07em;
			font-size:0.9em;
			text-decoration:none;
			margin:0 0 1.1em;
			padding:0;
}



.in-footer-left {
			position:static;
			float:left;
			width:30em;
			color:#FFF;
			/*background-color:#e8e8e2;*/
			text-decoration:none;
			margin:0 0 0 0.4em;
			padding:0 0 0 0;
			
}



.in-footer-right {
			position:static;
			float:right;
			color:#FFF;
			/*background-color:#e8e8e2;*/
			text-decoration:none;
			margin:0 0 0 0.8em;
			padding:0 0 0 0;
			z-index:-1;
			border:0;
}

#button-footer {
			position:static;
			width:100%;
			height:61px;
			background-color:#eef4d9;
			color:#5d863a;
			font-size:100%;
			/*border-bottom: 2px solid #FFF;*/
			margin:0;
			padding:0;
						
}


/*Top-Menü Listenelemente*/


/* Horizontales Menü - main*/

* html #top-menu-main li { /* für IE6*/
		width:8.8em;
}

#top-menu-main a {
		float:left;
		text-decoration:none;
		color:#FFF;
		font-weight:bold;
		font-size:1.1em;
		display:block;
		padding:3px 5px 3px 5px;
		/*border-top:solid 1px #eef4d9;*/
		
		/*border:solid 1px #eef4d9;*/
			
		
}

* html #top-menu-main  a {
		font-size:1.08em;
	
}

#top-menu-main a:hover {
		/*background-color:#eef4d9;*/
		color:#a4c408;
		background:#eef4d9;
	
}

#top-menu-main a span {
		
		padding:3px 5px 3px 5px;
}


.top_bt_on {
		color:#a4c408;
		background:#eef4d9;
}

/* Horizontales Menü - right*/

#top-menu-right a {
		float:right;
		text-decoration:none;
		color:#FFF;
		font-weight:bold;
		font-size:1.1em;
		letter-spacing:-0.07em;
		display:block;
		/*border-right:1px solid #B8C6D3;*/
		background:#013b6b; 
		padding:3px 5px 3px 5px;

}

* html #top-menu-right  a {
		font-size:1.08em;
}

#top-menu-right a:hover {
		background-color:#eef4d9;
}

#top-menu-right a span {
		padding:3px 5px 3px 5px;
		background-color:#809db5;
}


/*Formularinstellungen*/



#content form {
		background-color:#f8fbf0;
		padding:10px 0 40px 1px;
		margin:0;
		width:47em;
}


#content input {
		display:block;
		float:left;
		width:14em;
		border:1px solid #b6cd83;
		background:#FFF;
		margin:1px;
		padding:1px;
		color:#013b6b;
}

/*speziell für TC-Suche*/
.in-content-main .tc-suche input {
		
		float:left;
		width:4em;
		border:0px solid #fafaf8;
		background:#e3e4de;
		margin:1px;
		padding:1px;
		color:#013b6b;
}

#content select {
		display:block;
		float:left;
		width:auto;
		border:1px solid #c6c5c2;
		background:#FFF;
		margin:1px;
		padding:1px;
		color:#013b6b;
}

#content textarea {
		display:block;
		float:left;
		width:500px;
		border:1px solid #c6c5c2;
		background:#fff;
		margin:1px;
		padding:1px;
		color:#013b6b;
}

#content label {
		width:9em;
		margin:1px;
		padding:5px;
		float:left;
		text-align:right;
}

#content form br {
		clear:left;
}

#content form span input {
		float:left;
		width:3em;
		border:1px solid #e3e4de;
		background:#e3e4de;
		margin:2px 0px 2px 0px;
		padding:0px;
		color:#63645f;
}

#content form span label {
		width:11em;
		margin:1px;
		padding:0px;
		float:left;
		text-align:right;
}


#content form .reset {
		border: 1px solid #c6d967;
		background-color:#a4c408;
		color:#FFF;
		padding:0.19em 0.3em 0.19em 0.3em;
		width:10em;
}

#content form .submit {
		border: 1px solid #c6d967;
		background-color:#a4c408;
		color:#FFF;
		padding:0.19em 0.3em 0.19em 0.3em;
		width:10em;
}

#content form h3 {
		font-size:1.1em;
		color:#749f16;

}



/*Textformatierung*/

.content-teaser h3 {
		font-weight:bold;
		font-size:1em;
		letter-spacing:-0.06em;
		padding:0 0 0.4em 0;
		margin:0;
}

.content-teaser p {
		font-size:1em;
		padding:0;
		margin:0px;
}

/* Content-Links*/

#content a:link { color:#013b6b; text-decoration:underline; }
#content a:visited { color:#013b6b; text-decoration:underline; }
#content a:hover { color:#013b6b; text-decoration:none; }
#content a:active { color:#013b6b; text-decoration:underline; }


#content p {
		font-size:100%;
		padding:3px 10px 3px 10px;
		margin:0;
}

#content-main h1 {
 		padding:5px 0px 5px 10px;
		margin:0;
		font-size:120%;
		font-weight:bold;
		color:#013b6b;
			
}

#content h2 {
 		padding:5px 0px 5px 10px;
		margin:0;
		font-size:110%;
		font-weight:bold;
		color:#013b6b;
			
}

#content h3 {
		padding:5px 10px 5px 10px;
		margin:0;
		font-size:105%;
		font-weight:bold;
		color:#013b6b;
				
}

#content h4 {
		padding:5px 10px 5px 10px;
		margin:0;
		font-size:100%;
		font-weight: bold;
		color:#013b6b;
}

#content table {
		padding:0;
		margin:10px 0 0 0;
		width:26.5em;
		border:1px solid #b6cd83;
		border-collapse:collapse;
		empty-cells:hide;
}


#content tr {
		padding:0;
		margin:0;
		width:26em;
		border:1px solid #b6cd83;

}

#content th {
		padding:0;
		margin:0;
		font-weight:bold;
		font-size:100%;
		text-align:center;
		background-color:#f2f7e3;
		color:#749f16;
		border:0;
		
}

#content td {
		padding:5px;
		margin:0;
		font-size:0.9em;
		/*border:1px solid #b6cd83;*/
		border-collapse:collapse;
}




#content ol {
		padding:0;
		margin:5px 5px 0px 50px;
		/*list-style-position:inside;*/
}

#content ul {
		padding:0px 0 0px 0;
		margin:0px 2px 3px 35px;
		list-style-image:url(http://www.sophiatest.com/img/list_graph.gif);
		
}

#content li {
		padding:0px 0px 0px 3px;
		margin:3px 0 3px 0;
}



/*TC-Suche Formatierung*/

#tcsuche_zertifikat {
			position:relative;
			top:0;
			left:0;
			width:25%;
			background-color:#eeefe7;
			padding:0 0 0 0;
			margin:0 5px 0 0;
			border:2px solid #FFF;
}

#tcsuche_standort {
			position:relative;
			top:0;
			left:28%;
			width:70%;
			background-color:#eeefe7;
			padding:0 0 0 5px;
			margin:-19em 0 0 5px;
			border:2px solid #FFF;

}

#tcsuche_ergebnis {
			position:relative;
			top:0;
			left:0;
			background-color:#eeefe7;
			padding:0 0 0 0;
			margin:0 0 0 0;
			border:2px solid #FFF;
}

/*graphiken*/

.img-right {
			
			padding:5px;
			margin:0px;
			border:none;
			vertical-align:top;
			background-color:#f0f0e9;

}

#content p img {
                        float:right;
			margin:0 0 0 10px;
}


.in-content-main .img-left img {
			margin:6px 4px 0 6px ;
}

.block {
			height:12em;
			font-size:0.8em;
			vertical-align:top;
			border:1px solid #000;

}


.invis, hr {
	display: none;
	margin: 0; 
	padding: 0; 
	clear: both;
}

.weHide {
	display:none;
	margin:0;
	padding:0;
}


#print {
	float:right; 
	position: relative;
	padding:0px 5px 0px 5px;
	margin:0px;
	border-bottom:10px;
}


.empty {
 display: none; 
 z-index: -1; 
      }
	  
	  
/*Buttons mit Link*/ 
#content .buttonright a{
		postion:static;
		float:right;
		display:block;
		width:auto;
		padding:0.19em 0.3em 0.19em 0.3em;
		margin:6px 0 0 0;
		border: 1px solid #e8f0c1;
		text-align:center;
		background-color:#a4c408;
		color:#FFF;
		text-decoration:none;
		
}

#content .buttonright a:hover{
		postion:static;
		float:right;
		display:block;
		width:auto;
		padding:0.19em 0.3em 0.19em 0.3em;
		margin:6px 0 0 0;
		border: 1px solid #e8f0c1;
		text-align:center;
		background-color:#a4c408;
		color:#FFF;
		text-decoration:underline;
		
}

#content .buttonleft a{

		display:block;
		width:20em;
		/*padding:0.19em 0 0.19em 0;*/
		margin:6px 0 0 0;
		border: 0px solid #f5f5f6;
		background-color:#f1f2f3;
		color:#FFF;
		text-decoration:none;
		text-align:center;
		
}

#content .buttonleft a:hover{

		display:block;
		width:20em;
		/*padding:0.19em 0 0.19em 0;*/
		margin:6px 0 0 0;
		border: 0px solid #f5f5f6;
		background-color:#f1f2f3;
		color:#FFF;
		text-decoration:underline;
		text-align:center;
		
}