/* @font-face {
	font-family: James Fajardo;
	font-style: normal;
	font-weight: normal;
	src: url(../fonts/JAMESFA1.eot);
}
 */

a {
	/* ie-bug-fix links auf einem transp-png gehen sonst nicht */
	position: relative; 
	z-index:999;
}


#pinit {
/*	background: #808080 url(../grafiken/pinnboard/background.jpg) top center no-repeat; */
	background: #808080;
}

#page {
	text-align: center;
}

#wall { 
	margin: auto; 
	background: url(../grafiken/pinnboard/background.jpg) top left no-repeat; 
	width: 750px; 
	height: 830px; 
	text-align: left; 
	position: relative;
}

.pin_username { 
	position:absolute; 
	left: 473px; 
	top: 26px; 
	padding: 9px 10px 0px 10px;
	font-size: 14px; 
	color: #333; 
	width: 195px;
	height: 27px;
	font-weight: bold;
	background: url(../grafiken/pinnboard/pinn_namensschild-chrom.jpg) top left no-repeat; 
	text-align: center;
}

	.pin_username a {
		color: #656565;
	}

.pin_back {
	position: absolute;
	left: 500px;
	top: 768px; 
	width: 141px;
	height: 26px;
	padding: 10px 5px 0px 45px;
	font-size: 11px;
	color: #656565;
	background:url(../grafiken/pinnboard/pinn_background_idcard-chrom.jpg) top left no-repeat;
	text-align: left;
}

	.pin_back a {
		color: #515151;
	}


/*
.pin_back { border:1px solid red;position:absolute; left:80px; top:768px; padding-top:10px; font-size:18px; color:#333333; width:277px;  height:38px; background:url(../grafiken/pinnboard/pinn_icon_idcard.gif) top left no-repeat; text-align:center;}
*/
/*
.pin_back a:link,
.pin_back a:active,
.pin_back a:visited {color: #000000;}
.pin_back a:hover {color: #503010;}
*/

.new_post {
	position:absolute;
	top: 24px; 
	left: 62px;
	width: 72px;  
	height: 40px;
}

	.new_post img {
		border: none;
	}


/* === Kalenderblatt === */

.pkal {
	width: 148px;
	height: 217px;
	position: absolute;
	top: 0;
	left: 0;
	font-family: Verdana, Arial;
	overflow: hidden;
	padding: 5px 0px 1px 2px;
	color: #333;
}

.pkal .cont {
	position: absolute; 
	top:0px; 
	left:0px; 
	z-index:999;
}

.pkal .sw_top {
	background: url(../grafiken/pinnboard/pinn_button-move1.gif) no-repeat; 
	z-index:999; 
	padding: 0px 5px; 
	position:absolute; 
	top:14px; left:111px;
}

