@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;
}

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;
}

div.elementBox {
	margin-right:0px;
}

/* -> CMS Specific */


/* <- Site Specific */

a:link, a:visited {
	text-decoration:none;	
}

.headline {
	font-size:12px;
	font-weight:bold;
	color:#000000;
	margin:0px;
	padding:0px;
	/*text-transform:uppercase;*/
}

h1.headline {
	font-size:12px;
}

div.master {
	width:100%;
	text-align:center;
}

	div.innerMaster {
		width:990px;
		margin-left:auto;
		margin-right:auto;
		text-align:left;
		margin-top:20px;
	}
	
	div.topHolder {
		clear:both;
		position:relative;
		height:70px;
	}
	
	div.menuHolder {
		position:absolute;
		top:0px;
		right:0px;
	}
	
	div.menuHolder2 {
		position:absolute;
		width:200px;
		top:15px;
		left:0px;
	}
	
div.mainHolder {
	width:990px;
	overflow:hidden !important;
	clear:both;
}

	div.fadingImagesHolderForside img {
		height:550px;
		width:590px;
	}

	div.blockHeader {
		clear:both;
		/*background-color:#000000;*/
		border-bottom:4px solid #000000;
		margin-bottom:14px;
		padding-left:0px;
		padding-bottom:4px;
		color:#000000;
	}
	
	div.blockHeaderProjects {
		clear:both;
		/*background-color:#000000;*/
		border-top:1px solid #000000;
		border-bottom:0px ;
		margin-bottom:4px;
		padding-left:0px;
		padding-bottom:4px;
		padding-top:4px;
		color:#000000;
	}
	
			
	
	div.blockHeaderProjectsFirst {
		clear:both;
		/*background-color:#000000;*/
		border-top:4px solid #000000;
		border-bottom:0px ;
		margin-bottom:4px;
		padding-left:0px;
		padding-bottom:4px;
		padding-top:4px;
		color:#000000;
	}
	
	div.blockHeaderProjectsText {
		border-top:0px solid #000000;
		border-bottom:0px ;
	}
	
		div.blockHeaderContent {
			clear:both;
		}
		
			div.blockHeaderContent .headline {
				text-transform:uppercase;
				color:#000000;
				font-size:14px;
				font-weight:bold;
				margin-top:20px;
			}
			
			div.blockHeaderContent a, div.blockHeaderContent a:visited {
				/*text-transform:uppercase;*/
				text-decoration:none;	
				color:#000000;
				line-height:16px;
				font-size:14px;
				font-weight:bold;
			}
			
			div.blockHeaderContent a:hover, div.blockHeaderContent a:visited:hover {
				color:#CCCCCC;
			}

	div.main660 {
		width:639px; 
		float:left;
		border-right:1px solid #000000;
		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.main660 div.contentBox {
			width:650px;
		}
		
	div.main560 {
		width:559px; 
		float:left;
		border-right:1px solid #000000;
		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 100px !important;
	}
	
	div.main590 {
		width:589px; 
		float:left;
		border-right:1px solid #000000;
		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 100px !important;
	}
	
		
	
	div.main330 {
		width:320px; 
		float:left;
		padding:0px 0px 9999px 0px;
		margin:0px 0px -9999px 0px !important;
	}
	
		div.main330front {
			float:right;
		}
	
		div.main330 div.contentBox {
			width:300px;
			margin-left:0px;
		}
		
	div.main70 {
		width:70px; 
		float:left;
		padding:0px 0px 9999px 0px;
		margin:0px 0px -9999px 0px !important;
		border-right:1px solid #000000;
	}
	
		div.main70 img.contentImage {
			width:50px;
		}
	
		div.main100 div.contentBox {
			float:right;
		
		}
	
	div.noMargin {
		margin:0px 0px -9999px 0px !important;
	}
	
			div.blockHeaderProjects div.blockHeaderContent {
				float:right;
				text-transform:capitalize;
			}
	
div.bottomHolder {
	width:990px;
	position:relative;
	clear:both;
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #000000;
	overflow:hidden !important;
}

	div.bottomBox {
		width:310px;
		/*float:left;*/
		border-top:1px solid #000000;
		margin-left:10px;
		clear:both;
	}
	
		div.bottomBox0 {
			border:0px;
		}
	
		div.bottomBox1 div.contentBox {
			width:300px;
			margin-top:10px;
		}
		
		div.bottomBox2 div.contentBox {
			width:300px;
			margin-top:10px;
			
		}
		
		div.bottomBox3 div.contentBox {
			width:300px;
			margin-top:10px;
		
		}

div.dynamicImageSelector {
	width:50px;
	
}
	
	div.dynamicImageSelectorEnd {
		margin-top:8px;
		margin-bottom:8px;
	}
					
	div.dynamicImageRight {
		display:block;
		text-align:left;
	}
	
		div.dynamicImageRight img.contentImage {
			width:540px;
		}
	
	img.dynamicImageHidden {
		display:none;
	}
	
	div.dynamicImageSelector img.contentImage, div.projectsDynamicImages img.contentImage {
		margin-right:5px;
		margin-bottom:5px;
		border:1px solid #000000;
	}
	
	div.projectsDynamicImages img.contentImage { 
		height:50px;
	}
	
	div.dynamicImageSelector img.dynamicIconOver {
		
		cursor:pointer;
		height:auto;
	}
	
	div.dynamicImageSelector img.dynamicIconChosen {
		
		cursor:pointer;
	}
	
	div.dynamicImageSelector td.katjContentTableCell0 {
		color:#616161;
	}
	
	div.dynamicImageSelector img.dynamicIcon {
		cursor:pointer;
		clear:both;
	}
	
	div.dynamicImageSelectorProject img.dynamicIcon {
		width:50px;
		height:auto;
		-moz-opacity:0.50;
		filter: alpha(opacity=50);
		opacity: 0.50;
	}


div.noborder {
	border:0px;
}

/* -> 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 */