/*************/
/* Allgemein */
/*************/
* {font-family:Verdana, Geneva, sans-serif;}

/* Wenn der Scrollbalken nicht immer angezeigt werden soll, nachfolgende Zeile bitte auskommentieren */
html {overflow: -moz-scrollbars-vertical;}

a {text-decoration:none;}

img {border:none;}

h1 {font-size:14px;font-weight:bold; margin:0px 0px 10px 0px;}
h2 {font-size:12px;font-weight:bold; margin:0px;}
h3 {font-size:12px;font-weight:bold;}

p {margin:0px;}

li {margin:0px; padding:0px 0px 10px 15px; list-style:none; background-image:url(system_images/li.gif); background-repeat:no-repeat; background-position:0px 10px;}

ul {margin:0px; padding:0px;}

body {margin:0px; background-color:#EAECF0;}

/**********/
/* Aufbau */
/**********/
.background {
	background-color:#FFF;
}

.centerbox {
	width:900px;
	margin:0px auto;
}

.navi {
	float:left;
	height:24px;
	width:600px;
	padding:185px 0px 0px 0px;
}

.logo {
	float:left;
	height:209px;
	width:290px;
}

.content {
	clear:both;
	color:#666666;
	font-size:12px;
}

.content a {
	color:#0099CC;
}

.content a:hover {
	color:#333;
}

.clear {
	clear:both;
	height:1px;
	line-height:1px;
	font-size:1px;
}

.referenzen {
	padding:15px 0px 0px 453px;
}

/********/
/* Navi */
/********/
.menu1 {
	display:block;
	float:left;
	color:#999999;
	font-size:12px;
	margin:0px 5px 0px 0px;
	padding:0px 5px 0px 0px;
	border-right:1px solid #999999;
	line-height:10px;
}

.menu1:hover, .menu1Down {
	color:#000;
}

.menu1Last {
	margin:0px;
	padding:0px;
	border:none;
}

/*************/
/* Templates */
/*************/
/* Dummy */
.dummy {
	height:405px;
	margin:0px 0px 50px 0px;
}

/* Referenz */
.referenz_container {
	margin:0px 0px 49px 0px;
}

.referenz_space {
	height:90px;
}

.referenz_img {
	float:left;
	width:453px;
	height:405px;
}

.referenz_text {
	width:437px;
	float:left;
	height:280px;
	margin:90px 0px 0px 0px;
}

.referenz_text .height {
	height:260px;
}

.referenz_link {
	width:100px;
	float:left;
	text-align:right;
	height:20px;
	line-height:20px;
}

.referenz_pagelinks {
	width:337px;
	float:left;
	font-weight:bold;
	padding:1px 0px 0px 0px;
	height:19px;
	line-height:19px;
}

.referenz_pagelinks a {
	padding:0px 4px 0px 0px;
}

/* Text klein */
.text_small {
	width:453px;
	float:left;
	background-color:#B2E0F0;
	height:230px;
	margin:90px 0px 0px 0px;
}

.img_small {
	width:437px;
	float:left;
	height:230px;
	margin:90px 0px 135px 0px;
	background-color:#B2E0F0;
}

/* Text gross */
.text_big {
	width:717px;
	float:left;
	background-color:#B2E0F0;
	height:230px;
	margin:90px 0px 0px 0px;
}

.img_big {
	width:173px;
	float:left;
	height:230px;
	margin:90px 0px 135px 0px;
	background-color:#B2E0F0;
}

/* impressum */
.impressum {
	background-color:#B2E0F0;
	margin:90px 0px 100px 0px;
}

/* Allgemein */
.padding {
	padding:25px 15px 20px 50px;
}

/**************/
/* Referenzen */
/**************/
.ref {
	float:left;
	margin:0px 16px 16px 0px;
	position:relative;
}

.refHover {
	background-image:url(system_images/raster.png);
	width:135px;
	height:66px;
	position:absolute;
	top:0;
	left:0;
	display:none;
	cursor:pointer;
}

.refHover:hover {
	display:block;
}

.refBreak {
	margin:0px 0px 16px 0px;
}

.refSmall {
	float:left;
	margin:0px 8px 8px 0px;
}

.refSmallBreak {
	margin:0px 0px 8px 0px;
}

.refSmallHide {
	border:1px solid #CCCCCC;
	width:58px;
	height:27px;
}

.refSmallHide img {
	display:none;
}

.refSmallHide:hover, .refSmallActive {
	border:none;
	width:60px;
	height:29px;
}

.refSmallHide:hover img, .refSmallActive img {
	display:block;
}