/***************************************************/
/******              CCT-AUSTRIA               *****/
/***************************************************/

/************************************/
/***             HTML             ***/
/************************************/
html {
	margin: 0;
	padding: 0;
	height: 100%;
	min-height: 100%;
}

/************************************/
/***             BODY             ***/
/************************************/
body {
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, "trebuchet ms", geneva, sans-serif;
	font-size: 10px;
	background: #C0C2B6;
}
	body a{
		color: #6D6E67;
	}
	body a img{
		border: none;
	}
	body input, body textarea{
		font-family: verdana, arial, helvetica, "trebuchet ms", geneva, sans-serif;
	}
	

	/********************************/
	/***         DOCUMENT         ***/
	/********************************/
	#document {
		width: 760px;
		margin: 15px 0px 0px 15px;
		text-align: left;
		background: #FFFFFF;
	}

	
		/********************************/
		/***    MENU INFO CONTAINER   ***/
		/********************************/
		#menu_info_container {
			height: 30px;
		}
		
			/********************************/
			/***         MENU INFO        ***/
			/********************************/
			#menu_info {
				float: left;
				height: 20px;
				margin: 5px 0px 0px 10px;
				color: #6D6E67;
			}
				* html #menu_info{
					display: inline; /* to fix IE6 double margin bug */
				}
				#menu_info a{
					line-height: 20px;
					color: #6D6E67;
					text-decoration: none;
				}
				
				#menu_info a.menu-info-act{
							color: #000000;
						}
				
				
					#menu_info a:hover{
						color: #000000;
						text-decoration: underline;
					}
					
			/********************************/
			/***       MENU LANGUAGE      ***/
			/********************************/
			#menu_language {
				float: right;
				height: 20px;
				margin: 5px 5px 0px 0px;
				padding: 0px 10px;
				background: #6D6E67;
			}
				* html #menu_language{
					display: inline; /* to fix IE6 double margin bug */
				}
				#menu_language a{
					line-height: 20px;
					color: white;
					text-decoration: none;
				}
					#menu_language a:hover{
						text-decoration: underline;
					}
		
		
		/********************************/
		/***    MENU TOP CONTAINER    ***/
		/********************************/
		#menu_top_container {
			height: 120px;
			overflow: hidden;
			border-top: 10px solid #C0C2B6;
			border-bottom: 10px solid #C0C2B6;
		}
		
			/********************************/
			/***         LOGO CCT         ***/
			/********************************/
			#logo_cct {
				width: 185px;
				height: 90px;
				float: left;
				margin: 15px 0px 0px 15px;
				overflow: hidden;
			}
				* html #logo_cct{
					display: inline; /* to fix IE6 double margin bug */
				}
			
			/********************************/
			/***         MENU TOP         ***/
			/********************************/
			ul#menu_top {
				width: 515px;
				height: 20px;
				float: right;
				margin: 87px 0px 0px 0px;
				padding: 0px;
				overflow: hidden;
			}
				* html #menu_top{
					display: inline; /* to fix IE6 double margin bug */
				}
				ul#menu_top li{
					line-height: 20px;
					margin-right: 12px;
					display: inline;
					list-style: none;
				}
					ul#menu_top li a{
						font-size: 12px;
						font-weight: bold;
						text-decoration: none;
					}
						ul#menu_top li a.menu-top-act{
							color: #000000;
						}
						ul#menu_top li a:hover{
							text-decoration: underline;
							color: #000000;
						}
						
				
		/********************************/
		/***      CONTAINER LEFT      ***/
		/********************************/
		#container_left {
			width: 220px;
			float: left;
			overflow: hidden;
		}
			* html #container_left{
				display: inline; /* to fix IE6 double margin bug */
			}
			
			/********************************/
			/***         MENU LEFT        ***/
			/********************************/
			ul#menu_left {
				width: 220px;
				margin: 0;
				padding: 0;
				list-style: none;
			}
				ul#menu_left li{
					margin: 0 0 8px 0;
					padding: 0;
				}
					ul#menu_left li a{
						display: block;
						height: 25px;
						padding: 0px 0 0 10px;
						line-height: 25px;
						font-size: 12px;
						font-weight: bold;
						color: #FFFFFF;
						text-decoration: none;
						background: #4C7B83 no-repeat 0px 0px;
					}
						ul#menu_left li.studieninteressierte a{
							background-color: #B1C7D2;
						}
						ul#menu_left li.studierende a{
							background-color: #FF6567;
						}
						ul#menu_left li.berufseinsteiger a{
							background-color: #AEAD8F;
						}
						ul#menu_left li.erfahrenelehrer a{
							background-color: #4C7B83;
						}
						ul#menu_left li.eignungspraktikanten a{
							background-color: #7EB3CE;
						}
						ul#menu_left li a.menu-left-act{
							padding-top: 75px;
						}
							ul#menu_left li.studieninteressierte a.menu-left-act{
								background-image: url(../Images/menu_left_studieninteressierte.jpg);
							}
							ul#menu_left li.studierende a.menu-left-act{
								background-image: url(../Images/menu_left_studierende.jpg);
							}
							ul#menu_left li.berufseinsteiger a.menu-left-act{
								background-image: url(../Images/menu_left_berufseinsteiger.jpg);
							}
							ul#menu_left li.erfahrenelehrer a.menu-left-act{
								background-image: url(../Images/menu_left_erfahrenelehrer.jpg);
							}
							ul#menu_left li.eignungspraktikanten a.menu-left-act{
								background-image: url(../Images/menu_left_eignungspraktikanten.jpg);
							}
						ul#menu_left li a:hover{

						}
						ul#menu_left li a span{
							display: block;
							background: url(../Images/menu_left_tip.png) no-repeat 180px 8px;
						}
							* html ul#menu_left li a span{
								background-image: url(../Images/menu_left_tip.gif);
							}
						
			
			/********************************/
			/***         SPONSORS         ***/
			/********************************/
			#sponsors {
				margin: 20px 0px 0px 0px;
				text-align: center;
			}
				#sponsors img{
					margin: 0px 10px;
					vertical-align: middle;
				}
			
			/********************************/
			/***           LOGIN          ***/
			/********************************/
			#login {
				margin: 20px 0px 0px 0px;
				text-align: center;
			}
			
			
		/********************************/
		/***      CONTAINER RIGHT     ***/
		/********************************/
		#container_right {
			width: 500px;
			min-height: 400px;
			padding: 20px 15px 0px 0px;
			float: right;
		}
			* html #container_right{
				height: 400px;
				display: inline; /* to fix IE6 double margin bug */
			}
			
			/********************************/
			/***      MENU_BREADCRUMB     ***/
			/********************************/
			#menu_breadcrumb {
				height: 15px;
				margin: 0 0 20px 0;
				color: #6D6E67;
			}
				#menu_breadcrumb a{
					line-height: 15px;
					text-decoration: none;
				}
					#menu_breadcrumb a:hover{
						text-decoration: underline;
						color: #000000;
					}
			
			
			/********************************/
			/***          CONTENT         ***/
			/********************************/
			#content {
			}
				#content a{
					text-decoration: none;
				}
					#content a:hover{
						text-decoration: underline;
						color: #000000;
					}
				#content img{
					margin: 5px 8px;
					padding: 1px;
					border: 1px solid #CCCCCC;
				}
				#content h1, #content h2, #content h3, #content h4, #content h5, #content h6{
					font-size: 10px;
					font-weight: bold;
					margin: 20px 0px 10px 0px;
				}
					#content h1{
						font-size: 11px;
					}
				#content p{
					margin: 10px 0px;
					padding: 0;
				}
				#content ol{
					margin: 10px 0px;
					padding: 0px 0px 0px 25px;
				}
					#content ol li{
						margin: 0;
						padding: 0;
					}
				#content ul{
					margin: 10px 0px;
					padding: 0px 0px 0px 20px;
				}
					#content ul li{
						margin: 0;
						padding: 0;
					}
			    div.texttipp {
					border-bottom:1px dotted #6D6E67;
					border-top:1px dotted #6D6E67;
					padding-top:10px;
				}
				
				div.texttipp p {
					background-image:url("/Content/Images/pfeile.gif");
					background-position:0 3px;
					background-repeat:no-repeat;
					padding:0 0 10px 25px;
				}

