05@charset "UTF-8";
/* CSS Document */

/*
	NAME //  ALEX SCHMID DIRECT
	AUTHOR // Mathias Kaelin
	VERSION // 1.0
	DATE // 2008-10-1
	
	*********************
	IMPORTANT INFORMATION
	
	Colors // 	Gray rgb(230, 230, 230)		(light)
				Gray rgb(190, 190, 190)		(middel)
				Gray rgb(120, 120, 120)		(dark)
				Blue rgb(125, 150, 205)
				
	Screen Grösse // 650px x 490px
	Cases Grösse // 208px x 155px
	
	 Bildgrösse // 650px x 465px
	
*/

/* HTML Tags */
* {
	padding:0px;
	margin:0px;
}

a:link {
	color: rgb(125, 150, 205);
	text-decoration:none;
}

a:visited {
	color: rgb(125, 150, 205);
	text-decoration:none;
}

a:hover {
	color: rgb(120, 120, 120);
	text-decoration:none;
}

a:active {
	color: rgb(125, 150, 205);
	text-decoration:none;
}

html, body {
	font-family: DIN, "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: rgb(0, 0, 0);
	background:none;
}

/* Zentrierhilfe */
#center {
	position:relative;
	width:100% !important;
	}

#maincontainer {
	position:relative;
	width:100% !important;
}

/* Bildschirm */
#screen {
	position:relative;
	width:100% !important;
}
	
/* Menubar */
#menubar {
	position:relative;
	}
	
#menubar p {
	position:relative;
}

/* Printer */

#printer {display:none;
}
/* Inhalt und scrollbar */
#scrollbar_container {
	position:relative;
	width:100% !important;
}

#scrollbar_content {
	position:relative;
	width:100% !important;
	}

#more_sites {
	display:none;
	}

/* Scrollbar */
#scrollDiv {
	position:relative;
	width:100% !important;
}

#scrollDiv .viewport {
	position:relative;
	width:100% !important;
}
#scrollDiv .overview {
	position:relative;
	width:100% !important;
}

#scrollDiv .scrollbar {
	display:none;
}
#scrollDiv .track {
	display:none;
}
	
#scrollDiv .thumb {
	display:none;
}
#scrollDiv .disable { display: none; }

/* MENU PUNKTE */

/* Button Popup */
#loader {
	display:none;
}

.button {
	display:none;
}

#home {
	display:none;
}

#team {
	display:none;
}

#news {
	display:none;
}

#kontakt {
	display:none;
}

.popup {
	display:none;

}

.popup span {
	display:none;
}

#ok-button {
	display:none;
	}

/* WHEEL */

#wheel {
	display:none;
}
	
#wheel>div {
}
	
/* WHEEL SENSOREN */
	
#wheel-up {
}
	
#wheel-right {
}
			
#wheel-down {
}
	
#wheel-left {
}
	
/* Navitation */
/* Menu */
.menu  {
	display:none;
}

.menu li.four {
}

.menu li.four:hover, li.four.hover {
}

/* einzelne Menupunkte */
.kompetenzen {
}

.referenzen {
}

.news {
}

.agentur {
}

.facts {
}

.team {
}

.jobs {
}

.kundenliste {
}

.polygraf {
}

.planer {
}

.screendesigner {
}

.praktikant {
}
	
.menuNine li {
}

.menuNine li:hover, .menuNine li.hover {

}

/* weitere Elemente */
#FlashID {
	display:none;
}
#skip {
	display:none;
}

#kundenlisteList li {
	list-style:none;
	margin:0 15px 15px 0;
	float:left;
}

#kundenlisteList td img {
	margin:0 15px 15px 0;
}

#photo {
	position:absolute;
	bottom:0px;
	left:0px;
	width:650px;
	height:464px;
	z-index:2;
	}

#info {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	z-index:10;
	background:#000000;
	filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70;
	}

#info p {
	padding: 5px 10px 10px 10px;
	color:rgb(255, 255, 255);
	}


