/*
-----------------------------------------------
		Lichtsignale
	ein Lichtsignale.de Design
----------------------------------------------- */


/*		B A S I C   S E T U P
----------------------------------------------- */


* {
		margin: 0;
		padding: 0;
}

:focus, a {
		-moz-outline-style: none;
		outline: none;
}


img {
		border: none;
}

body {
		color: #000;
		background: #fff;
		font: 12px/16px HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#hidden {
		display: none;
}


/*		L I N K S
----------------------------------------------- */

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

a:hover, a:active {
		color: #000;
}

a:link strong, a:visited strong {
		display: none;
}

a:hover strong, a:active strong {
		display: inline;
}

a:link em, a:visited em {
		display: none;
}

a:hover em, a:active em {
		display: inline;
}


/*		T I L E S
----------------------------------------------- */

#lichtsignale {
		display: block;
		position: absolute;
		left: 320px;
		top: 160px;
		width: 210px;
		height: 130px;
		padding: 13px 15px 17px 15px;
		background: #fff;
}

#lichtsignale a {
		display: inline;
		position: relative;
		text-decoration: underline;
}

#lichtsignale a:hover, #lichtsignale a:active {
		color: #999;
}

li a:link, li a:visited {
		display: block;
		position: absolute;
}

#bmgammakimpel a:link, #bmgammakimpel a:visited {
		left: 160px;
		top: 0;
		width: 240px;
		height: 160px;
		background: #008e8d url(thumbs/bmgammakimpel.png) 0 0 no-repeat;
}

#bmgammakimpel a:hover, #bmgammakimpel a:active {
		background: #008e8d url(thumbs/bmgammakimpel.png) 0 -160px no-repeat;
}

#samk a:link, #samk a:visited {
		left: 400px;
		top: 80px;
		width: 240px;
		height: 80px;
		background: #e84c09 url(thumbs/samkvk.png) 0 0 no-repeat;
}

#samk a:hover, #samk a:active {
		background: #e84c09 url(thumbs/samkvk.png) 0 -80px no-repeat;
}

#kosmos a:link, #kosmos a:visited {
		left: 800px;
		top: 80px;
		width: 160px;
		height: 160px;
		background: #d10505 url(thumbs/kosmos.png) 0 0 no-repeat;
}

#kosmos a:hover, #kosmos a:active {
		background: #d10505 url(thumbs/kosmos.png) 0 -160px no-repeat;
}

#kraftwerk a:link, #kraftwerk a:visited {
		left: 0;
		top: 160px;
		width: 320px;
		height: 160px;
		background: #00ff00 url(thumbs/kraftwerk.png) 0 0 no-repeat;
}

#kraftwerk a:hover, #kraftwerk a:active {
		background: #00ff00 url(thumbs/kraftwerk.png) 0 -160px no-repeat;
}

#cvjm a:link, #cvjm a:visited {
		left: 560px;
		top: 160px;
		width: 240px;
		height: 240px;
		background: #c00841 url(thumbs/cvjm.png) 0 0 no-repeat;
}

#cvjm a:hover, #cvjm a:active {
		background: #c00841 url(thumbs/cvjm.png) 0 -240px no-repeat;
}

#samkfoto a:link, #samkfoto a:visited {
		left: 640px;
		top: 560px;
		width: 320px;
		height: 80px;
		background: #89898a url(thumbs/samfoto.png) 0 0 no-repeat;
}

#samkfoto a:hover, #samkfoto a:active {
		background: #89898a url(thumbs/samfoto.png) 0 -80px no-repeat;
}

#awo a:link, #awo a:visited {
		left: 320px;
		top: 320px;
		width: 240px;
		height: 240px;
		background: #db0d00 url(thumbs/awo.png) 0 0 no-repeat;
}

#awo a:hover, #awo a:active {
		background: #db0d00 url(thumbs/awo.png) 0 -240px no-repeat;
}

#grubau a:link, #grubau a:visited {
		left: 160px;
		top: 320px;
		width: 160px;
		height: 160px;
		background: #cf9745 url(thumbs/grubau.png) 0 0 no-repeat;
}

