/* CSS by Thomas Karolzyk / thomas@karolzyk.com */

/*******************************************************/
/* GENERAL */
/*******************************************************/

body {
	background-color: #fff;
	margin: 0;
	color:#444444;
	font-size: 12px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}

p {
	margin: 0 0 1em 0;
}

/*******************************************************/
/* LINKS */
/*******************************************************/

a {
	color: #005292;
	text-decoration: underline;
}
a:hover {
	color: #f00;
	text-decoration: none;
}
a img, img a { 
	border:0 
}


/*******************************************************/
/* LAYOUT */
/*******************************************************/

#main { 
	position: relative;
	width: 820px;
	margin: 0 auto;
} 

#logo { 
	position: absolute;
	top: 50px;
	left: 0px;
	z-index:10;
} 

#header { 
	height: 562px;
	position: relative;
/*	background-image: url(img/header.jpg);*/
} 

#container-references {
	margin: 42px 0;
}

.reference {
	float:left;
	width: 190px;
	height:172px;
	margin: 0 20px 20px 0;
}

.fourth {
	margin-right: 0 !important;
}


.ausbildung {
	float:left;
	width: 400px;
	height:172px;
	margin: 0 0 20px 0;
}


#footer { 
	position: relative;
	margin: 115px 0 50px 0;
} 

#kontakt-big {
	width: 285px;
	height:330px;
	position: absolute;
	bottom:-120px;
	left:50px;
	display: none;
}

/*******************************************************/
/* FORMS */
/*******************************************************/

input,textarea, select {
	font-size: 10px;
}



/*******************************************************/
/* HEADER */
/*******************************************************/

h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	font-size: 100%;
}

h1{
	font-size:18px;
	font-weight:normal;
	color:#000;
	padding: 0 0;
	margin: 27px 0 25px 0;
}


h2 {
	font-weight:bold;
	color:#000;
}



/*******************************************************/
/* NAVIGATION */
/*******************************************************/






/*******************************************************/
/* HELPER */
/*******************************************************/

.clear {
	clear: both;
}

.out {
	position: absolute;
	top: -999px;
	left: -999px;
}


/*******************************************************/
/* STUFF */
/*******************************************************/

/***** RH ******/
/* NIVO SLIDER */
/**************/


#slider {
    position:relative;
    width:820px; /* Change this to your images width */
    height:562px; /* Change this to your images height */
    background:url(../img/loading.gif) no-repeat 50% 50%;
	/*-moz-box-shadow:0px 0px 10px #333;
    -webkit-box-shadow:0px 0px 10px #333;
    box-shadow:0px 0px 10px #333;*/
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}

.nivo-controlNav {
	position:absolute;
	right:0px;
	bottom:-22px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../img/bullets_dark.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-left:2px;
	float:left;
}
.nivo-controlNav a.active {
	 background-position:0px -22px;
}

.nivo-directionNav a {
	display:block;
	top:0px;
	width:40px;
	height:300px;
/*	background:url(../images/arrows.png) no-repeat;*/
	text-indent:-9999px;
	border:0;
}
.nivo-directionNav a:hover {
	
}

.nivo-caption {
	text-align:center;
    text-shadow:none;
	font-size:11px;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#FFCC00;
    text-decoration:none;
}

.nivo-caption a:hover {
	color:#FFe600 !important;
	text-decoration:none;
}