/* Formulare */
#formular {
	height:100%;
	width:100%;
	margin:15px 0 0 0;
	}
	
#formular td {
	padding:3px 0 3px 5px;
	}

#formular h2 {
	font-size:16px;
	font-weight:normal;
	color:rgb(120, 120, 120);
	padding: 20px 0 5px 0;
	}
	
.gray1 {
	background-color:#f7f7f7;
	}
	
.gray2 {
	background-color:#efefef;
	}
	
input {
	font-family: DIN, "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	font-size:12px;
	border:none;
	padding:5px;
	margin:2px 0 2px 0;
	color: rgb(125, 150, 205);
	width:230px;
	background-color:rgb(255, 255, 255);
	}
	
textarea {
	font-family: DIN, "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	font-size:12px;
	border:none;
	padding:5px;
	margin:2px 0 5px 0;
	color: rgb(125, 150, 205);
	width:200px;
	background-color:rgb(255, 255, 255);
	}

select {
	font-family: DIN, "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	font-size:12px;
	line-height: 15px;
	border:1px solid rgb(120, 120, 120);
	padding:8px 0 0 5px;
	margin:2px 0 5px 0;
	color: rgb(125, 150, 205);
	height:28px;
	background-color:rgb(255, 255, 255);
	}

select option {
	padding:5px;
	}

.checkbox {
	border:none;
	margin:0 5px 0 0;
	}
	
.radio {
	margin:0 3px 0 15px ;
	display:inline;
	width:10px;
	}
	
.star {
	color:#CC0000;
	}

.select {
	height:28px;
	width:95px;
	padding:4px 0 0 0;
	margin-bottom:5px;
	}
	
.blue {
	color: rgb(125, 150, 205);
	}

/* Schriften */
h1 {
	font-size:20px;
	font-weight:normal;
	color:rgb(125, 150, 205);
	border-bottom:1px solid rgb(125, 150, 205);
	padding:4px 0 2px 0;
	margin:0;
	width:100%;
	}
	
h1+p {
	padding:15px 0 0 0;
	}

h2 {
	font-size:16px;
	font-weight:normal;
	color:rgb(120, 120, 120);
	padding: 15px 0 5px 0;
	}

h3 {
	font-size:12px;
	color:rgb(120, 120, 120);
	padding: 10px 0 0px 0;
	}
	
.img-right {
	display:block;
	margin-left:10px;
	margin-bottom:10px;
	}
	
.img-left {
	display:block;
	margin-right:10px;
	margin-bottom:10px;
	}
		
.important {
	font-weight:bold;
	color:rgb(120, 120, 120);
}


/* NEWS */
.monat {
	text-align:right;
	background-color:rgb(120, 120, 120);
	color:rgb(255, 255, 255);
	padding:8px 20px 4px 2px;
}
	
.monat a:link, .monat a:visited, .monat a:hover, .monat a:active {
	color: rgb(125, 150, 205);
	text-decoration:none;
	}

.content {
	margin: 8px 0 8px 0;
	border-bottom: solid 1px rgb(190, 190, 190);
	border-top: solid 1px rgb(190, 190, 190);
	padding:8px 0 0px 0;
	}
	
.content h1 {
	border:none;
	font-size:16px;
	color:rgb(125, 150, 205);
	padding: 0 0 8px 0;
	}
	
.content h2 {
	border:none;
	font-size:12px;
	color:rgb(125, 150, 205);
	padding: 4px 0 4px 0;
	}
	
.content p {
	padding: 0;
	padding: 0 0 8px 0;
	}

.content img {
	padding: 0 0 8px 0;
	}
	
.news-link, .news-link a, .news-link a:link, .news-link a:visited, .news-link a:hover, .news-link a:active {
	display:inline-block;
	background-color:rgb(230, 230, 230);
	color:rgb(255, 255, 255);
	padding:2px 5px 2px 5px;
	margin: 0 0 3px 0;
	}
	
.frage {
	font-weight:bold;
	font-style:italic;
	color:rgb(120, 120, 120);
	margin:15px 0 5px 0;
	}
	
