@charset "UTF-8";

/* CSS, ver2.1. November 26, 2008 */
/* CSS, ver3.1. Januar 5, 2009 */

@import url("arrows.css");
/*@import url("lytebox.css");*/


/* Set Body Center and Body Witdh */
/* -------------------------------------------------------- */

#centerBox {
	max-width: 1313px;
	/*margin: 20px 44px 40px 40px;*/ /* = site-align left */
	margin: 0 auto; /* = site-align centre */
}

#contentBox {
	max-width: 1300px;
	min-width: 867px;
	margin: 0 0 0 13px;
}



/* Set Typography */
/* -------------------------------------------------------- */

body {
	font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
	font-size: 13px; line-height: 18px;
	color: #000;
	background-color: #FFF;
	/*margin: 0;*/ /* = site-align left */ padding: 0;
	margin: 20px 40px 40px 40px /* = site-align centre */;
}

p {
	margin: 0 0 18px 0;
}

a {
	color: #000;
	text-decoration: none;
}

.text a:hover, .text a:focus, .textWOffset a:hover, .textWOffset a:focus {
	color: #FFF;
	background-color: #000;
	padding: 1px 4px 1px 4px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px; line-height: 36px;
	
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	text-decoration: none;
		
	margin: 0; padding: 0;
	display: inline;
}

h2 {
	font-size: 22px; line-height: 24px;
	
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	
	margin: 0; padding: 0;
	display: inline;
}

h6 {
	font-size: 11px;
	line-height: 12px;
	
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
		
	padding: 0;	margin: 0;
	display: inline;
	
	vertical-align: 2px; /* better? */
}

::-moz-selection { /* css3, firefox: only background and color attributes adjustable */
	background: /*#cdf3fe*/#cbfb77;
	color: #000;
}

::selection { /* css3, safari: only background and color attributes adjustable */
	background: /*#cdf3fe*/#cbfb77;
	color:#000;
}



/* Set Boxes  */
/* -------------------------------------------------------- */

#logoBox {
	width: 99%;
	margin: 0 0 25px 0; padding: 0;
}

#menuBox {
	width: 99%;
	margin: 0 0 0 0; padding: 0;
}

#submenuBox {
	width: 99%;
	margin: 0 0 0 0; padding: 0;
}



.regularBox {
	width: 99%;
	clear: both;
	margin: 0 0 0 0;  padding: 0;
}

			.columnFixBox {
				width: 429px;
				float: left;
				margin: 0 0 0 0; padding: 0;
			}
			
			/*.columnFreeBox {  CREATE DIFFERENT CONTAINERS OUT OF THIS STYLE! for ex. imgFreeWCaptionContainer  
				float: left;
				margin: 0 0 0 0; padding: 0;
			}*/	
			
			.clear {
				clear: both;
			}
		

.arrowBox {
	width: 299px;
	clear: both;
	margin: 0 0 0 -11px; padding: 0;
}

.columnBox { /* is a actualy a container for column33Box or column66Box */	
	clear: both;
}

			.column33Box {
				width: 33%;
				float: left;
				margin: 0 0 0 0; padding: 0;
			}
			
			.column66Box {
				width: 66%;
				float: left;
				margin: 0 0 0 0; padding: 0;
			}



/* Set Menu  */
/* -------------------------------------------------------- */

#menuBox ul {
	margin: 0; padding: 0;
	display: inline;
	float: left;
	width: 100%;
}

#menuBox li {
	margin: 0; padding: 0;
	list-style: none;
	display: inline;
}

#menuBox a { /* is equivalent to h3 */	
	font-size: 13px; line-height: 18px;
	
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 1px;
	
	margin: 0 0 0 0; padding: 5px 4px 4px 4px;
	float: left;
}

#menuBox:hover ul {
	background-image: url(img/patterns/pattern3-alpha-green2.png);
}

#menuBox:hover a {
	color: #000;
}

#menuBox a:hover, #menuBox a:focus {
	color: #FFF;
	background-color: #000;
}

#menuBox a.right {
	/*margin: 0 0 0 4px;*/
	float: right;
	display: none;
}

#menuBox:hover a.right {
	/*margin: 0 0 0 4px;*/
	float: right;
	display: block;
}



/* Set Bars */
/* -------------------------------------------------------- */

.menuBarAbove {
	background-image: url(img/bars/bar5.png);
	/*background-image: url(img/bars/bar3b-3px.png);*/
	background-repeat: repeat-x;
	background-position: 0 50%;
	height: 1px;
	border: none;
	margin: 0 0 4px 0;
}

.menuBarBelow {
	background-image: url(img/bars/bar5.png);
	background-repeat: repeat-x;
	background-position: 0 50%;
	height: 1px;
	border: none;
	margin: 4px 0 9px 0; /* +4px from #menu ul = 18px */
}

.projectBar { /* ok */
	background-image: url(img/bars/bar5alt.png);
	background-repeat: repeat-x;
	background-position: 0 50%;
	height: 1px;
	border: none;
	margin: 4px 0 5px 0; /* +4px +4px from .projectOverview = 18px */
}

.projectBarBelowArrow { /* ok */
	background-image: url(img/bars/bar5alt.png);
	background-repeat: repeat-x;
	background-position: 0 50%;
	height: 1px;
	border: none;
	margin: 14px 0 5px 0;
}

