@import "default.css";

@import "../katj/css/cms-navigation.css";
@import "crossbrowserfix.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;
}

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;
	background-image:url("../files/designimages/kreation-bg.png");
	background-repeat:repeat-x;
	background-position:top left;
	background-color:#646464;
}

body.katjeditorbody, .editorDialogue {
	background-color:#FFFFFF;	
	background-image:none;
}

body.print {
	text-align:left;
}

div.columnHolder {
	float:left;	
}

div.pageletBox {
	position:static;
}

.addContentBtn {
	margin-left:15px;
	margin-top:10px;
}

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

/* -> CMS Specific */


/* <- Site Specific */

a:link, a:visited {
	text-decoration:none;
	color:#929292;
	color:#df007a;
}

.headline {
	font-family:Times New Roman;
	font-size:20px;
	color:#df007a;
	font-weight:normal;
	padding:0px;
	margin:0px;
}

h1.headline {
	font-size:27px;
	color:#000000;
}

p.abstract, .abstract {
	color:#929292;
	font-size:14px;
	line-height:17px;
	font-family:Verdana,Arial;
	font-weight:bold;
}

table.master {
	width:100%;
	height:100%;
	
}

	td.kreationTop {
		height:45px;
		background-image:url("../files/designimages/kreation-top.jpg");
		background-repeat:repeat-x;
		background-position:bottom left;
		text-align:center;
		background-color:#FFFFFF;
	}
	
	td.master {
		background-repeat:no-repeat;
		background-position:bottom left;
		text-align:center;
	}
	
		div.master {
			min-height:850px;
		}


div.innerHolder {
	position:relative;
	width:965px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

div.topLogo {
	width:150px;
	float:left;
	margin-top:7px;

}

div.topMenu {
	width:600px;
	float:right;
	text-align:right;
	margin-top:2px;
}

div.pageContent-top {
	margin-top:10px;
}

div.pageContent {
	background-color:#020305;
	min-height:580px;
	height:580px !important;
}

	div.lowContentTop {
		min-height:460px;
		height:460px !important;
	}

	div.topContent {
		width:965px;
		min-height:425px;
		height:425px !important;
		background-color:#FFFFFF;
	}

	div.topLeftContent {
		width:619px;
		height:425px;
		float:left;
		overflow:hidden;
		background-color:#FFFFFF;
		position:relative;
	
	}
	
		div.topLeftContent div.topContentHolder {
			width:523px;
			margin-left:48px;
			margin-top:60px;

		}
		
			div.topLeftContent div.topContentHolder h1.headline {
				margin-bottom:30px;
				font-size:27px;
			}
			
			div.topLeftContent div.topContentHolder p.abstract {
				margin-bottom:12px;
			}
			
			div.topLeftContent div.topContentHolder p {
				line-height:13px;
			}
			
			div.fadingImagesHolder {
				position:absolute;
				top:0px;
				left:0px;
				width:619px;
				height:425px;	
			}
			
			div.topLeftContent div.kreationContactBox {
				margin-left:48px;
				margin-top:60px;
				margin-bottom:30px;
			}
			
			
	
	div.topRightContent {
		width:345px;
		height:425px;
		float:right;
		overflow:hidden;
		background-color:#FFFFFF;
		border-top:1px solid #df007a;
		border-bottom:1px solid #df007a;
		border-left:1px solid #d3d4cf;
	}
	
		div.topRightContent div.topContentHolder {
			width:270px;
			margin-top:60px;
			margin-left:38px;
		}
		
		div.kreationContactBox {
			width:270px;
			margin-left:38px;
			margin-top:60px;
		}
		
			.katjcontactForm, .kreationKontaktForm {
				width:270px;
				background-color:#d2d2d2;
				border:1px solid #AAAAAA;
				margin-bottom:6px;
			}
			
			.kreationInterest {
				width:270px;
				background-color:#d2d2d2;
				border:1px solid #AAAAAA;
			}
			
			.kreationContactSubmit, .katjContactSubmit {
				border:0px;
				float:right;
			}
		
		div.topRightContentFrontpage div.topContentHolder {
			width:270px;
			margin-left:38px;
		}
		
		div.logoHolder {
			margin-top:10px;
		}
		
		div.caseLogo {
			float:left;
			margin-left:12px;
			margin-right:12px;
			height:50px;
			line-height:50px;
		}
		
		div.topRightContent div.topContentHolder .headline {
			margin-bottom:30px;
			font-size:27px;
		}
		
		div.topRightContentFrontpage .headline {
			margin-bottom:23px;
			font-size:27px;
			/*margin-top:60px;*/
		}
		
		div.topRightContent div.topContentHolder  .abstract {
			margin-bottom:12px;
		}
		
		div.topRightContent div.scrollHolder {
			position:relative;
			margin-left:38px;
			width:270px;
			height:115px;
			overflow:hidden;
			clear:both;
		}
		
			div.topRightContent div.scrollHolder div.content {
				height:180px;
				overflow:hidden;
			}
			
			div.scrollHolder div#wn { 
				position:relative;
				width:270px;
				height:101px;
				overflow:hidden;
			}
			
			div.scrollHolder div#wn table {
				border-collape:collapse;
				height:101px;
				width:auto;
			}
			
			div.topRightContent div.scrollHolder div.content td {
				padding-right:8px;
				height:101px;
			}
			
			div.topRightContentFrontpage div.scrollingCases {
				margin-top:20px;
			}
			
			div.topRightContentFrontpage div.frontpageMWR {
				margin:0px;
				margin-left:38px;
				margin-top:10px;
				padding:0px;
			}
		
		div.scrollLinks {
			position:absolute;
		}
		
			div.scrollLinks img.backBtn {
				position:absolute;
				left:15px;
			}
			
			div.scrollLinks img.forwardBtn {
				position:absolute;
				left:310px;
			}
	
	div.bottomLeftContent {
		width:619px;
		height:150px;
		float:left;
		
		overflow:hidden;
	}
	
	div.bottomRightContent {
		width:345px;
		height:150px;
		float:right;
		overflow:hidden;
		background-image:url("../files/designimages/rightbottom-bg.png");
		background-repeat:repeat-x;
		background-position: top left;
		/*border-bottom:1px solid #df007a;*/
		border-left:1px solid #424345;
		color:#FFFFFF;
	}
	
		div.lowContent {
			height:30px;
		}
	
		div.bottomRightContent td {
			color:#b4b5ac;
			vertical-align:bottom;
			padding-left:10px;
			width:50%;
			line-height:26px;
		}
		
		div.bottomRightContent td a, div.bottomRightContent td a:visited {
			color:#b4b5ac;
			line-height:26px;
		}
	
		div.bottomRightContent .headline {
			margin-bottom:10px;
			font-weight:normal;
		}
	
		div.bottomRightContent .abstract {
			font-size:10px;
			font-weight:bold;
			margin-bottom:5px;
		}
		
		div.bottomRightContentHolder {
			width:270px;
			margin-left:30px;
			margin-top:30px;
			
			color:#b4b5ac;
		}
		
			div.bottomRightContentHolder .headline {
				font-family:Times New Roman;
				font-size:20px;
				color:#df007a;
				font-weight:normal;
				padding:0px;
				margin:0px;
			}
	
	div.bottomSubMenu {
		height:50px;
		clear:both;
		position:relative;
	}
	
	div.bottomPageContent {
		height:193px;
		background-image:url("../files/designimages/bottom-bg.png");
		background-repeat:repeat-x;
		background-position: top left;
		clear:both;
		overflow:hidden;
	}
	
	div.bottomPageContentHolder {
		padding-left:15px;
		padding-top:13px;
		width:920px;
		height:190px;
		
	}
	
