@charset "UTF-8";
/* css document */
/* ccmagnus media 2011 */

/* standards body html*/
body, html {
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #000;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
}

/* font styles */
a {
    color:#0066CC;
}



h1 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
	line-height:18px;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
}
h3 {
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
}
h4 {
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
}


.fontsize12lh1_5 {
	font-size: 12px;
	line-height: 1.5em;
}



.fontsize12{
	font-size: 12px;
}

.fontsize10{
	font-size: 10px;
}

.fontsize9{
	font-size: 9px;
}

#block {
	text-align: justify;
}
/* list styles */
.liststyle1 {
	font-size: 12px;
	font-weight: bold;
	padding-left: 15px;
	
	}
.liststyle1 li {
	list-style-image:url(../images_basic/marker_dot.png);
	margin-bottom:5px;
}

/* content */

#content_wrapper {
	position:relative;
	width: 960px;
	margin: 0 auto;
	text-align:left;
	padding:0px;
	background:url(../images_basic/bg_tile.png);
}
#content_top {
	position:relative;
	width: 960px;
	height: 100 px;
	margin: 0 auto;
	text-align:left;
}
#content_top img {
	border: 0px;
}
#content_navi_top {
	position:relative;
	width: 960px;
	height: 16px;
	text-align:left;
	background-color:#000;
	/*border-right: #000 1px solid;*/
	padding-bottom:0px;
	margin: 0px;
}
#content_main_box {
	position:relative;
	display:block;
	width: 960px;
	height: auto;
	text-align:left;
	/*border-right: #000 1px solid;*/
	padding:0px;
	margin: 0px;
}
#inner_content_main_box {
	position:relative;
	display:block;
	float:left;
	padding: 6px;
	margin: 0px;
	height:595px;
	line-height:14px;/*letter-spacing: -0.2pt;*/	
	/*border-right: #000 1px solid;*/
	
	}
#inner_content_main_box img {
	border: 0px;
}

/*.inner_content_main_box_style1 {
	width:620px; 
	height:630px;
	background-color:#fff; 
}

.inner_content_main_box_style2 {
	width:190px; 
	height:640px; 
	padding:0px;
	background-color:#fff; 
}*/





#folp_box {
	position:absolute;
	width: 142px;
	height: 100px;
	bottom: 0px;
	left: 0px;
	/*background-color:#CCCCCC;*/
	z-index:100;
	font-size:7px;
	line-height:6px;
}
#shopping_box {
	position:absolute;
	display:block;
	width: auto;
	height: 45px;
	bottom: 6px;
	right: 8px;
	/*background-color:#CCCCCC;*/
	z-index:100;
	text-align:right;
	font-size: 11px;
	font-weight:bold;
}
#shopping_box a {
    text-decoration:underline;
	color:#0066CC;
}
#shopping_box ul {
	display:block;
	margin-top: 8px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	width:auto;
}
#shopping_box ul li {
	
	width:auto;
	list-style:none;
	height: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	padding-right: 8px;
	margin: 0px;
	background-color:#000000;
	color:#FFFFFF;
}
#shopping_box ul li a {
	text-decoration:none;
	color:#FFFFFF;
}
#shopping_box ul li a:hover {
	text-decoration:none;
	color:#FFFF00;
}



#content_navi_bottom {
	position:relative;
	display:block;
	width: 960px;
	height: 16px;
	text-align:left;
	background-color:#000;
	/*border-right: #000 1px solid;*/
	padding-bottom:0px;
	margin: 0px;
	clear:left;
}

#yellow_box_under_image {
	position:absolute;
	width: 620px;
	height: 16px;
	bottom: 0px;
	right: 6px;
	background-color:#FFFF33;
	z-index:100;
	text-align:right;
	font-size: 11px;
}




/* navigation */
/* top */
#content_navi_top ul {
	height: 16px;
	padding:0;
	margin-top: 0px;
	margin-left: 146px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color:#FFF;
}
#content_navi_top ul li {
	width: 200px;
	height: 16px;
	float: left;
	list-style:none;
	padding: 0px;
	border-left: #FFF 1px solid;
	text-align:center;
	vertical-align:middle;
	
}
#content_navi_top ul li a {
	display:block;
	color:#FFF;
	text-decoration:none;
	padding-top:2px;
	vertical-align: middle;
}
#content_navi_top ul li a:hover {
	color:#FFFF00;
	text-decoration:none;
}

#content_navi_top ul li .active {
	color:#FFFF00;
}




/* bottom */
#content_navi_bottom ul {
	height: 16px;
	padding:0;
	margin-top: 0px;
	margin-left: 150px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color:#FFF;
}
#content_navi_bottom ul li {
	width: auto;
	height: 16px;
	float: left;
	list-style:none;
	padding: 0px;
	margin-left:10px;
	margin-right:10px;
	text-align:center;
}
#content_navi_bottom ul li a {
	display:block;
	color:#FFF;
	text-decoration:none;
	padding-top:2px;
	vertical-align: middle;
}
#content_navi_bottom ul li a:hover {
	color:#FFFF00;
	text-decoration:none;
}
/* left */
#navigation_left {
	width: 142px;
}
#navigation_left ul {
	margin: 0px;
	padding: 0px;
}
#navigation_left ul li {
	height: 52px;
	width: 142px;
	list-style:none;
	
}
#navigation_left ul li img {
	border: 0px;
}
#navigation_left ul li a {
	display:block;
	height: 51px;
	width: 142px;
	text-decoration:none;
	border-bottom:#999999 1px solid;
	
}

