/*  
Theme Name: estero . visuelle gestaltung
Theme URI: http://www.estero.de/
Version: 1.0
Author: torben iversen
Author URI: http://www.estero.de/
© 2006_11_26, estero . visuelle gestaltung
*/



/* ============== BASICS ============== */

html {
	margin: 0;
	}

body {
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
	background: #f5f5f5; /*  url(imgs/blankbg.gif) 0% 0% repeat; */
	color: #222;
	font-size: 10px;
	overflow: auto;
}

img {
	vertical-align: middle;
	padding: 0;
	margin: 0;
	}

	
/* ÐÐÐÐÐÐÐÐÐÐÐÐÐ Clearer ÐÐÐÐÐÐÐÐÐÐÐÐÐ */

.clearer {
	display: block;
	clear: both;
	height: 1px;
	line-height: 1px;
	}


/* ÐÐÐÐÐÐÐÐÐÐÐÐÐ universeller vertikaler Abstand um 20px ÐÐÐÐÐÐÐÐÐÐÐÐÐ */

.spacer {
	display: block;
	clear: both;
	line-height: 20px;
	height: 20px;
	}
	

/* ============== 3 HAUPTBEREICHE ============== */

#oben {
	float: left;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0px solid #09C;
	}
	
#unten {
	float: left;
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0px solid #09C;
	}

#content {
	float: left;
	width: 80%;
	margin: 0 10% 0 10%;
	padding: 0;
	}

/* ============== BOXEN ============== */

/* ÐÐÐÐÐÐÐÐÐÐÐÐ verschiedene Boxen ÐÐÐÐÐÐÐÐÐÐÐÐ */
.previewbox {
	float: left;
	width: 17em;
	height: 26em;
	margin: 0 20px 20px 0;
	padding: 0;
	border-top: 0px dashed #222;
	}
	
.previewbox img {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	}

.Bilder {
	float: left;
	height: 20em;
	margin: 8px 8px 0 0;
	padding: 0;
	border: 0px solid #000;
	}
	
.Bilder img {
	height: 20em;
	border: 0px solid #efefef;
	}
	




/* ÐÐÐÐÐÐÐÐÐÐÐÐÐ Linien ÐÐÐÐÐÐÐÐÐÐÐÐ */	

.linie {
	display: block;
	clear: both;
	width: 100%;
	height: 3px;
	line-height: 3px;
	border-top: 1px dashed #111;
	margin: 4px 0;
	
	/* background: url(imgs/linie.gif) repeat-x; */
	}
	
.linie_bg {
	display: block;
	clear: both;
	width: 100%;
	height: 34px;
	line-height: 34px;
	border-top: 0;
	margin: 0;
	background: url(imgs/linie_bg.gif) repeat;
	}
	
.linie_drk {
	display: block;
	clear: both;
	width: 100%;
	height: 18px;
	line-height: 18px;
	border-top: 0;
	margin: 0;
	padding: 0;
	background: #ccc;
	}


/* ============== LISTEN ============== */
ul {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0px solid #000;
	line-height: 1.6em;
	}
	
li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}


.links, .horizontal, .extern {
	float: left;
	}

.footer {
	float: right;
	}
	
.navi {
	display: block;
	clear: both;
	width: 100%;
	height: 3em;
	line-height: 3em;
	margin: 0;
	padding: 0;
	background: url(imgs/linie_bg.gif) repeat;
	}
	
.muster {
	float: left;
	display: block;
	background: url(imgs/linie_bg.gif) repeat;
	}
	

/* ============== SCHRIFTFARBEN ============== */
p {
	color: inherit; /*#b8b8b8*/
	}

.headl_1, h1  {
	color: #222;
	}
	
.brighter {
	color: #cecece;
	}
	
.previewbox a:hover .headl_1, .previewbox a:hover .nr {
	color: #fff !important;
	background: #111; /*url(imgs/linie_bg.gif) repeat;*/
	}

