/* css technikbüro lotus */
/* default stylesheet    */


* { padding:0; margin:0; }

html, body { height: 100%; }

body {
	font-size:90%;
	/*padding:8px;*/

	min-width:600px;
	max-width:1100px;
	margin-left:auto; margin-right:auto;

	color:#333;
	font-family:Verdana, Arial, sans-serif;
	background-color:#f1f1f1;

	background-image:url(../img/grid.gif);
	background-attachment:fixed;
	background-repeat:repeat;
}

/* links */
a { color:black; text-decoration:underline; }
a:hover { text-decoration:none; }
a:visited { color:#333; }

/* headings */
h1, h2, h3, h4, h5, h6 { border-bottom:2px dashed #999; clear:both; font-family:Georgia, 'Times New Roman', serif; color:#111; margin-left:-4%; /*#main:padding-left*/ letter-spacing:1px; margin-right:-3%; }
h1 { font-size:1.4em; margin-bottom:1.0em; margin-top:1.3em; padding-left:1.0em; letter-spacing:0.9ex; }
h2 { font-size:1.1em; margin-bottom:0.9em; margin-top:1.2em; padding-left:1.5em; letter-spacing:0.7ex; }
h3 { font-size:1.0em; margin-bottom:0.8em; margin-top:1.1em; padding-left:2.0em; letter-spacing:0.5ex; }
h4 { font-size:1.0em; margin-bottom:0.7em; margin-top:1.0em; padding-left:2.5em; font-weight:normal; }
h5 { font-size:0.9em; margin-bottom:0.6em; margin-top:0.9em; padding-left:3.0em; font-weight:normal; }
h6 { font-size:0.8em; margin-bottom:0.5em; margin-top:0.8em; padding-left:3.5em; font-weight:normal; }

/* table */
table { border-collapse:collapse; border-spacing:0px; }
td {  border:1px solid #def; padding:2px; background-color:#f1f1f1; }


/* other */
p {
	background-image:url(../img/pback.gif);
	background-repeat:no-repeat;
	/*margin:0.6em auto 1em;*/
	text-align:justify;
	padding:18px 1ex 1ex 22px;
	font-size:90%;
}
blockquote {
	padding-left:1em;
}
.caps { font-variant:small-caps; }
img { border:none; vertical-align:text-bottom; }
hr { border:none; height:1px; width:70%; color:black; background-color:black; margin:1em auto; }

/* lists */
ul { list-style-type:square; }
li ul, li ol, dd dl { margin-top:0; margin-bottom:1em; }

/* floating elements */
/* must be span (inline) inside <p> */
.fl, .fr { margin:0.5ex; }
.fl { float:left; margin-right:1ex; }
p .fl { margin-left:0; }
.fr { float:right; margin-left:1ex; }
p .fr { margin-right:0; }

.cl { clear:left; }
.cr { clear:right; }
.cb { clear:both; }
.cn { clear:none; }

/* image containers, to be used with floating */
.img { border:1px solid #333; font-size:smaller; padding:1px 1px 2px; background-color:white; }
.img img { display:block; }

/* special formatting */
#main ol, ul { margin:1em 0 1em 2em; }
#nav ul { list-style-type:none; margin-left:0; }
#nav ul li { margin-bottom:8px; }
#nav ul li a { display:block; padding-left:2ex; padding-right:8px; }
#nav ul li a:link { background-image:url(); }
#nav ul li a:hover, #nav ul li.active a { /*color:#eee;*/ }
#nav ul li.active { text-align:right; letter-spacing:2px; }
#nav ul li.active a { background-color:#acf; text-decoration:none; }
#nav ul li a:hover { background-color:#def; }
#nav h1 { margin-right:0; }

#main a:link { padding-right:18px; background-image:url(../img/arrow_up.gif); background-position:right; background-repeat:no-repeat; }

h1#header { border:none; margin:0; font-size:45px; letter-spacing:1px; padding-left:46px; /* match background-img */ }

/* ~~ containers ~~ */

#header {
	display:block;
	min-height:50px;
	background-color:white;
	background-image:url(../gfx/gradient.png);
	background-repeat:repeat-x;
	background-position:left bottom;
}

#nav {
	float:left;
	width:15%;
	min-width:100px;
	/* ~17% of body:min-width */
	max-width:150px;
	padding-bottom:50px;
	border-right:1px dotted #ccc;
	/*margin-right:-1px; /* -border */
	/*padding-bottom:1000em;
	margin-bottom:-1000em;*/

	/*background-image:url(../img/watermark.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	/*background-attachment:fixed;*/
}

#main {
	float:left;
	width:79%;
	padding-left:3%;
	padding-bottom:15px;
	/*border-left:1px dotted #ccc;*/
}
#footer {
	clear:both;
	border-top:1px solid #acf;
	margin-top:15px;
	padding:1px 1ex 2px;
	font-size:smaller;
	text-align:right;
	background-color:#def;
	color:#222;
}


/* vcard */
.cardbox {
	width:250px;
	padding:5px 0px;
	padding-left:50px;
	margin:5px;
	border:1px solid black;
	background-color:#f1f1f1; /* same as body */
}

.cardbox h3 {
	margin:-5px 0 0;
	margin-left:-5px;
	padding-left:5px;
	font-size:1.2em;
	background-color:white;
	border-bottom:1px solid;
	letter-spacing:normal;
}
.cardbox h3 .honorific-prefix { font-size:0.7em; }

.n, .given-name, .family-name, .email {}
.honorific-prefix {}

.role, .title {}

.phone { margin-top:1ex; }
.cardbox dt, .cardbox dd { display:inline; }
.tel {} .type {} .value {}

.adr { margin-top:1ex; }
.country-name, .postal-code, .street-address {}
.locality { font-variant:small-caps; }