/*menu 3 scroller */	
	
	div.menu3Holder {
		width:940px;
		height:180px;
		position:absolute;
		left:0px;
	}
	
	div.menu3Holder div.scrollHolder {
			position:absolute;
			width:910px;
			height:190px;
			overflow:hidden;
			clear:both;	
			top:0px;
			left:0px;
			margin:0px;
			margin-left:30px;
			
		}
		
			div.menu3Holder div.scrollHolder div#wn { 
				position:relative;
				width:910px;
				height:190px;
				overflow:hidden;
			}
		
			div.menu3Holder div.scrollHolder table {
				border-collape:collapse;
				height:180px;
				width:auto;
			}
		
			div.menu3Holder div.scrollHolder div.content td {
				padding-right:10px;
				text-align:left;
				height:180px;
			}
		
		div.menu3Holder div.scrollLinks {
			position:absolute;
			top:30px;
		}
		
			div.menu3Holder div.scrollLinks img.backBtn {
				position:absolute;
				left:10px;
			}
			
			div.menu3Holder div.scrollLinks img.forwardBtn {
				position:absolute;
				left:945px;
			}
	

span.bottomAddress {
	color:#878787;
}

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

ul {
	padding:0px;
	margin:0px;
	border:0px;
	list-style:none;
		}

li {
	margin-top:0px;
	background-position:-3px 1px;
	background-repeat:no-repeat;
	background-image: url('/files/designimages/dot.png');
	padding-left:9px;
}


/* styles <- */

.magenta20, span.magenta20 {
	font-family:Times New Roman;
	font-size:20px;
	color:#d30076;
	font-weight:normal;
	padding:0px;
	margin:0px;
	border:0px;
	
}

.quote, span.quote {
	font-family:Times New Roman;
	font-size:30px;
	color:#000000;
	font-weight:normal;
	padding:0px;
	margin:0px;
}

/* styles -> */

/* -> last in CSS-file */