/* =========================== */
/* == HTML-Tag-Definitionen    */
/* =========================== */


html, body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	text-align:center;
	height:100%;
	color:#000000;
	background-color:#CCCCCC;
}

/* ===================== */
/* == ID-Definitionen    */
/* ===================== */

#site_container {
	text-align:left;
 	margin:auto;
	width:950px;
}

/*#### Header ### */

#header_container {
	position:relative;
/* 	left:10px; 
	top:10px;  */
    width:950px;
    background-color:#FFFFFF;
}

#header_image {
	height:138px;	
	width:950px;
    background-image:url(../images/header_image2.gif);
	background-repeat:no-repeat;
}

#position_left {
	position:relative;
	width:175px;
	height:25px;
	text-align:right;
	line-height:25px;
	text-indent:4px;
	color:white;
	font-weight:bold;
	text-decoration:underline;
}

#position_menu {
	position:relative;
	width:770px;
	height:25px;
	line-height:25px;
	text-indent:15px;
}

/*#### Navigationssäule links ### */

#nav_container {
	float:left;
    width:180px;
	height:520px;
    background-color:#CCCCCC; 
	background-image:url(../images/nav_image.jpg);
}

#nav_container_sub3 {
	float:left;
    width:100%;
	padding-left:15px;
}

#main_menu {
	position:relative;
    width:130px;
	padding-top:40px;
	margin-left:25px;
}

/* #### Listenansicht Termine #### */
#liste_datum {
	float:left;
	width: 85px;
}

/* #### Puzzle #### */
a.puzzle_menu_rot {
    	float:left; 
	margin-left:-23px; 
	margin-top:-23px;
	background-image:url(../images/puzzle_rot.png);
	background-repeat:no-repeat;
	width:160px; 	
	height:160px;
	text-decoration:none;
}

a.puzzle_menu_rot:hover {
	background-image:url(../images/puzzle_gelb.png);
	background-repeat:no-repeat;
	text-decoration:none;
}

a.puzzle_menu_blau {
    	float:left; 
	margin-left:-23px; 
	margin-top:-23px;
	background-image:url(../images/puzzle_blau.png);
	background-repeat:no-repeat;
	width:160px; 	
	height:160px;
	text-decoration:none;
}

a.puzzle_menu_blau:hover {
	background-image:url(../images/puzzle_gelb.png);
	background-repeat:no-repeat;
	text-decoration:none;
}

a.puzzle_menu_gruen {
    	float:left; 
	margin-left:-23px; 
	margin-top:-23px;
	background-image:url(../images/puzzle_gruen.png);
	background-repeat:no-repeat;
	width:160px; 	
	height:160px;
	text-decoration:none;
}

a.puzzle_menu_gruen:hover {
	background-image:url(../images/puzzle_gelb.png);
	background-repeat:no-repeat;
	text-decoration:none;
}

a.puzzle_menu_orange {
    	float:left; 
	margin-left:-23px; 
	margin-top:-23px;
	background-image:url(../images/puzzle_orange.png);
	background-repeat:no-repeat;
	width:160px; 	
	height:160px;
	text-decoration:none;
}

a.puzzle_menu_orange:hover {
	background-image:url(../images/puzzle_gelb.png);
	background-repeat:no-repeat;
	text-decoration:none;
}

#puzzle_text {
	padding-top:50px; 
	padding-left:25px; 
	width:100px; 
	height:100px;
	text-align:center;
}

/*#### Content ### */

#content_container {
/* 	position:relative;
	left:180px; */
	float:left;
	width:770px;
	background-image:url(../images/cvjmback.gif);
	min-height: 520px;
	overflow:hidden;
}

#content_center_main {
	float:left;
	padding-left:15px;
	/*padding-right:15px;*/
	padding-top:20px;
	padding-bottom:20px;
	width:740px;
	overflow:auto;
/* 	font-size:9pt; */
}



/* ======================== */
/* == Class-Definitionen    */
/* ======================== */

div.tx-cal-controller {
	width:700px;
}

a.main_menu {
    width:100%;
	height:25px;
	text-indent:10px;
	line-height:25px;
	margin-top:5px;
	float:left;
	background-image:url(../images/button_lvl1.png);
	text-decoration:none;
	font-size:10pt;
}

a.main_menu_aktiv {
    width:100%;
	height:25px;
	text-indent:10px;
	line-height:25px;
	margin-top:5px;
	float:left;
	background-image:url(../images/button_lvl1_active1.png);
	text-decoration:none;
	font-size:10pt;
	font-weight:bold;
}

a.main_menu:hover {
	background-image:url(../images/button_lvl1_hover.png);
	text-decoration:none;
}

a.main_menu_aktiv:hover {
	background-image:url(../images/button_lvl1_active1_hover.png);
	text-decoration:none;
}


a.sub_menu {
	width:100%;
	height:20px;
	text-indent:13px;
	line-height:20px;
	margin-left:5px;
	margin-top:2px;
	float:left;
	background-image:url(../images/button_lvl2.png);
	text-decoration:none;
}

a.sub_menu_aktiv {
    width:100%;
	height:20px;
	text-indent:13px;
	line-height:20px;
	margin-left:5px;
	margin-top:2px;
	float:left;
	background-image:url(../images/button_lvl2_active1.png);
	text-decoration:none;
	font-weight:bold;
}

a.sub_menu:hover {
	background-image:url(../images/button_lvl2_hover.png);
	text-decoration:none;
}

a.sub_menu_aktiv:hover {
	background-image:url(../images/button_lvl2_active1_hover.png);
	text-decoration:none;
}

a.sub_menu2 {
	width:100%;
	height:20px;
	text-indent:15px;
	line-height:20px;
	margin-left:15px;
	float:left;
	background-image:url(../images/button_lvl3.png);
	text-decoration:none;
}

a.sub_menu2_aktiv {
    width:100%;
	height:20px;
	text-indent:15px;
	line-height:20px;
	margin-left:15px;
	float:left;
	background-image:url(../images/button_lvl3_active1.png);
	text-decoration:none;
	font-weight:bold;
}

a.sub_menu2:hover {
	background-image:url(../images/button_lvl3_hover.png);
	text-decoration:none;
}

a.sub_menu2_aktiv:hover {
	background-image:url(../images/button_lvl3_active1_hover.png);
	text-decoration:none;
}

a.sub_menu3 {
    width:130px;
	height:25px;
	text-indent:10px;
	line-height:25px;
	margin-top:5px;
	margin-right:10px;
	float:left;
	background-image:url(../images/button_lvl1.png);
	text-decoration:none;
	font-size:10pt;
}

a.sub_menu3_aktiv {
    width:130px;
	height:25px;
	text-indent:10px;
	line-height:25px;
	margin-top:5px;
	margin-right:10px;
	float:left;
	background-image:url(../images/button_lvl1_active1.png);
	text-decoration:none;
	font-size:10pt;
	font-weight:bold;
}

a.sub_menu3:hover {
	background-image:url(../images/button_lvl1_hover.png);
	text-decoration:none;
}

a.sub_menu3_aktiv:hover {
	background-image:url(../images/button_lvl1_active1_hover.png);
	text-decoration:none;
}

/* =============================== */
/* == Pseudo-Class-Definitionen    */
/* =============================== */

a:link {
	color:#000000;
	text-decoration:none;
}

a:visited {
	color:#000000;
	text-decoration:none;
}


a:hover {
	color:#000000;
	text-decoration:underline;
}

a:active {
	color:#000000;
	text-decoration:underline;
}