/*Fonts*/

@import url(http://fonts.googleapis.com/css?family=Arimo:400,700);

body {
	font-family: 'Helvetica Neue', 'Arimo', sans-serif;
	font-weight:200;
	font-size:14px;
	line-height:22px;
	}

.bodyBackground {
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	}
	
.bodyBackground img {
	min-width:100%;
	min-height:100%;
	}

.bodyContainer {
	position:relative;
	z-index:1;
	}
	

	
/*Colors Layout-Elements*/

body {
	color:#555;
	}


a {
	color:#333;
	}
	
a:hover {
	color:#9f9f9f;
	}

.topBar {	
	background:transparent;
	}
	
.pageTitle {
	color:#fff;
	text-shadow: 1px 1px #293d75;
	}
	

#toTop {
	background-color:#365099 !important;
	}


hr {
	border-color:#888;
	}

/*Reset*/

* {
	margin:0;
	padding:0;
	}

/*General*/

.topBar .gridRow {
	background:#fff;
	-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
	}

.topBar .gridHalf {
    width:240px !important;
}

.topBar .navigation {
    width:550px !important;
}

.gridRow {
	width:960px;
	margin:0 auto;
	overflow:hidden;
	}

.gridFull {
	width:960px;
	}

.gridHalf {
	width:480px;
	float:left;
	margin:0;
	}
	
.gridHalf:first-child {
	width:420px;
	padding:20px;
	padding-bottom:0;
	margin-right:10px;
	}
	
.gridHalf:last-child {
	width:450px;
	margin-left:80px;
	padding-top:20px;
	}
	
.gridHalf:first-child .noPad, .gridHalf:last-child .noPad {
	padding-bottom:0;
	}

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px; 
	right:10px; 
	overflow:hidden; 
	width:51px; 
	height:51px; 
	border:none; 
	text-indent:-999px; 
	background:url(../images/ui.totop.png) no-repeat left top; 
	}
	
#toTopHover {
	background:url(../images/ui.totop.png) no-repeat left -51px; 
	width:51px; 
	height:51px; 
	display:block; 
	overflow:hidden; 
	float:left; 
	opacity: 0; 
	-moz-opacity: 0; 
	filter:alpha(opacity=0);
	}

#toTop:active, #toTop:focus { 
	outline:none; 
	}

.navigation {
	font-weight:200;
	color:#777;

	}
	
.navigation a {
	color:#777;
	text-decoration:none;
		text-transform:uppercase;
	}
	
.navigation a:hover {
	color:#777;
	text-decoration:underline;
	}
	
.navigation a.active {
	text-decoration:underline;
	}

/*Layout*/

.topBar {
	
	position:fixed;
	top:0;
	left:0;	
	z-index:10;
	
	height:50px;
	width:100%;
	
	line-height:50px;
	vertical-align:middle;
	}
	
	
.contentContainer {
	margin-top:140px;
	}
	
.contentFooter {
	margin-bottom:40px;
	}
	
	
.contentFrame {
	
	background:transparent;
	min-height:460px;
	overflow:auto;
	}


.imageFrame {
	height:440px;
	border:10px solid #fff;
	background:transparent;
	
	-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
	
	position:fixed;
	margin-left:490px !important;
	}
	
.opacity50 {
	
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape/FireFox */
  -moz-opacity: 0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* aktuelle Browser */
  opacity: 0.5;
  
}

.opacity50png {
	background:url('../images/opacity50.png');
	}
	
/*Typography*/

/*Links*/
	
a:hover {
	text-decoration:none;
	}
	
.footer a {
	text-decoration:none;
	}

/*Dividers*/

hr 	{
	width:100%;
	margin:0 auto; 
	margin-top:30px;
	margin-bottom:30px; 
	border:0;
	border-top:1px solid #9f9f9f;
	}

/*Paragraphs*/

p {
	margin-bottom:12px; 
	margin-top:6px;
	}

/*Headings*/

h1, h2, h3, h4 {
		font-weight:100;
	}
	
h1	{
	margin-bottom:24px; 
	margin-top:12px; 
	font-size:36px;
	line-height:44px;
	}
	
h2	{
	margin-bottom:16px;
	margin-top:24px;
	font-size:24px;
	}
	
h3	{
	margin-bottom:12px;
	margin-top:18px;
	font-size:18px;
	}
	
h4	{
	margin-bottom:12px;
	margin-top:16px;
	font-size:16px;
	}
	
h5	{
	margin-bottom:10px;
	margin-top:14px;
	font-size:14px;
	}
	
h6	{
	margin-bottom:8px;
	margin-top:12px;
	font-size:12px;
	}
	

/*Lists*/

ul {
	list-style:square;
	padding-left:25px;
	margin-left:25px;
	margin-bottom:15px;
	}
	
.footer ul {
	padding-left:25px;
	}

.footer ul {
	line-height:18px;
	}
	
/*Special Font Sizes ans Styling*/
	
.small {
	font-size:12px;
	}

.pageTitle {
	font-weight:700;
	font-size:22px;
	}
	
.center {
	text-align:center;
	}
	
.bigItalic {
	font-size:18px;
	font-style:italic;
	}

/*Images*/

.imageShadow {
	-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
	margin:10px;
	margin-top:0;
	}
	
.max-img {
	width:100%;
	height:auto;
	display:block;
	margin-top:18px;
	}
	
.floatRight {
	float:Right;
	}