/*

Design:
digisteve.com | 2009

Programmierung & technische Betreuung:
Lemmy.Net | 2011

Farbgebung
------------

Dunkelblau:			#026190
Hellblau:			#61B9E9
Dunkelgrau:			#323232
Schwarz:			#000000

*/

html
{	
	background-color: #026190;
	background-position: center;
	background-image: url(tab/hg.jpg);
	background-repeat: repeat-y;
}

body
{
	font-size:12px;
	color:#000000;
	font-family:arial;
	text-align:left;
}

#gesamt
{
	width:985px;
	left:50%;
	position:absolute;
	margin-left:-492px;
	background-color:#FFFFFF;
}

#header
{
	top:0px;
	left:0px;
	width:985px;
	height:195px;
	background-image: url(tab/header_blank.jpg);
	position:absolute;
	z-index:1;
}

#logo
{
	top:0px;
	left:0px;
	width:985px;
	position:absolute;
	z-index:2;
}

#headline1
{
	top:265px;
	left:100px;
	position:absolute;
	z-index:3;
}

#headline2
{
	top:265px;
	left:625px;
	position:absolute;
	z-index:3;
}

#headline2friends
{
	top:265px;
	left:685px;
	position:absolute;
	z-index:3;
}

#headline3
{
	margin-top:20px;
	margin-left:-15px;
	position:absolute;
	z-index:3;
}

#headline4
{
	margin-top:20px;
	margin-left:-15px;
	position:absolute;
	z-index:3;
}

#spalte1
{
	top:320px;
	left:100px;
	width:475px;
	position:absolute;
	z-index:2;
}

#spaltenewsletter
{
	top:320px;
	left:100px;
	width:850px;
	position:absolute;
	z-index:2;
}

#spalte1friends
{
	top:320px;
	left:100px;
	width:520px;
	position:absolute;
	z-index:3;
}

#spalte1 a img
{

	padding: 5px 5px 5px 5px;
}

#spalte1 a img:hover
{
	background-color: #026190;
}

#spalte2
{
	top:320px;
	left:625px;
	width:260px;
	position:absolute;
	z-index:0;
}

#spalte2friends
{
	top:320px;
	left:705px;
	width:260px;
	position:absolute;
	z-index:3;
}

#spalte3
{
	margin-top:10px;
	*margin-top:50px;
	margin-left:15px;
	*margin-left:-55px;
	width:475px;
	position:absolute;
	z-index:3;
}

#spalte4
{
	margin-top:10px;
	*margin-top:50px;
	margin-left:15px;
	*margin-left:-100px;
	width:260px;
	position:absolute;
	z-index:3;
}

ul, li, img, body, html
{
	margin: 0;
	padding: 0;
}

a
{
	text-decoration: none;
	color: #026190;
	font-weight: bold;
}

a:hover
{
	text-decoration: underline;
	color: #026190;
}

a img
{
	border: none;
}

#spalte1 a img
{

	border: none;
	margin-top: 13px;
	margin-left: 13px;
}
	
a img:hover
{
	border: none;
	border-color: #026190;
}
		
#navigation
{
	top:230px;
	left:210px;
	width:340px;
	position:absolute;
	display:inline;
	z-index:100;

}


#nav li
{
	float:right;	
	color:#ffffff;
	text-decoration:none;
	padding: 0px 0px 0px 15px;
	margin-right:5px;
	font-size:15px;
	font-weight: bold;
}
	
#nav li a
{
	color:#ffffff;
	text-decoration:none;
	font-weight: bold;
}

#nav li a:hover
{

	color:#61B9E9;
}
		
/* h1 definiert den Text in der linken Spalte! */

h1
{
	color: #000000;
	font-weight: normal;
	font-size: 12px;
}

/* h2 definiert den Text in der rechten Spalte! */

h2
{
	color: #ffffff;
	font-weight: normal;
	font-size: 10px;
}

/* h3 definiert den Text in der rechten Spalte gleich gross wie in der linken Spalte! */


h3
{
	color: #ffffff;
	font-weight: normal;
	font-size: 12px;
}


/* h5 definiert die Sonderrubriken wie "Specials"! */

h5
{
	font-size: 12px;
	font-weight: normal;
}

li, ul
{
	list-style:none;
	display:inline;
	padding:2px 2px 2px 2px;
}

/* Ab hier die Spans für die speziellen Textformate */	

.head_blau
{
	color: #026190;
	font-weight: bold;
	font-style: normal;
	font-size: larger;
}

.head_blau_gr
{
	color: #026190;
	font-weight: bold;
	font-size:medium;
	line-height: 150%;
}

.rot
{
	color: #C62020;
}

.navi
{
	color: #61B9E9;
	text-decoration: blink;
}

.linkweiss
{
	color: #ffffff;
}

.linkschwarz
{
	color: #000000;
}

#NO-SCRIPT {
	border-width: 1px;
	border-color: #800000;
	border-style: solid;
	margin-bottom: 12px;
	z-index: 1000;
	text-align: center;
	width: 98%;
  }