#navigation_left ul li a:hover {
	border-right:#000 5px solid;
}

#navigation_left ul li .active {
	border-right:#000 5px solid;

}

/* navigation calendar */

/* YEAR */
#calendar_navi_year {
	width: 190px;
	margin-top: 6px;
	margin-left: 1px;
	height:auto;
	clear:left;
}

#calendar_navi_year ul {
	width: 190px;
	margin: 0px; 
	padding: 0px;
	font-size: 11px;
	color:#FFF;
}

#calendar_navi_year ul li {
	list-style:none;
	width: 35px;
	height: 25px;
	float:left;
	margin-right: 1px;
	margin-bottom: 1px;
	background-color:#000;
}

#calendar_navi_year ul li a {
	display:block;
	color:#FFF;
	text-decoration:none;
	vertical-align:middle;
	text-align:center;
	margin:0px;
	font-weight:bold;
	padding-top:6px;
}

#calendar_navi_year ul li a:hover {
	color:#FFFF00;
}

/* SPACER */
#spacer {
	height:6px;
}

/* MONTH */
#calendar_navi_month {
	width: 190px;
	padding-top:6px;
	margin-top: 6px;
	margin-left: 1px;
	height:auto;
	clear:left;
}

#calendar_navi_month ul {
	width: 190px;
	margin: 0px; 
	padding: 0px;
	font-size: 9px;
	
}

#calendar_navi_month ul li {
	list-style:none;
	width: 59px;
	height: 69px;
	float:left;
	margin-right: 1px;
	margin-bottom: 1px;
	background-color:#FFFF00;
}

#calendar_navi_month ul li a {
	display:block;
	color:#000;
	text-decoration:none;
	margin:0px;
	font-weight:bold;
	line-height:11px;
}

#calendar_navi_year ul li a:hover {
	color:#FFFF00;
}

#calendar_navi_month ul li img {
	border:0px;
	
	}
	
/* TITLE */	

#calendar_navi_title {
	width: 190px;
	padding-top:12px;
	
	margin-left: 1px;
	height:auto;
	clear:left;
	font-size:14px;
	font-weight:bold;
	line-height: 16px;
}

#calendar_navi_title img {
	border:0px;
	float:left;
	padding-right:3px;
}	
	
/* TITLE XL IMAGE */	

/* mito */
#calendar_navi_mito_month_xl_pic {
	width: 800px;
}

#calendar_navi_mito_month_xl_pic a {
	display:block;
	width:47px;
	height:66px;
	float:left;
	margin-right:12px;
	border: #000 1px solid;
	}


/* tifosi */
#calendar_navi_tifosi_month_xl_pic {
	width: 500px;
	margin-top: 60px;
}

#calendar_navi_tifosi_month_xl_pic a {
	display:block;
	width:60px;
	height:42px;
	float:left;
	margin-top: 15px;
	margin-right: 15px;
	border: #000 1px solid;
	}

/* book */
#calendar_navi_book_xl_pic {
	width: 800px;
}

#calendar_navi_book_xl_pic a {
	display:block;
	width:51px;
	height:31px;
	float:left;
	margin-right:8px;
	border: #000 1px solid;
	}
	
#calendar_add_text {
	display:block;
	width:200px;
	margin-left:20px;
	font-size:10px;
	font-weight:bold;	
}	

/*formulare*/
.form {
	color: #000000;
	margin: auto;
	width: 300px;
}

.formButtonSubmit {
	font-size: 11px;
	font-weight:bold;
	float: right; 
	color:#FFFFFF;
	border: 0px;
	background-color: #FFFFFF;
	cursor: pointer;
	margin: 0px;
	padding: 2px 2px 2px 5px;
	width:auto;
	background-color: #000000;
}

.formButtonSubmit:hover{
	
}

.formAttention {
	margin: auto;
	width: 300px;
	border: #FF0000 2px outset;
}

.hinweis {
	font-weight: bold;
	color: #FF0000;
}

/*index*/
#index_slideshow {
	position: absolute;
	top:0px;
	left:0px;
	z-index:10;
	visibility:hidden;
	}

#preload {
	position: absolute;
	top: 280px;
	left: 475px;
	visibility:visible;
	z-index: 50;
}

#toplink_box_opacity_1 {
	position: absolute;
	top:5px;
	left:5px;
	height:80px;
	background-color: #000;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	z-index:20;
}

#toplink_box_text_1 {
	position: absolute;
	top:5px;
	left:5px;
	border:0px;
	z-index:30;
}


.a_style a {
    color:#000;
	text-decoration:none;
}
.a_style a:hover {
	color:#999;
}



#index_navi_language {
	position: absolute;
	top:75px;
	right:0px;
}


#index_navi_language ul {
	height: 16px;
	padding:0;
	margin-top: 0px;
	margin-left: 150px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color:#000;
}
#index_navi_language ul li {
	width: auto;
	height: 16px;
	float: left;
	list-style:none;
	padding: 0px;
	margin-left:15px;
	margin-right:0px;
	text-align:center;
}
#index_navi_language ul li a {
	display:block;
	color:#000;
	text-decoration:none;
	padding-top:2px;
	vertical-align: middle;
}
#index_navi_language ul li a:hover {
	color:#000;
	text-decoration:underline;
}