/* Author: Jonas Hellwig */
/* Copyright: Euroweb Internet GmbH - www.euroweb.de */
/* Year: 2007 /*
/* Content: Typography & Colors */

/* ----------------------------------------------------- */
/* --------------------| Global Tags |------------------ */
/* ----------------------------------------------------- */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.4em;
	color:#333;
}

/* ----------------------------------------------------- */
/* ------------------| Global Classes |----------------- */
/* ----------------------------------------------------- */

.tab40 {
	float:left;
	width:40px;
}

.tab50 {
	float:left;
	width:50px;
}

.tab55 {
	float:left;
	width:55px;
}

.tab60 {
	float:left;
	width:60px;
}

.tab70 {
	float:left;
	width:70px;
}

.tab80 {
	float:left;
	width:80px;
}

.tab90 {
	float:left;
	width:90px;
}

.tab100 {
	float:left;
	width:100px;
}

/* ----------------------------------------------------- */
/* ---------------------| Headlines |------------------- */
/* ----------------------------------------------------- */

h1 { /* used for logo, hidden */ }

h2 { /* used for header, hidden */ }

h3 { /* used for content */
	font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#F3139A;
	padding:5px;
	margin:20px 0 10px 0;
	background:#FFEBF7;
}

h4 { /* used for sidebar */
	font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#007EDA;
	padding:5px;
	margin:20px 0 15px 0;
	background:#E8F5FF;
}

h5 { /* used for banners */ }

h6 { /* used for imprint */
	font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#333;
	padding:5px;
	margin:20px 0 10px 0;
	background:#F5F5F5;
}

/* ----------------------------------------------------- */
/* ---------------| Global Link Settings |-------------- */
/* ----------------------------------------------------- */

a:focus {
	outline:0; /* disable dotted active-link borders */
}

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

a:hover, 
a:active {
	color:#333;
	text-decoration:none;
}

/* ----------------------------------------------------- */
/* ---------------------| Font-Sizes |------------------ */
/* ----------------------------------------------------- */

.em08 {
	font-size:0.8em;
}

.em09 {
	font-size:0.9em;
}

.em1 {
	font-size:1em;
}

.em1-1 {
	font-size:1.1em;
}

.em1-2 {
	font-size:1.2em;
}

.em1-3 {
	font-size:1.3em;
}

/* ----------------------------------------------------- */
/* ---------------------| Line-Height |----------------- */
/* ----------------------------------------------------- */

.lh1 {
	line-height:1em;
}

.lh1-1 {
	line-height:1.1em;
}

.lh1-2 {
	line-height:1.2em;
}

.lh1-3 {
	line-height:1.3em;
}

.lh1-4 {
	line-height:1.4em;
}

.lh1-5 {
	line-height:1.5em;
}

/* ----------------------------------------------------- */
/* --------------------| Basic Colors |----------------- */
/* ----------------------------------------------------- */

.black {
	color:black;
}

.gray {
	color:gray;
}

.white {
	color:white;
}

.magenta {
	color:#F3139A;
}

.palemagenta {
	color:#FFEBF7;
}

.yellow {
	color:#F99600;
	padding:5px !important;
	background:#FFF9BD;
}

.palecyan {
	color:#E8F5FF;
}

.cyan {
	color:#00C0FF;
}

.darkcyan {
	color:#007EDA;
}

a:link.darkcyan, 
a:visited.darkcyan   {
	color:#007EDA;
	text-decoration:none;
}

a:hover.darkcyan, 
a:active.darkcyan   {
	color:#333;
	text-decoration:none;
}

/* ----------------------------------------------------- */
/* -----------------------| Tables |-------------------- */
/* ----------------------------------------------------- */

.tablemagenta {
	width:100%;
	margin:0 0 15px 0;
}

.tablemagenta td {
	padding:4px;
}

.tablemagenta td.dark {
	background:#FFEBF7;
}

.tablemagenta td.pale {
	background:#FFF3FB;
}

div#loading {
	display:none;
}

/* ----------------------------------------------------- */
/* -----------------------| Lists |--------------------- */
/* ----------------------------------------------------- */

ul.checklist {
	list-style:none;
	margin:0 0 10px 5px;
}

ul.checklist li {
	background:url(../images/checklist.gif) 0 4px no-repeat;
	padding:2px 0 2px 20px;
}

ul.hiddenlist {
	list-style:none;
}

/* ----------------------------------------------------- */
/* ------------------| Downloads-Icons |---------------- */
/* ----------------------------------------------------- */

.distiller {
	padding:5px 0 5px 52px !important;
	margin:10px 0;
	height:66px;
	background:url(../images/distilller_icon.gif) 0 0 no-repeat;
}


/* ----------------------------------------------------- */
/* ----------------------| Images |--------------------- */
/* ----------------------------------------------------- */

.img_left {
	float:left;
	margin:0 20px 0 0;
	border:1px solid #C6D9DF;
	padding:1px;
}

.img_right {
	float:right;
	margin:0 0 0 20px;
	border:1px solid #C6D9DF;
	padding:1px;
}