@import "../base/tinymce/styles/content.css";
@import "forms.css";
@import "content_magazine.css";

body{
	background-image:url(/images_magazine/background_body.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#EEEEEE;
	text-align:center;
	margin:0;
	font-family:Arial, Verdana;
	font-size:90%;
	
}

.clearer{
	clear:both;
	font-size:0;
	line-height:0;

}

.siteContainer{
	margin-left:auto;
	margin-right:auto;
	width:900px;
	text-align:left;
	
}

.siteContent{
	padding:0 5px 5px 5px;
	background-color:#ffffff;
	
}

.topContainer{
/*	background-image:url(/images_magazine/background_top.jpg);
	background-position:top left;
	background-repeat:no-repeat;*/
	height:96px;
	
}

.topContent{

}

.menuContainer{
	background-image:url(/images_magazine/background_navi.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:35px;

}

.menuContent{
	color:#000;
	padding:8px 18px;
	
}

.container{
	background-image:url(/images_magazine/background_content.gif);
	background-position:top left;
	background-repeat:no-repeat;

}

.content{

}

.lftColumn{
	width:573px;
	float:left;
	
}

.lftColumn .lftContent{
	padding:4px 6px 7px 18px;

}

.rgtColumn{
	width:316px;
	float:left;
	
}

.rgtColumn .rgtContent{
	padding:13px 0 7px 6px;

}

.rgtColumn .rgtContentBannersContainer{
	padding: 15px 0 0 0;
}

.bottomContainer{
	background-image:url(/images_magazine/background_bottom.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:47px;

}

.bottomContent{
	padding:22px 13px 0 13px;
	font-size:0.8em;

}

div.left{
	float:left;
	font-size:9px;
}

div.right{
	float:right;
	font-size:9px;
	font-weight:bold;

}

a.menuItem, a.menuItem:link, a.menuItem:visited{
	color:#000;
	text-decoration:none;
	font-size:14px;
	padding:0 8px;
	
}

a.menuItem:hover, a.menuItem:visited:hover{
	text-decoration:underline;

}

/* Emagazine -> */

div.itemHeading{
	padding-top:14px;

}

div.fpItem{
	padding:14px 0;
	min-height:150px;
	background-image:url(/images_magazine/spacer_horiz.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
	
}

div.image{
	float:left;
	padding:0 15px 0 0;

}

img.fpImg{
/*	border:1px solid #999;*/
	width:220px;
	height:151px;

}

div.fpImg{
	border:0;
	width:220px;
	height:151px;
/*	background-color:#999;*/
	
}

div.fpText{
	float:left;
	width:310px;
	
}

div.itemType{
	font-weight:bold;
	font-size:0.9em;
	
}

div.itemImage{
	float:left;
	height:90px;
	width:100px;
	overflow:hidden;
	
}

div.itemImageContent{
	padding:5px 10px;

}

div.itemImageContent img{
	border:1px solid #CDCDCD;

}

div.itemText{
	float:left;

}

div.itemTextContent{
	padding:25px 0;

}

div.itemTitle{
	font-weight:bold;
	font-size:1.2em;
	padding:5px 0;
	
}

div.itemContent{
	line-height:130%;
	font-size:0.95em;
	
}

div.itemLink{
	color:#333;
	font-size:0.8em;
	padding:4px 0;
	
}

div.heading{
	font-size:1.5em;
	font-weight:bold;
	
}

div.date{
	padding-top:10px;

}

.inputTxt{
	width: 120px;
	border:1px solid #D0D0D0;
}

.submitBtn{
	border:1px solid #666666;
	background-color:#dddddd;
	font-size:12px;
	padding:2px 4px;
	
}

.rgt_button{
	width:300px;
	height:25px;
	background-image:url(/images_magazine/grey_box.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:5px;
	
}

.rgt_button .content{
	font-weight:bold;
	padding:5px 10px;
	font-size:0.9em;
	
}

.archiveItem{
	background-image:url(/images_magazine/spacer_horiz.gif);
	background-position:bottom left;
	background-repeat:repeat-x;

}

.archiveContent{
	padding:5px 9px 5px 9px;

}

.archiveItem div.itemTitle{
	padding:0;
	
}

.archiveItem div.itemLink{
	padding:0;
	
}

a.itemLink, a.itemLink:visited{color:#333;}

a, a:link, a:visited{color:#000;text-decoration:none;}
a:hover, a:visited:hover{text-decoration:underline;}

/* Comment -> */

div.commentContainer{
	text-align:left;
	width:450px;
	height:232px;
	background-image:url(/images_magazine/background_commentBody.gif);
	background-position:top left;
	background-repeat:repeat-x;
}

div.commentContent{
}

div.commentTitle{
	height:31px;
	font-weight:bold;
	font-size:14px;
}

div.commentTitleContent{
	padding:5px 10px;
}

form.commentForm{
	padding:0;
	margin:0;
}

div.commentLabel{
}

div.commentArea{
	margin:5px 0;
}

div.commentInput{
}

input.commentText{
	width:180px;
}

div.commentButton{
	text-align:right;
}

div.commentContainer div.content{
	padding:23px 10px 10px 10px;
}

textarea.commentArea{
	width:100%;
	height:80px;
}

div.commentArea{
	padding:5px 10px 5px 0;
	margin:5px;
	background-image:url(/images_magazine/spacer_horiz.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
}

div.bubble{
	background-image:url(/images_magazine/puhekupla.gif);
	background-position:0 4px;
	background-repeat:no-repeat;
	padding-left:40px;
}

div.cArea{
	padding:5px 0;
	margin-top:10px;
}

div.cTitle{
	background-color:#DDDDDD;
	padding:5px 10px;
	font-weight:bold;
	height:22px;
}

div.cTitle div.lft{
	float:left;
	font-size:14px;
}

div.cTitle div.rgt{
	float:right;
}

div.cDate{
	font-weight:bold;
}

div.cName{
	font-weight:bold;
}

div.cText{
	padding:5px;
}

a.cLink, a.cLink:link, a.cLink:visited{
	padding-left:10px;
	font-weight:normal;
}

div.cLabel{
	font-weight:bold;
	padding:10px 0;
}

a.cLinkBottom, a.cLinkBottom:link, a.cLinkBottom:visited{
	font-size:12px;
}

/* Searchpage */

div.searchPageSelection, div.pagesSelection{
	text-align:right;
}

div.searchPageSelTop, div.pageSelTop{
	border-bottom:1px solid #999999;
}

div.searchPageSelBottom, div.pageSelBottom{
	border-top:1px solid #999999;
	margin-top:10px;
}

div.searchPageSelection span{
	font-weight:bold;
	font-size:1.05em;
}
div.searchPageSelection a, div.searchPageSelection a:link, div.searchPageSelection a:visited{
	font-weight:normal;
	font-size:1em;
}