@charset "utf-8";
/* CSS Document */

/* GENERAL */

#carambola h2,
#carambola #side h3,
#carambola p.highlight,
p.highlight a,
p.small,
a:hover,
input#search {
color: rgb(176,208,34);
}
#carambola a.ext {
background: url(../media/ext_protzt.gif) 0 5px no-repeat;
}

#carambola #content {
width: 525px;
height: auto;
font-size: small;
position: absolute;
top: 210px;
left: 0;
}

/* MAIN MENU */

#carambola #menu {
background: url(../media/bg_protzt.jpg) right 105px no-repeat;
}
#carambola h1 {
background: url(../media/h1_protzt.gif) 0 0 no-repeat;
}
#carambola #current {
width: 205px;
height: 100px;
background: url(../media/btn_n_current.gif) 0 0 no-repeat;
}

/* GALLERY */

#main_preview {
position: absolute;
top: 105px;
}
#carambola #content img {
display: block;
float: left;
margin: 0 5px 5px 0;
}
	.greenbox {
	width: 100px;
	height: 100px;
	background: url('../media/btn_blank_green.gif') 0 0 no-repeat;
	float: left;
	margin: 0 5px 5px 0;
	}
		#thumbs {
		height: auto;
		min-height: 310px;
		position: absolute;
		top: 105px;
		right: 0px;
		}
			.meta-project #thumbs {
			height: auto;
			min-height: 310px;
			position: absolute;
			top: 0px;
			right: 0px;
			}
			.meta-project #thumbs2 {
			height: auto;
			min-height: 310px;
			position: absolute;
			top: 105px;
			right: 0px;
			}
			.meta-project #thumbs3 {
			height: auto;
			min-height: 310px;
			position: absolute;
			top: 210px;
			right: 0px;
			}
	#preview {
		width: 310px;
		height: 205px;
		position: absolute;
		top: 210px;
		right: 5px;
		}
		.meta-project #preview {
			width: 310px;
			height: 205px;
			position: absolute;
			top: 315px;
			right: 5px;
			}
			.farr {
			background: url('../media/pro/farr_1xl.jpg') 0 0 no-repeat;
			}
			.fprt {
			background: url('../media/pro/fprt_1xl.png') 0 0 no-repeat;
			}
			.wospar {
			background: url('../media/pro/wospar_1xl.gif') 0 0 no-repeat;
			}
			.he {
			background: url('../media/pro/he_1xl.jpg') 0 0 no-repeat;
			}
			.ff {
			background: url('../media/pro/ff_1xl.jpg') 0 0 no-repeat;
			}
			.giwo {
			background: url('../media/pro/giwo_1xl.jpg') 0 0 no-repeat;
			}
			.mg {
			background: url('../media/pro/mg_1xl.gif') 0 0 no-repeat;
			}
			.pco {
			background: url('../media/pro/pco_1xl.jpg') 0 0 no-repeat;
			}
			.tomik {
			background: url('../media/pro/tomik_1xl.gif') 0 0 no-repeat;
			}
			.fmorf {
			background: url('../media/pro/fmorf_1xl.jpg') 0 0 no-repeat;
			}
			.flfl {
			background: url('../media/pro/flfl_1xl.jpg') 0 0 no-repeat;
			}
			.olah {
			background: url('../media/pro/olah_1xl.jpg') 0 0 no-repeat;
			}
			.wg {
			background: url('../media/pro/wg_1xl.jpg') 0 0 no-repeat;
			}
		#description {
		width: 155px;
		position: absolute;
		top: 105px;
		left: 0px;
		}
			#description p {
			font-size: x-small;
			}
			#description cite {
			font-weight: bold;
			}
			#description ul {
			padding: 5px 0 15px 0;
			font-size: x-small;
			list-style: none;
			}
			#carambola #description a.ext {
			background: url(../media/ext_protzt.gif) 0 3px no-repeat;
			}
		p.small {
		font-size: xx-small;
		width: 520px;
		}

/* SIDE CONTENT */

#anfrage {
width: 130px;
height: 124px;				/* VERRUTSCHT !?!? */
}
#back {
position: relative;
left: -420px;
}

/* BOTTOM CONTENT */

#carambola address#subline {
background: url(../media/pin_green.gif) 770px bottom no-repeat;
position: absolute;
left: 0;
top: 630px;
margin: 0px 0 15px 0;
padding: 5px 0 15px 0;
}
	#carambola address#meta-subline {
	clear: left;
	width: 940px;
	border-top: 1px solid rgb(204,204,204);
	text-align: center;
	font-size: x-small;
	line-height: 1.1em;
	background: url(../media/pin_green.gif) 770px bottom no-repeat;
	position: absolute;
	left: 0;
	top: 735px;
	margin: 0px 0 15px 0;
	padding: 5px 0 15px 0;
	}
		#carambola address#subline.proj {
		width: 940px;
		position: absolute;
		top: 630px;
		left: 0px;
		border-top: 1px solid rgb(204,204,204);
		background: none;
		margin: 0;
		}
#carambola #search {
color: rgb(202,10,29);
}