#grubau a:hover, #grubau a:active {
		background: #cf9745 url(thumbs/grubau.png) 0 -160px no-repeat;
}

#bauchkimpel a:link, #bauchkimpel a:visited {
		left: 560px;
		top: 400px;
		width: 320px;
		height: 160px;
		background: #fdba00 url(thumbs/bauchkimpel.png) 0 0 no-repeat;
}

#bauchkimpel a:hover, #bauchkimpel a:active {
		background: #fdba00 url(thumbs/bauchkimpel.png) 0 -160px no-repeat;
}

#feuerwehr a:link, #feuerwehr a:visited {
		left: 80px;
		top: 480px;
		width: 240px;
		height: 160px;
		background: #bf4c44 url(thumbs/feuerwehr.png) 0 0 no-repeat;
}

#feuerwehr a:hover, #feuerwehr a:active {
		background: #bf4c44 url(thumbs/feuerwehr.png) 0 -160px no-repeat;
}

#pinkandwhite a:link, #pinkandwhite a:visited {
		left: 800px;
		top: 240px;
		width: 160px;
		height: 160px;
		background: #e70060 url(thumbs/pinkandwhite.png) 0 0 no-repeat;
}

#pinkandwhite a:hover, #pinkandwhite a:active {
		background: #e70060 url(thumbs/pinkandwhite.png) 0 -160px no-repeat;
}


/*		G E N E R A L
----------------------------------------------- */

#horizon {
		position: absolute;
		top: 50%;
		left: 0px;
		width: 100%;
		margin-top: -320px;
		text-align: center;
		min-width: 960px; 
}

#wrapper {
		position: relative;
		text-align: left;
		width: 960px;
		height: 640px;
		margin: 0px auto;
}

li {
		list-style: none;
}

strong {
		position: relative;
		top: 5px;
		padding: 5px 10px 3px 10px;
		background: #fff;
}

em {
		position: relative;
		top: 9px;
		font-style: normal;
		padding: 3px 10px 5px 10px;
		background: #fff;
}


/*		C O L O R B O X
----------------------------------------------- */

#colorbox, #cboxOverlay, #cboxWrapper {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 9999;
		overflow: hidden;
}

#cboxOverlay {
		position: fixed;
		width: 100%;
		height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
		clear: left;
}

#cboxContent {
		position: relative;
		overflow: visible;
}

#cboxLoadedContent {
		overflow: auto;
}

#cboxLoadedContent iframe {
		display: block;
		width: 100%;
		height: 100%;
		border:0;
}

#cboxTitle {
		margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
		cursor: pointer;
}

#cboxOverlay {
		background: #fff;
}

#colorbox {
}

#cboxContent {
		margin-top: 32px;
		border: none;
}

#cboxContent {
		background: #fff;
		padding: 1px;
}

#cboxLoadingGraphic {
		background: url(loading.gif) center center no-repeat;
}

#cboxLoadingOverlay {
		background: #fff;
}

#cboxTitle {
		position: absolute;
		top: -22px;
		left: 0;
		color: #000;
}

#cboxCurrent {
		position: absolute;
		top: -22px;
		right: 205px;
		text-indent: -9999px;
}

#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose {
		text-indent: -9999px;
		width: 20px;
		height: 20px;
		position: absolute;
		top: -20px;
		background: url(controls.png) 0 0 no-repeat;
}

#cboxPrevious {
		background-position: 0px 0px;
		right: 44px;
}

#cboxPrevious.hover {
		background-position:0px -25px;
}

#cboxNext {
		background-position: -25px 0px;
		right: 22px;
}

#cboxNext.hover {
		background-position: -25px -25px;
}

#cboxClose {
		background-position: -50px 0px;
		right: 0;
}

#cboxClose.hover {
		background-position: -50px -25px;
}

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
		right: 66px;
}

.cboxSlideshow_on #cboxSlideshow {
		background-position: -75px -25px; right: 44px;
}

.cboxSlideshow_on #cboxSlideshow.hover {
		background-position: -100px -25px;
}

.cboxSlideshow_off #cboxSlideshow {
		background-position: -100px 0px; right: 44px;
}

.cboxSlideshow_off #cboxSlideshow.hover {
		background-position: -75px -25px;
}