/********************************/
/***          Validation         ***/
/********************************/

div.haserrors
{
	padding:5px;
	display: block;
	margin-left: 1em;
	width: auto;
	color:Red;
	border: 2px solid red;
}

#errorcontainer label
{
	display:block;	
}

/********************************/
/***          Tests         ***/
/********************************/

.testnumber
{
	font-size: 22px;
	color: #FFFFFF;
	background-color: #B1C7D2;
	text-align: center;
	vertical-align: middle;
	width: 30px;
}

.errornumber
{
	font-size: 22px;
	color: red;
	background-color: #B1C7D2;
	text-align: center;
	vertical-align: middle;
	width: 30px;
}

.testevenrow
{
	background-color: #FFFFFF;
}

.testoddrow
{
	background-color: #D6EBF3;
}

.testemptyrow
{
	height: 1px;
	overflow:hidden;
	padding:0;
}

.testspacercell
{
	height: 1px;
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
}

.textheadersmall
{
	font-size:9px;
	text-align:center;
}

.submitdiv
{
	width:100%;
	text-align:right;	
}

table.resultSummary td
{
	min-width:22px;
}

table.resultSummary td.summaryTextCol
{
	width:300px;
}

table.resultSummary img
{
	margin:0 !important;
	padding:0 !important;
}

.spacerow 
{
	height:22px;
}
		
/************************************/
/***            CLASSES           ***/
/************************************/
.clearer{
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}
.hideOnScreen {
    display: none;
}
.hideOnPrint {
    display: inline;
}