/********************************************************************************************************
	ICSurselva AG	http://www.icsurselva.ch
	Projekt:		Projuventute
	Date:			05/2008, claudia
	Version:		1.0
	file:			messagebox.css
	function:		Contents ColumnRight (Messagebox mit rundumeli)-style  
********************************************************************************************************/

/* CSS Document auslagerungsdatei messagebox - vielleicht in content.css?*/
/*=================================================================*/
/* Contents ColumnRight (Messagebox mit rundumeli) start */
/*=================================================================*/
/*#ColumnRight{
	float:right;
	width:300px;
	height:30px;
	position: relative;
	margin-bottom:20px;
	left: 0px;
	top: -10px;
}*/

.msgbox{float:left;}

div.msgbox div.msgbox_top{
background: url(/fileadmin/material/bilder/redesign/layout/msgbox/msgBoxTop.gif) no-repeat left bottom; height:4px; width:195px;
}

* html div.msgbox div.msgbox_top{
margin-top:-9px;}

.msgbox_middle{
	float:left;
	display:block;
	font-size:100%;
	width:195px;
	height:auto;
	background: url(/fileadmin/material/bilder/redesign/layout/msgbox/msgBoxMiddle.gif) repeat-y;
	
/*	background:white none repeat scroll 0 0;
border-left:4px solid black;
border-right:4px solid black;
min-width:187px;*/
	}
	
* html .msgbox_middle{}

ul.msgbox_middle{
	
	font-size:70%;
	
	}

.msgbox_bottom {
	float:left;
	width:195px;
	height:11px;
	background: url(/fileadmin/material/bilder/redesign/layout/msgbox/msgBoxBottom.gif) no-repeat;
	padding-bottom:17px;
}
/*=================================================================*/
/* Contents ColumnRight (Messagebox mit rundumeli) end */
/*=================================================================*/
/*title mit suenneli*/
div.msgbox_title{
	padding:8px 10px 8px 59px;
	background: url(/fileadmin/material/bilder/redesign/layout/msgbox/iconShop.gif) no-repeat 9px 6px;
	font-size:115%;
	line-height:125%;
	font-weight:bold;
	height: 30px;
	
}

div.msgbox_content{
	padding-left:18px;
	padding-right:10px;
}

div.msgbox_content a{
	color:#669ED6;
	font-weight:bold;
	text-decoration:underline;
}

div.msgbox_content a:hover{
	text-decoration:none;
}

#msgtitle {

margin-top:1px;
	font-family: Arial, Helvetica, sans-serif;
	float:right;
	width:125px; /*laenge des titel*/ 
	height:10px;
	position: absolute;
	color: #ffffff;
	font-weight:bold;
	left: 70px;
	}
	
.msgtitle_small{
	/*font-size:120%;*/
	font-size:14px;
	line-height:140%;
	
}

.msgtitle_big{
	/*font-size:220%;*/
	font-size:25px;	
	line-height:100%;
}

/*************************************contentbereich msbox*********************************/

#msgbox ol{
	margin:5px 0px 5px 0px;
}

#msgbox ul{
	margin:5px 0px 5px 0px;
}

#msgbox li {}

#msgbox ol li {
	
	list-style-type: decimal;
	list-style-position: inside;
}

#msgbox ul li{
	
	padding-bottom:10px;
	background-image:url(/fileadmin/material/bilder/icons/listpunkt_content.gif);
	background-repeat: no-repeat;
	padding:0px 0px 0px 9px;
	background-position: -3px 4px;	
	list-style-type:none;
}

#msgbox a{
	font-weight:bold;
	color:#00A7EF;
}

#msgbox a:hover{
	background-color:#00A7EF;
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
}