@import "default.css";
@import "../files/css/site.css";
@import "../katj/css/cms-navigation.css";

/* <- CMS Specific */

body,a,select,td,body.katjeditorbody {
	font-family:Verdana,Arial;
	font-size:11px;
	color:#676767;
}

input, body.katjeditorbody {
	text-align:left;
}

input, textarea {
	font-size:10px;
}

body.katjeditorbody {
	
}

input, .textareaComment {
	border-style:solid;
	border-width:1px;
}

input.katjSubmitImage {
	background-color:transparent;
}

.textareaComment {
	border-color:#000000;
}

form {
	text-align:left;
	display:block;
	margin-top:10px;
	margin-bottom:0px;
}

body {
	vertical-align:middle;
}

body.print {
	text-align:left;
}

div.columnHolder {
	float:left;	
}

div.pageletBox {
	clear:both;
	position:relative;
}

.katjPageletBtn {
	display:none;
}

div.elementBox {
	margin-right:0px;
}

/* -> CMS Specific */


/* <- Site Specific */

a:link, a:visited {
	text-decoration:none;
	font-weight:bold;
}

.headline {
	font-size:14px;
	font-weight:bold;
	color:#e6571d;
	margin:0px;
	padding:0px;
	line-height:22px;
}

h1.headline {
	font-size:24px;
	color:#e6571d;
	font-weight:normal;
	margin-top:20px;
	margin-bottom:14px;
	line-height:24px;
}

.abstract {
	color:676767;
	font-size:13px;
	line-height:17px;
	margin-top:10px;
	margin-bottom:10px;
	font-style:normal;
	font-weight:bold;
} 

table.master {
	width:100%;
	height:100%;
}

	td.top {
		height:150px;
		vertical-align:bottom;
		background-image:url("../files/designimages/topbg.jpg");
		background-repeat:repeat;
		background-position:top left;
		text-align:center;
	}
	
		td.top img {
			margin-bottom:3px;
		}
		
		td.top div.master div.languageSelector {
			position:absolute;
			right:0px;
			bottom:8px;
		}
		
		div.languageSelector a, div.languageSelector a:visited {
			text-decoration:none;
		}
	
	td.master {
		text-align:center;
		background-image:url("../files/designimages/mainbg.jpg");
		background-repeat:repeat;
		background-position:top left;
	}
	
	td.bottom {
		height:30px;
		vertical-align:middle;
		background-image:url("../files/designimages/studios-bottom.jpg");
		background-repeat:repeat-x;
		background-position:top left;
		color:#FFFFFF;
		font-family:Verdana,Arial;
		font-size:10px;
		padding-top:5px;
		text-align:center;
	}
	
	div.master {
		width:1015px;
		margin-left:auto;
		margin-right:auto;
		text-align:left;
		position:relative;
	}
	
		div.rightColumn {
			width:815px;
			float:right;
			overflow:hidden;
		}
		
			div.contentHead {
				margin-top:10px;
				color:#676767;
				font-size:12px;
				text-transform:uppercase;
				font-family:Verdana, Arial;
				border-bottom:1px solid #cccccc;
				line-height:28px;
			}
			
				div.contentHead a, div.contentHead a:visited {
					text-decoration:none;
					color:#676767;
					font-family:verdana,arial;
					text-transform:uppercase;
					line-height:28px;
				}
				
				div.contentMainHolder {
					margin-top:10px;
					overflow:hidden !important; 
				}
				
					div.contentMain {
						width:540px;
						float:left;
						border-right:1px solid #CCCCCC;
						height: auto !important; /* for modern browsers */
						height: 300px; /* for IE5.x and IE6 */
						min-height: 300px; /* for modern browsers */
						padding:0px 0px 9999px 0px;
						margin:0px 0px -9999px 0px !important;
					}
					
					div.contentMainForside h1.headline {
						margin-top:0px;
					}
					
						div.contentLayer {
							margin-left:13px;
							width:510px;
						}
						
						div.contentLayer p.bodyspan {
							line-height:15px;
						}
						
						div.contentLayer img.contentImage {
							border:1px solid #d2d2d2;
						}
			
					div.contentRight {
						width:262px;
						float:right;
						
						padding:0px 0px 9999px 0px;
						margin:0px 0px -9999px 0px !important;
						padding-top:0px;
					}
					
						div.contentRight .abstract {
							font-weight:normal;
						}
						
						div.contentRight .headline {
							margin-bottom:7px;
						}
					
						div.contentRight img.contentImage {
							border:1px solid #d2d2d2;
							margin-bottom:7px;
						}
						
						div.contentRightForside {
							padding-top:38px;
						}
						
						div.contentRightForside img.contentImage {
							border:0px;
						}
		
		div.leftColumn {
			width:200px;
			float:left;
			overflow:hidden;
		}
		
			div.menuHolder {
				margin-top:10px;
				width:188px;
				overflow:hidden;
			}

ul {
	padding:0px;
			margin:0px;
			border:0px;
			list-style:none;
	
}
			
li {
	list-style:none;
	margin-top:2px;
	background-position:-3px 2px;
	background-repeat:no-repeat;
	background-image: url('../files/designimages/dot.gif');
	padding-left:7px;
	

}			

div.greyBox {
	background-color:#dedede;
	padding:10px;
	padding-left:12px;
	margin-top:10px;
	
}

	div.greyBox div.content {
		color:#676767;
	}

/* -> Site Specific */

/* last in CSS-file <- */
img {
	border:0px;
}

img.contentImage {

}

div.hiddenLogin {
	z-index:10;
}

div.blockSpace {
	width:100%;
	height:1px;
	overflow:hidden;
	clear:both;
}

table.katjContentTable {
	width:auto;
}

/* -> last in CSS-file */
