/*
CODE						:	Tomas Caspers fuer Aktion Mensch
LAST CHANGE					:	18.07.03 tomas at tomascaspers dot de

Lizenzbedingungen zur freien Nutzung: http://www.einfachfueralle.de/lizenz/

De gustibus et coloribus non est disputandum.

CSS fuer Mobile Devices, e.V. (erster Versuch)

Palm Pro fuer Tungsten und aehnliche machen 320x320 minus Chrome, 
wieviel das genau ist, muss ich irgendwann mal ausmessen.

Pocket PC macht 320x240 minus Menubar (-26px vertikal) minus 
Captionbar (-26px vertikal) und minus Scrollbalken (-11px horizontal). 
Macht roundabout 268 vertikal, 229 horizontal.

Der Pocket PC hat 4 eingebaute Fonts:
- Tahoma (default fuer variable width)
- Bookdings (Dingbats)
- Frutiger Linotype
- Courier (dicktengleiche)

Ansonsten wird alles je nach HTML-Tag formatiert. pre z.B. gibt immer Courier.

*/

body	{
	margin					:	0 0 0 12px;
	padding					:	0;
	max-width				:	250px;
	background				:	#fff;
}

#logo img	{
	display					:	none;
}

#logo	{
	background				: 	#fff url(../img/logo/mobile.gif) no-repeat left;
	height					:	50px;
	width					:	60px;
	float					:	left;
	padding					:	6px;
}

#header	{
	background				:	#fff;
	padding					:	6px;
}

#gps	{
}

#title	{
}

#breadcrumbs	{
}

#banner	{
}

#claim	{
	display					:	none;
}

#metanavhead	{
	background				:	#eee;
}

#metanav li {
	display					:	inline;
	text-align				:	left;
	margin					:	0;
	padding					:	0;
}

#metanav li:after {
	content					:	"|";
}

#main	{
	color					:	#000;
	background				:	#f5f0e9;
	padding					:	8px;
}

/* -- Inhaltsblock -- */

#inhalt	{
}

#inhalt h1, #inhalt h2, #inhalt h3, #inhalt h4, #inhalt p, #inhalt address, 
#inhalt ul, #inhalt table, #inhalt dl, #inhalt blockquote, #inhalt pre	{
	margin					:	12px 0 0 0;
	line-height				:	130%;
}

#datum	{
	text-align				:	right;
}

h1, h2, h3, h4, th 	{
	font-family				:	"Frutiger Linotype", sans-serif;
	margin					:	0;
	padding					:	0;
}

h1	{
	font-size				:	18px;
	font-weight				:	bold;
}

h2	{
	font-size				:	16px;
	font-weight				:	bold;
}

h3	{
	font-size				:	13px;
	font-weight				:	bold;
}

h4, h3#katnavhead, h3#linknavhead {
	font-size				:	11px;
	font-weight				:	bold;
	font-style				:	normal;
}

address, blockquote, caption, cite, dfn, dl, 
dt, fieldset, input, label, legend, li, option, 
p, q, select, textarea, td, ul 	{
	font-family				:	Tahoma, sans-serif;
	font-size				:	11px;
}

dt, legend, legend, input, textarea, label, option, select, input:focus, textarea:focus {
	font-weight				:	bold;
}

a:link, a#abstract:link {
	color					:	#574A90;
	background				:	transparent;
	text-decoration			:	underline;
}

a:active	{
	color					:	#4B8571;
	background				:	transparent;
}

a[accesskey]:after, button[accesskey]:after, input[accesskey]:after,
label[accesskey]:after, legend[accesskey]:after, textarea[accesskey]:after {
	margin-left				:	0.3em;
	content					:	"[" attr(accesskey) "]"; 
}

abbr, acronym	{
	font-variant			:	normal;
	text-decoration			:	none;
	text-transform			:	none;
}

address, dfn {
	font-style				:	normal;
}

blockquote	{
	border					:	1px #999 dotted;
	margin					:	4px 0 4px 0;
}

caption, .caption	{
	text-align				:	left;
}

cite, q {
	font-style				:	italic;
}

code	{
	font					:	10px/normal Courier, monospace;
}

dd	{
	margin					:	0 0 5px 0;
	padding					:	0;
	border-bottom			:	1px dashed #E0DCD4;
}

del, ins {
	display					:	none;
}

form {
	margin					:	0;
	padding					:	0;
}

hr	{
	margin					:	8px 0 8px 0;
	height					:	1px;
	font-size				:	1px;
	line-height				:	1px;
	border-top				:	1px dashed #999;
}

img, table {
	border:0;
}

kbd	{
	font					:	small-caption;
}

ol.listing	{
	margin					:	5px;
	padding					:	0;
	border-left				:	1px solid #888;
	list-style				:	decimal inside;
	font					:	10px Courier, monospace;
}

pre	{
	border-left				:	5px #bbb solid;
}

td, th	{
	border-left				:	1px #333 solid;
	border-bottom			:	1px #333 solid;
}

th	{
	background				:	#E2DED4;
	color					:	#000;
	font-weight				:	bold;
	text-align				:	left;
}

.abstract {
	font-weight				:	bold;
}

.acc	{
	border-bottom			:	1px dotted;
	font-weight				:	bold;
}

.fixfloat, #debug {
	display					:	none;
}

.imgleft, .left {
	float					:	left;
	width					:	auto;
	margin					:	5px 5px 5px 0;
}

.imgright {
	float					:	right;
	width					:	auto;
	margin					:	5px 0 5px 5px;
}

.listing li	{
	white-space				:	pre;
}

.pullout	{
	border					:	1px #999 dotted;
	padding					:	4px;
	margin					:	4px;
}

#biggieform	{
}

#biggieform br	{
	clear					:	both;
}

#biggieform input, #biggieform textarea	{
}

#biggieform label	{
	display					:	block;
	clear					:	both;
}

#related	{
	border					:	1px #999 solid;
	margin-top				:	16px;
}

#related h3, #related dl	{
	margin					:	2px 0 2px 0;
	padding					:	0 6px 0 6px;
}

/* -- Blog -- */

#blognav, #blogblock, #inhalt	{
	background				:	#f5f0e9;
	color					:	#000;
}

#blogblock dt, h3#katnavhead, h3#linknavhead, #linkblock h4 {
	background				:	#A49E91;
	color					:	#fff;
}

#blogblock h2, #linkblock h2 {
	background				:	#F4BA7B;
	color					:	#000;
}

#archivlink, #archivlink a	{
	color					:	#fff;
	background				:	#A49E91;
	font-weight				:	bold;
}

/* -- Navigation -- */

#navigation	{
	background-color		:	#fff;
}

#navigation fieldset, #linkblock fieldset	{
	border					:	0;
	margin					:	0;
	padding					:	0;
}

#navigation h4	{
	background				:	#77759E;
}

#navigation img	{
}

#navigation input, #navigation label, #navigation select, #linkblock input, #linkblock label {
}

#navigation p, #navigation address	{
}

ul.navitems	{
	margin					:	0;
	padding					:	3px 0 4px 24px;
	list-style				:	disc url(../img/icon/page.gif) outside;
	vertical-align			:	middle;
}

.navhead	{
	background				:	#77759E;
	color					:	#fff;
}

#masthead	{
}