.pkal .sw_del {
	background: url(../grafiken/pinnboard/pinn_button-del1.gif) no-repeat; 
	z-index:999; 
	padding: 0px 5px; 
	position:absolute; 
	top:14px; 
	left:125px;
}

	.pkal .month {
		position: absolute;
		top: 36px;
		left: 12px;
		width: 122px;
		font-size: 11px;
		font-weight: bold;
		text-align: center;
	}

	.pkal .day-number {
		position: absolute;
		top: 52px;
		left: 12px;
		width: 122px;
		height: 55px;
		line-height: 55px;
		font-size: 60px;
		font-family: "Impact", Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-align: center;
	}

	.pkal .red {
		color: #CE4141;
	}

	.pkal .day-name {
		position: absolute;
		top: 107px;
		left: 12px;
		width: 122px;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
	}

	.pkal .week {
		position: absolute;
		top: 124px;
		left: 20px;
		width: 122px;
		font-size: 8px;
		text-align: left;
	}

	.pkal .year {
		position: absolute;
		top: 124px;
		left: 12px;
		width: 114px;
		font-size: 8px;
		text-align: right;
	}

	.pkal .msg {
		position: absolute;
		top: 140px;
		left: 16px;
		width: 118px;
		height: 62px;
		font-size: 10px;
		text-align: center;
		padding-top: 5px;
		border-top: 1px dashed gray;
		line-height: 10px;
	}
	
	/*.pkal .msg {
		position: absolute;
		top: 175px;
		left: 16px;
		width: 118px;
		font-size: 10px;
		height: 40px;
		text-align: center;
		line-height: 10px;
	}*/
	
	.pkal .imagearea{
		width: 148px;
		height: 217px;
		position: absolute;
		top: 0;
		left: 0;
		padding: 5px 0px 1px 2px;
	}

	html > body .pkal .imagearea {
		background: url(http://image.newcom101.de/grafiken/pinnboard/pinn_schedule-bg.png);
	}

	.pkal a {cursor:pointer;}
	
	* html .pkal .imagearea {
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://image.newcom101.de/grafiken/pinnboard/pinn_schedule-bg.png');
	}

	
	
/* === Post-It-Zettel === */
	
.poit {
	width: 158px;
	height: 147px;
	position: absolute;
	top: 0;
	left: 0;
}
	
.poit .cont {position: absolute; top:0px; left:0px; z-index:999;}
.poit .sw_top {background: url(../grafiken/pinnboard/pinn_button-move1.gif) no-repeat; z-index:999; padding: 0px 5px; position:absolute; top:12px; left: 40px;}
.poit .sw_del {background: url(../grafiken/pinnboard/pinn_button-del1.gif) no-repeat; z-index:999; padding: 0px 5px; position:absolute; top:12px; left: 55px;}

	.poit .val {
		width: 106px;
		height: 108px;
		position: absolute;
		top: 25px;
		left: 30px;
		font-family: "Comic Sans MS", Verdana, Arial;
		overflow: hidden;
		color: #333;
	}

	.poit .head {
		font-size: 14px;
		font-weight: bold;
	}
	
	.poit .msg {
		font-size: 12px;
		width: 105px;
		height: 90px;

	}
	
	.poit .imagearea {
		width: 160px;
		height: 147px;
		position: absolute;
		top: 0;
		left: 0;
	}

	html > body .poit .imagearea {
		background: url(../grafiken/pinnboard/pinn_post-it-small.png);
	}
	
	* html .poit .imagearea {
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://image.newcom101.de/grafiken/pinnboard/pinn_post-it-small.png');
	}

.poit-big {
	width: 172px;
	height: 214px;
	position: absolute;
	top: 0;
	left: 0;
}

.poit-big .cont {position: absolute; top:0px; left:0px; z-index:999;}
.poit-big .sw_top {background: url(../grafiken/pinnboard/pinn_button-move1.gif) no-repeat; z-index:999; padding: 0px 5px; position:absolute; top:8px; left:138px;}
.poit-big .sw_del {background: url(../grafiken/pinnboard/pinn_button-del1.gif) no-repeat; z-index:999; padding: 0px 5px; position:absolute; top:8px; left:152px;}

	.poit-big .val {
		width: 142px;
		height: 148px;
		position: absolute;
		top: 22px;
		left: 15px;
		font-family: "Comic Sans MS", Verdana, Arial;
		overflow: hidden;
		color: #333;
	}

	.poit-big .imagearea {
		width: 172px;
		height: 214px;
		position: absolute;
		top: 0;
		left: 0;
	}

	html > body .poit-big .imagearea{
		background: url(../grafiken/pinnboard/pinn_post-it-big.png);
	}
	
	* html .poit-big .imagearea {
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://image.newcom101.de/grafiken/pinnboard/pinn_post-it-big.png');
	}

	.poit-big .head {
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 5px;
	}

	.poit-big .msg {
		height: 140px;
		font-size: 14px;
	}


/* === Polaroid === */

.pola {
	width: 193px;
	height: 240px;
	position: absolute;
	top: 0;
	left: 0;
}
	
	.pola .imagearea {
		position: absolute;
		width: 193px;
		height: 229px;
		top: 11px;
	}
	
	
		* html .pola .imagearea {
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://image.newcom101.de/grafiken/pinnboard/pinn_polaroid-bg.png');
		}
			
		html > body .pola .imagearea {
			background: url(../grafiken/pinnboard/pinn_polaroid-bg.png) no-repeat;
		}

.pola .cont {position: absolute; top:0px; left:0px; z-index:999;}
.pola .sw_top {background: url(../grafiken/pinnboard/pinn_button-move1.gif) no-repeat; z-index:999; padding: 5px 5px; position:absolute; top:22px; left:154px;}
.pola .sw_del {background: url(../grafiken/pinnboard/pinn_button-del1.gif) no-repeat; z-index:999; padding: 0px 5px; position:absolute; top:22px; left:168px;}

	.pola .head {
		position: absolute;
		left: 10px;
		top: 20px;
		width:130px;
		height: 16px;
		overflow: hidden;
		font-weight: bold;
		text-align: left;
	}

	.pola .middle {		
		position: absolute;
		top: 42px;
		left: 12px;
		width: 167px;
		height: 149px;
		text-align: center;		
	}
	
		.pola .middle table {
			height: 149px;
		}
		
		.pola .middle table td {
			vertical-align: middle;
			text-align: center;
			width: 167px;
		}

	.pola .foot {
		position: absolute;
		top: 195px;
		left: 14px;
		height: 24px;
		width: 163px;
		overflow: hidden;
		text-align: left;
		line-height: 11px;
		font-size: 10px;
	}
	

/* === Videostreifen === */
		
.video {
	width: 226px;
	height: 235px;
	position: absolute;
	top: 0;
	left: 0;
}
	
	.video .imagearea {
		position: absolute;
		width: 226px;
		height: 215px;
		top: 11px;
	}
	
	
		* html .video .imagearea {
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://image.newcom101.de/grafiken/pinnboard/pinn_movie-bg.png');
		}
			
		html > body .video .imagearea {
			background: url(../grafiken/pinnboard/pinn_movie-bg.png) no-repeat;
		}
	
.video .cont {position: absolute; top:0px; left:0px; z-index:999;}
.video .sw_top {background: url(../grafiken/pinnboard/pinn_button-move1.gif) no-repeat; z-index:999; padding: 0px 5px; position:absolute; top:18px; left:166px;}
.video .sw_del {background: url(../grafiken/pinnboard/pinn_button-del1.gif) no-repeat; z-index:999; padding: 0px 5px; position:absolute; top:18px; left:180px;}
	.video .head {
		position: absolute;
		left: 33px;
		top: 16px;
		height: 14px;
		width:130px;
		overflow: hidden;
		font-weight: bold;
		text-align: left;
	}

	.video .middle {		
		position: absolute;
		top: 42px;
		left: 29px;
		width: 159px;
		height: 136px;
		text-align: center;		
	}
	
		.video .middle table {
			height: 136px;
		}
		
		.video .middle table td {
			vertical-align: middle;
			text-align: center;
			width: 159px;
		}

	.video .foot {
		position: absolute;
		top: 190px;
		left: 33px;
		height: 26px;
		width: 159px;
		overflow: hidden;
		text-align: left;
		line-height: 11px;
		font-size: 10px;
	}
	

/* === Pins === */

.pin-video {
	height: 39px;
	width: 41px;
	position: absolute;
	left: 125px;
	top: 0px;
	z-index: 500;
}
	
	html > body .pin-video {
		background: url(../grafiken/pinnboard/pinn_button3.png);
	}
	
	* html .pin-video {
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://image.newcom101.de/grafiken/pinnboard/pinn_button3.png');
	}

.pin-foto {
	height: 39px;
	width: 41px;
	position: absolute;
	left: 115px;
	top: 0px;
	z-index: 500;
}
	
	html > body .pin-foto {
		background: url(../grafiken/pinnboard/pinn_button1.png);
	}
	
	* html .pin-foto {
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://image.newcom101.de/grafiken/pinnboard/pinn_button1.png');
	}
	
.pin-schedule {
	height: 39px;
	width: 41px;
	position: absolute;
	left: 20px;
	top: 0px;
	z-index: 500;
}
	
	html > body .pin-schedule {
		background: url(../grafiken/pinnboard/pinn_button.png);
	}
	
	* html .pin-schedule {
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://image.newcom101.de/grafiken/pinnboard/pinn_button.png');
	}


.poit .pin-postit {
	height: 39px;
	width: 41px;
	position: absolute;
	left: 5px;
	top: -5px;
	z-index: 500;
}
	
.poit-big .pin-postit {
	height: 39px;
	width: 41px;
	position: absolute;
	left: 100px;
	top: -13px;
	z-index: 500;
}

	html > body .pin-postit {
		background: url(../grafiken/pinnboard/pinn_button2.png);
	}
	
	* html .pin-postit {
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://image.newcom101.de/grafiken/pinnboard/pinn_button2.png');
	}