.italic {
	font-style:italic;
	}

/* Tabellen */

table {
	vertical-align:top;
	}
	
td {
	vertical-align:top;
	}

.table td {
	padding:4px 0 4px 4px;
	}

.table_gray {
	background-color:rgb(190, 190, 190);
	color:#ffffff;
	}
	
.white {
	background-color:#ffffff;
	color:#949494;
	}
	
.legende {
	font-size:8px;
	color:#AAAAAA;
	font-style:oblique;
	letter-spacing:1px;
	padding:3px 0 5px 0;
	}
	
.hidden {
	visibility:hidden;
	}
	
.nodisplay {
	display:none;
}
	
.job {
	color:rgb(125, 150, 205);
	font-weight:bold;
	}

ul {
	display: block;
	list-style-position: inside;
	list-style-type:disc;
}

/* team und so */
#teamOverview ul {
	height:100%;
	width:652px;
}

#teamOverview ul li {
	width:163px;
	height:116px;
	float:left;
	list-style:none;
	background-position:0 0 ;
}

#teamOverview ul li:hover, #teamOverview ul.menu li.hover {
	background-position: 0 -116px;
}

.teamInfo  {
	position:absolute;
	left:0;
	width:100%;
	padding: 8px 0 5px 20px;
	bottom:20px;
	background: rgba(0, 0, 0, 0.6);
	color: rgb(255, 255, 255);
	font-size:13px;
	line-height:17px;
}
.teamInfo h1 {	
	font-size:16px;
}

.teamInfo p {
	color:#FFF;
	padding-top:5px !important;
}
#referenzenDetail ul li img {
	position:absolute;
	left:0;
	top:0;
}

#personel-info {
	position:absolute;
	bottom:20px;
	left:20px;
	width:600px;
	background-color:#000000;
	color:rgb(255, 255, 255);
	padding:12px 10px 10px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70;
	visibility:hidden;
}
	
#personel-info p {
	}
	
.name {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:rgb(125, 150, 205);
	padding:0 0 5px 0;
	}
	
.pfeil {
	font-size:20px;
	font-weight:bold;
}

#stoerer {
	display:none;
}

/* Referenzen neu */
#referenzenOverview {
	height:100%;
	width:650px;
	background:rgb(0, 0, 0);
}

#referenzenOverview ul li {
	list-style:none !important;
}

#referenzenDetail, #teamDetail {
	position:absolute;
	height:465px;
	width:650px;
	overflow:hidden;
}

#referenzenDetail ul, #teamDetail ul {
	position:absolute;
	top:0;
	left:0;
	width:6000%;
	overflow:hidden;
}

#referenzenDetail ul:first-child {
	background:url(../referenzen/_img/consumer_background.png) no-repeat;
}

#referenzenDetail ul li, #teamDetail ul li {
	position:relative;
	list-style:none;
	display:block;
	width:650px;
	height:465px;
	margin:0;
	float:left;
	overflow:hidden;
	border:none !important;
}

#referenzenDetail ul li p.refInfo {
	position:absolute;
	left:0;
	width:100%;
	padding: 8px 20px 5px 20px;
	bottom:20px;
	background: rgba(255, 255, 255, 0.6);
	
	color: rgb(120, 120, 120);
	font-size:16px;
}

#consumerName {
	margin:300px 20px 10px 40px;
	color:#FFF;
	font-size:24px;
	letter-spacing:1px;
	font-weight:bold;
	border:none !important;
}

#consumerInfo {
	margin:0 20px 20px 40px;
	font-size:13px;
	color:#FFF;
}

/* Prizes */
.prize {
	color:rgb(125, 150, 205);
	margin-left:20px;
	padding: 10px 20px 5px 32px;
	background:url(../referenzen/_img/dm_small.png) no-repeat left top;
}

.prize:before {
	content:' ';
	height:100%;
	background:rgb(120,120,120)
}

.submit {
	margin:10px 0 10px 0;
	padding:5;
	color:white;
	background:rgb(125, 150, 205);
}