/** 
----------------------------------------------------------
project: INSEQ DESIGN
default.css 
media: screen
last update: 02-10-007 by aillera 
---------------------------------------------------------- */

/**
----------------------------------------------------------
USED COLORS
light grey 	#ECECEC
bright red/orange  #FF0033

---------------------------------------------------------- */


/**
----------------------------------------------------------
Regeln fuer allgemeine Elemente
---------------------------------------------------------- */
/* Alle kritischen Werte instanziieren */
* {
  margin: 0;
  padding: 0;
  vertical-align: top;
  border-spacing: 0;
}
img {
border:none;
}
/* Schriftgroesse kontrollieren */
body, td, th {
	font-family:Verdana, sans-serif;
	font-size:80%;
	font-weight:normal;
}
td, th {
  f\ont-size: 100%;
}
h1 {
	font-weight:bold;
	font-size:2em;
	text-transform:uppercase;
}
h2 {
	font-weight:bold;
	font-size:17px;
	line-height:200%;
	text-transform:uppercase;
	white-space:nowrap;
}
h3 {
	font-weight:bold;
	font-size:11px;
	line-height:180%;
	text-transform:uppercase;
	white-space:nowrap;
}
h4 {
	font-weight:bold;
	font-size:11px;
	line-height:180%;
	background-color:#ECECEC;
	text-transform:uppercase;
	white-space:nowrap;
}
/* unsichtbar ohne platzhalter */
.invisible {
	display:none;
}
/* float befehl beenden */
.clearleft {
clear: left;
}
.clearright {
clear: right;
}
.clear {
clear: both;
}
/* background */
body {
	background-color:#ECECEC;
}
/* continuous text */
.ct { 
	font-size:10px;
	line-height:15px;
	color:#000000;
	font-weight:normal;
	text-decoration:none;
}
/* continuous text grey*/
.ctgrey { 
	font-size:10px;
	line-height:15px;
	color:#999999;
	font-weight:normal;
	text-decoration:none;
}
/**
----------------------------------------------------------
Regeln fuer besondere Bereiche
---------------------------------------------------------- */
/** Logo
---------------------------------------------------------- */
#logo {
	margin:10px 0px 0px 0px;
	background-color:#FFFFFF;
}
/** Hauptbereich Position bestimmen
---------------------------------------------------------- */
#main {
	background-color:#ECECEC;
	margin:0px 20px 0px 50px;
	padding:10px;
}

/** Navigation
---------------------------------------------------------- */
#nav {
	font-weight:normal;
	font-size:10px;
	line-height:18px;
	text-transform:uppercase;
	margin:25px 0px 0px 0px;
}
#nav ul {
	font-weight:bold;
	padding:2px;
	list-style:none;
}
#nav li {
	list-style:none;
	white-space:nowrap;
}
#nav a {
	color:#999999;
	font-weight:normal;
	background-color:#FFFFFF;
	text-decoration:none;
	border-bottom:2px solid #FFFFFF;
	padding:0px 4px 0px 4px;
}
#nav a:visited {
	color:#999999;
	font-weight:normal;
	/*font-style:italic;*/
	background-color:#FFFFFF;
	border-bottom:2px solid #FFFFFF;
	padding:0px 4px 0px 4px;
}
#nav a:hover,
a:active {
	color:#000000;
	font-weight:normal;
	background-color:#FFFFFF;
	border-bottom:2px solid #000000;
	padding:0px 4px 0px 4px;
}
/* soon / elemente die noch nicht verlinkt sind */
#nav a span.soon {
display: none;
}
#nav a:hover span.soon {
position: absolute;
/*margin: 1px 0px 0px 4px;*/
margin: -15px 0px 0px 8px;
padding: 0px 3px;
display: block;
border: 1px solid #FF0033;
background: #FFFFFF;
color: #FF0033;
font-size: 9px;
/*-moz-opacity: .9;
opacity: .9;*/
cursor: pointer;
}
/* current / auf dieser seite bedfindet man sich gerade */
.current {
	color:#000000;
	font-weight:normal;
	background-color:#FFFFFF;
	border-bottom:2px solid #000000;
	padding:0px 4px 0px 4px;
}
/* Damit das Menue nebeneinander erscheint */
.floatleft { 
display:block;
float:left;
}

/** Inhaltsbereich
---------------------------------------------------------- */
/* Position vom allgemeinem Inhalten - immer auf selber Höhe */
#content {
/*background-color:#FFFFFF;*/
margin:80px 0px 0px 0px;
}