.previewbox a .text_normal {
	color: #666 !important;
	}
	
.previewbox a:hover .text_normal {
	color: #000 !important;
	}
	
/*
.spektrum .nr, .spektrum .text_klein {
	color: #444;
	}
*/	


/* ============== LINKS ============== */
/* ÐÐÐÐÐÐÐÐÐÐÐ allgemein ÐÐÐÐÐÐÐÐÐÐÐ */
a:link, a:active, a:visited, a:focus {
	font: bold 9px/1em Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
 	text-decoration: none;
 	letter-spacing: 0;
	margin: 1px 0;
	padding: 2px 1em;
	border: 0;
	outline: none; /* gegen hyperlink-Rand im Firefox */
	color: #999;
	background: #222;
	}

a:hover {
	color: #fff;
	background: #111;
	border: 0px;
	}
	
p a:link, p a:active, p a:visited, p a:focus {
	font: inherit;
	background: transparent;
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	padding: 0px;
	margin: 0 2px;
	border-bottom: 1px dotted #666;
	}
	
li a:link, li a:active, li a:visited, li a:focus {

	margin: 1px;
	padding: 2px 4px;
	background: #222;
	color: #999;
	}
	
li a:hover {
	color: #fff;
	background: #111;
	}

.extern a:link, .extern a:active, .extern a:visited, .extern a:focus {
	background: transparent;
	color: inherit;
	font-size: 9px;
	font-weight: inherit;
	padding: 0px;
	margin: 0 4px;
	border-bottom: 1px dotted #666;
	}

	
p a:hover, .extern a:hover {
	color: #111;
	border-bottom: 1px solid #111;
	}

/* CSS 3 zum šffnen externer Links in neuem Tab	
a[rel~="external"] {
	target-new: tab;
	}
*/

/* ÐÐÐÐÐÐÐÐÐÐÐÐ Projektbox als Link ÐÐÐÐÐÐÐÐÐÐÐ */
.previewbox a:link, .previewbox a:active, .previewbox a:visited {
	display: block;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #f5f5f5; /*url(imgs/bgs/transp.png) repeat #525252; */
	border: 0;
	}

.previewbox a:hover {
	/* background: #ccc; */
	/* color: #f5f5f5;; */
	}

	
	
	
/* ============== TYPO ============== */
.textfeld {
	float: left;
	width: 60%;
	margin: 0;
	padding: 0;
	}

h1, h3 {
	font-size: 2.3em;
	line-height: 1.0em;
	font-family: 'Arial Black', Gadget, sans-serif;
	color: #111;
	text-align: left;
	font-weight: normal;
 	text-transform: uppercase;
	margin: 0;
	padding: 0;
	}

h3 { font-size: 5em;
	}
	
.headl_1 {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.3em;
	background: #222;
	color: #999;
	text-align: left;
	font-weight: bold;
 	text-transform: uppercase;
 	letter-spacing: 0;
	margin: 1px 0;
	padding: 0px 2px;
	}
	
.headl_2 {
	display: block;
	font-size: 11px;
	line-height: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	background: transparent;
	color: #111;
	text-align: left;
	font-weight: bold;
 	text-transform: uppercase;
 	letter-spacing: 0;
	margin: .8em 0 .4em 0;
	padding: 0;
	}
	
.text_normal {
	display: block;
	font: normal 9px/12px Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #222;
	text-align: left;
	margin: 1.4em 0;
	padding: 0;
	}
	
.text_marginal {
	display: block;
	font: italic 100%/100% Arial, Helvetica, sans-serif;
	line-height: inherit;
	letter-spacing: 0px;
	text-transform: none;
	color: #777;
	margin: 0 8px 0 0;
	padding: 0px;
	}
	
.imgindex {
	font: normal 9px/12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 12px 0 6px;
	padding: 0px;
	vertical-align: bottom;
	}