/* Body + Hintergrundfarben */

body
{
	background:	#000;
	color:		#fff;
	font:		12px Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
	margin:		0;
	padding:	0;
}

body#intro
{
	background:	#a7a9ac;
	color:		#181512;
}

body#portfolio_detail
{
	background:	#b3b3b3;
}

body#spektrum
{
	background:	#000;
	color:		#fff;
}

body#spektrum.main
{
	background: #000;
}

body#impressum
{
	padding: 10px;
}

body#popup
{
	text-align:	center;
}

/* Layout */

td#layoutcell
{
  background: #000;
  position: relative;
  height: 550px;
  overflow: hidden;
}

	p
	{
		padding:	5px;
		font-size:	12px;
	}

	a img
	{
		border:	none;
	}

	table#layout
	{
		height:	100%;
		width:	100%;
		border:	none;
		position: relative;
	}

		table#layout #layoutrow
		{
			height:		550px;
		}

			table#layout #layoutcell
			{
				width:		750px;
				text-align:	center;
			}

				div#content
				{
					width:	750px;
					height:	470px;
				}

				.intro div#content, .home div#content
				{
					height:	550px;
				}

div#navigation
{
	text-align: center;
	clear: both;
	width:	750px;
	height:	80px;
}

.portfolio div#navigation.detail
{
	margin-top:	8px;
}

table#layout #layoutcell.intro
{
	background:	#fff;
}

table#layout #layoutcell.home, table#layout #layoutcell.popup
{
	background:	#000;
}

table#layout.white #layoutcell
{
	background: #fff;
}

table#layout.grey #layoutcell
{

}

table#layout.corporatedesign #layoutcell
{
	background: #808080 url(../images/pages/spektrum/corporatedesign/corporatedesign_bg.jpg) no-repeat !important;
}

table#layout.werbekampagnen #layoutcell
{
	background: #808080 url(../images/pages/spektrum/werbekampagnen_bg.jpg) no-repeat !important;
}

table#layout.mediaplanung #layoutcell
{
	background: #808080 url(../images/pages/spektrum/mediaplanung_bg.jpg) no-repeat !important;
}

table#layout.packagingdesign #layoutcell
{
	background: #808080 url(../images/pages/spektrum/packagingdesign_bg.jpg) no-repeat !important;
}

table#layout.messebau #layoutcell
{
	background: #808080 url(../images/pages/spektrum/messebau_bg.jpg) no-repeat !important;
}

table#layout.white #layoutcell
{
	background: #fff url(../images/pages/portfolio/portfolio_bg.jpg) no-repeat !important;
}


table#layout #layoutcell.portfolio_detail
{
	background: #fff url(../images/pages/portfolio/portfolio_background.gif) no-repeat;
}

table#layout #layoutcell.spektrum
{
	background: #000;
	text-align: left;
	vertical-align:	top;
}

table#layout #layoutcell.kontakt
{
	background: #4e4a49;
}

table#layout #layoutcell.kontakt #content
{
	background: #000;
}


/*** Intro ***/


	#leftside
	{
		float:			left;
		width:			330px;
		margin-left:	10px;
		text-align:		left;
	}

	a, a:link, a:hover, a:visited
	{
		text-decoration:	none;
		color:				inherit;
	}


	h1
	{
		font-family:	"Impact", "Arial Black", sans-serif;
		color:			#181512;
		font-size:		24px;
	}

	#adresse
	{
		background:	#181512;
		padding:	5px 10px 5px 20px;
		color:		#fff;
		margin:		20px 0 20px 0;
	}
	
	#button
	{
		background:	#181512;
		padding:	8px 0;
		text-align:	center;
		color:		#fff;
		margin-top:	10px;
	}
	
	#button a
	{
		font-size:		15px;
		font-weight:	bold;
	}

	#stadtplan
	{
		width:	369px;
		float:	right;
		padding:	10px 10px 0 0;
	}
	
/*** Portfolio ***/

/* Portfolio */

#pillen .label
{
    display:	none;
	position:	relative;
	color:		#fff;
	font-size:	10pt;
}