/** Fusszeile + Affiliates
---------------------------------------------------------- */
#footer {
  color: #000000;
  background-color: #ECECEC;
  font-size:9px;
  text-align: left;
	text-transform:uppercase;
	padding:1px;
	border-top: 1px solid #000000;
	clear:both;
	display:block;
	margin:10px 0px 0px 0px;
}
#footer a {
  color: #000000;
	background-color:#ECECEC;
	text-decoration:none;
	padding:1px 10px 1px 60px;
}
#footer a:visited {
  color: #000000;
	background-color:#ECECEC;
	padding:1px 10px 1px 60px;
}
#footer a:hover,
#footer a:focus,
#footer a:active {
  color: #FFFFFF;
  background-color: #000000;
	padding:1px 10px 1px 60px;
}
#footer img {
padding:0px;
margin:0px;
border:1px solid #000000;
}
/**
----------------------------------------------------------
Regeln fuer besondere Dokumente
---------------------------------------------------------- */

/** Startseite Announcements: News, Upcoming Events, Recommended
---------------------------------------------------------- */
#annments table, td{
	font-size:10px;
	line-height:12px;
	table-layout:fixed;
	overflow:auto;
	border-collapse:collapse;
	padding:0px 0px 0px 35px;
}
#annments td {
	border-right:3px solid #ECECEC;
}
/** Abstände zu den Linien 1. + 2. Spalte */
.col1 {
	padding:0px 40px 0px inherit;
}
.col2 {
	padding:0px 40px 0px 40px;
}
.colimg { /**  Bild alleine als Startbild */
	padding:0px inherit;
}
#annments img {
	float:left;
	padding:5px 0px 5px 0px;
}
#annments a, 
#annmnents a:visited {
	font-size:10px;
	color:#FF0033;
	background-color:#ECECEC;
	text-decoration:none;
	padding:0px 4px;
}
#annments a:hover, 
#annments a:active {
	color:#FFFFFF;
	background-color:#000000;
	text-decoration:none;
	padding:0px 4px;
}
/** News.html
---------------------------------------------------------- */
#news table, td {
	font-size:10px;
	line-height:12px;
	table-layout:fixed;
	overflow:auto;
	border-collapse:collapse;
	padding:0px 0px 0px 35px;
}
#news td {
	border-bottom:5px solid #ECECEC;
	border-right:3px solid #ECECEC;
}
/** ReceantHeader über der Tabelle */
.hgrey {
	color:#CCCCCC;
}
/** Abstände zu den Linien 1. + 2. Spalte */
.col1 {
	padding:0px 40px 0px inherit;
}
.col2 {
	padding:0px 40px 0px 40px;
}
#news img {
	float:left;
	padding:5px 0px 5px 0px;
}
#news a, 
#news a:visited {
	font-size:10px;
	color:#FF0033;
	background-color:#ECECEC;
	text-decoration:none;
	padding:0px 4px;
}
#news a:hover, 
#news a:active {
	color:#FFFFFF;
	background-color:#000000;
	text-decoration:none;
	padding:0px 4px;
}

/** Projektseiten
---------------------------------------------------------- */
#project table, td{
	font-size:10px;
	line-height:12px;
	table-layout:fixed;
	overflow:auto;
	border-collapse:collapse;
	padding:0px 30px 20px 35px;
	background-color:#FFFFFF;
}
#project td {
	border-right:3px solid #ECECEC;
}
/** Ausrichtung tabelleninhalte */
#colimg {
	padding:0px 5px 0px 10px;
	background-color:#ECECEC;
}
#colthumbs {
	padding:0px 5px;
	background-color:#ECECEC;
}
#colthumbs img{
	border-bottom:5px solid #ECECEC;
}
#colwhite {
	padding:0px 0px 0px 20px;
}
#project a, 
#project a:visited {
	font-size:10px;
	color:#FF0033;
	background-color:#ECECEC;
	text-decoration:none;
	padding:0px 4px;
}
#project a:hover, 
#project a:active {
	color:#FFFFFF;
	background-color:#000000;
	text-decoration:none;
	padding:0px 4px;
}
#project img.big {
	border-top:10px solid #ECECEC;
	border-bottom:10px solid #ECECEC;
	padding:0px;
}
/*wo ist was zu sehen*/
.live {
	color:#FFFFFF;
	background-color:#FF0033;
}