.projectBarAboveArrow { /* ok */
	background-image: url(img/bars/bar5alt.png);
	background-repeat: repeat-x;
	background-position: 0 50%;
	height: 1px;
	border: none;
	margin: 4px 0 26px 0;
}

.barAboveArrow { /* ok */
	background-image: url(img/bars/bar5alt.png);
	background-repeat: repeat-x;
	background-position: 0 50%;
	height: 1px;
	border: none;
	margin: 8px 0 26px 0;
}


.bar18px { /* ok */
	background-image: url(img/bars/bar5alt.png);
	background-repeat: repeat-x;
	background-position: 0 50%;
	height: 1px;
	border: none;
	margin: 8px 0 9px 0; /* = 18px */
}

.bar12px { /* ok */
	background-image: url(img/bars/bar3.png);
	background-repeat: repeat-x;
	background-position: 0 50%;
	height: 1px;
	border: none;
	margin: 5px 4px 6px 4px; /* = 12px */
}



/* Set Containers  */
/* -------------------------------------------------------- */

/* ProjectOverview */

.projectOverviewContainer a {
	margin: 0; padding: 4px 4px 4px 4px;
	display: block;
}
	
.projectOverviewContainer a:hover, .projectOverviewContainer a:focus {
	color: #000;
	background-image: url(img/patterns/pattern3-alpha.png);
}

.projectOverviewNoLinkContainer {
	margin: 0; padding: 4px 4px 4px 4px;
	display: block;
}

/* imgFreeWCaptionContainer */

.imgFreeWCaptionContainer {  
	float: left;
	margin: -1px 0 0 0; padding: 0px 4px 9px 4px;
}



/* Set Content  */
/* -------------------------------------------------------- */

.text {
	margin: 0 0 0 0; padding: 0 4px 0 4px;
	/*background-color: yellow;*/
}

.textWOffset {
	margin: 0 0 0 0; padding: 0 4px 9px 4px;
}

.title {
	margin: 0 0 0 0; padding: 18px 4px 0 4px;
}



/* Set Images */
/* -------------------------------------------------------- */

.imgFreeWCaptionContainer img, .imgFreeWCaptionContainer object {  
	margin: 0 0 0 0; 12 /* delete 4px bottom for img without text */
}




/* Set Note */
/* -------------------------------------------------------- */


/* Set Container */

#noteContainer {
	width: 329px;
	position: fixed;
	margin: 0;
	padding: 0;
	z-index: 10;
	
	font-family: Courier, "Courier New", monospace;
	font-size: 11px;
	line-height: 14px;
}

#noteContainer a {
	color: blue;
}

#noteContainer a:hover, #noteContainer a:focus {
	color: blue;
	text-decoration: underline;
}


/* Set Handle and Top  */

#noteTopContainer {
	height: 21px;
	background-image: url(img/note/top_and_handle.png);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0 14px 0 14px;
	display: block;
}

#noteHandleDrag {
	position: absolute;
	top: 9px;
	height: 11px;
	width: 301px;
	margin: 0;
	padding: 0;
}

#noteHandleDrag a {
	cursor: pointer;
}

#noteClose {
	position: absolute;
	top: 3px;
	left: 5px;
	margin: 0;
	padding: 0;
	line-height: 0px;
}

#noteHandleText {
	position: absolute;
	left: 27px;
	width: 274px;
	background-image: url(img/note/handle_min.png);
	margin: 0;
	padding: 0;
	font-family: Courier, "Courier New", monospace;
	font-size: 11px;
	line-height: 10px;
	cursor: default;
	display: none;
}


/* Set Content */

#noteContentContainer {
	background-image: url(img/note/content.png);
	background-position: bottom;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0 22px 0 22px;
}

#noteContent {
	margin: 0;
}

#noteContent p {
	margin: 0;
	padding: 0 1px 0px 1px;
}

#noteContent p.offset {
	margin: 0;
	padding: 0 1px 6px 1px;
}


/* Set Bottom */

#noteBottom {
	height: 20px;
	background-image: url(img/note/bottom.png);
	background-repeat: no-repeat;
}


/* Set Formular */

form  {
	margin: 0;
	padding: 0;
}

#noteContainer textarea.note  {
	color: #333;
	background-color: #fef49c;
	background-image: url(img/note/input_background.png);
	background-position: 1px -1px;
	background-repeat: no-repeat;
	border: none;
	
	font-family: Courier, "Courier New", monospace;
	font-size: 11px;
	line-height: 14px;
	
	width: 284px;
	max-width: 284px;
	min-height: 9em;
	max-height: 9em;
}

#noteContainer input.note {
	color: #333;
	background-color: #fef49c;
	background-image: url(img/note/input_background.png);
	background-position: 1px -1px;
	background-repeat: no-repeat;
	border: none;
	
	font-family: Courier, "Courier New", monospace;
	font-size: 11px;
	line-height: 14px;
}

#noteContainer input.noteCaptcha {
	color: green;
	background-color: #fef49c;
	background-image: url(img/note/captcha_background.png);
	background-position: 1px 5px;
	background-repeat: no-repeat;
	border: none;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
}