span#label1     { display: none; margin-left: 130px; }
span#label2     { display: none; margin-left: 215px; }
span#label3     { display: none; margin-left: 290px; }
span#label4     { display: none; margin-left: 390px; }
span#label5     { display: none; margin-left: 465px; }
span#label6     { display: none; margin-left: 535px; }

span#label7     { display: none; margin-left: 150px; }
span#label8     { display: none; margin-left: 200px; }
span#label9     { display: none; margin-left: 285px; }
span#label10    { display: none; margin-left: 350px; }
span#label11    { display: none; margin-left: 450px; }
span#label12    { display: none; margin-left: 570px; }


h2.portfolio_headline, h2.spektrum_headline
{
	color:			#666;
	font-size:		16px;
	text-transform:	uppercase;
	position:		relative;
	top:			-11px;
	left:			40px;
	text-align:		left;
	padding:		0;
	margin:			0;
	font-weight:	normal;
}

h2.spektrum_headline
{
	color:			#fff;
}


h2.portfolio_headline span, h2.spektrum_headline span
{
	background:		#fff;
	padding:		10px;
}

h2.spektrum_headline span
{
	background:		#000;	
}

#uebersichtbutton
{
	position:	relative;
	top: 		473px;
	width: 		750px;
	text-align: center;
}

.portfolio_element
{
	float: 		left;
	width: 		185px;
	height: 	130px;
	margin: 	18px 24px 28px 24px;
	color: 		#000;
	text-align:	center;
	font-size:	12px;
}

.portfolio_element img
{
	margin-bottom: 5px;
}

.portfolio_element a
{
	color:	#666;
}

#big
{
	width:	488px;
	height:	346px;
	float: left;
	margin: 0 0 0 50px;
}

#thumbs
{
	margin-top: 0px;
}

#thumbs img
{
	margin-bottom: 5px;
	width:	71px;
	height: 52px;
}

.thumb
{
	border: 1px solid #b3b3b3;
}

img.dummy
{
	border: 1px solid #fff;
}

img.dummy:hover
{
	border: 1px solid #fff;
}

.thumb:hover, .active
{
	border: 1px solid #b90000;
}

/*** Spektrum ***/

body#spektrum a
{
	color:			#fff;
	font-weight:	bold;
}

table#spektrum
{
	width:	100%;
	height: 470px;
	border:	none;
	text-align: center;
	padding: 0 25px 0 10px;
}

table#spektrum td p
{
	padding: 5px 0;
	margin: 0;
}

table#spektrum td.box_top
{
	width:	237px;
	color:	#000;
	font-size: 13px;
	padding: 6px 0 8px 0;
	background: url(../images/pages/spektrum/box_top.jpg) 15px 0 no-repeat;
}

table#spektrum td.box_bottom
{
	color:		#000;
	font-size:	12px;
	margin:		0;
	text-align:	left;
	padding:	0 0 0 10px;
	background:	url(../images/pages/spektrum/box_bottom.jpg) 15px bottom no-repeat;
}

table#spektrum td.box_bottom p
{
	margin:		0;
	padding:	0 0 0 16px;
	font-size:	10px;
}

table#spektrum td.box_bottom p a
{
	color: #000;
}

table#spektrum td.box2
{
	background:	#000 url(../images/pages/spektrum/box2.jpg) top center no-repeat;
	color:		#000;
	font-size:	13px;
	padding:	0 0 2px 0;
}

#referenz_thumbs
{
	margin-top: 20px;
}

#referenz_thumbs img
{
	margin-bottom: 5px;
	border: 1px solid #b3b3b3;
}


ul, li
{
	font-size:	12px;
}

ul
{
	list-style-type: none;
}

li
{
	margin:		0;
	padding:	0;
}


body#popup img
{
	border:		5px solid #fff;
}

#navigation p
{
	padding: 17px 0 0 0;
	margin: 0;
}

div#pillen img
{
	border: none;
}

body#impressum, body#impressum h1, body#impressum h2, body#impressum p, body#impressum a
{
	color: #fff;
}