/* #################################################
# Projekt 	: CSS - Formschliff
# Stand     : 29.06.07
# Autor		: Daniel Zander, Source-Media.com
#################################################### */


html, body, div, p, h1, h2, h3, ul, ol, dl, 
span, a, i, table, td, form, img, li, 
input, textarea, select {
	margin:0; padding:0;
	font:13px Arial, sans serif;
	line-height:160%;
	color:#333;
}

html, body {
	font-size: 100.01%;  /* IE/Opera */
}

body {background:#e1ecc6 url('/elm/bg/btm.gif') repeat-y 50% 0}

body.cm1 {border:2px dashed #f00; border-bottom:0}
#exit {position:absolute;top:0;left:0;padding:4px;background:#f00;color:#fff;font-weight:bold}

/* -------------------------------------- */

.wrp {
	position:relative;
	margin:0 auto;
	width:780px;
	text-align:left;
}

#hd1 {background:#000 url('/elm/bg/hd1.gif') repeat-y 50% 0}
#hd1 .wrp {height:14px; background-color:#222a0e}

#hd2 {background:#6b842c url('/elm/bg/hd2.gif') repeat-y 50% 0}
#hd2 .wrp {height:150px; background-color:#86a537}

*html #hd2 .wrp {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/elm/formschliff.png', sizingMethod='crop')}
html>body #hd2 .wrp {background:#86a537 url('/elm/formschliff.png') 0 0 no-repeat}

#nav {
	background:#fff url('/elm/bg/nav.gif') repeat-y 50% 0;
	*height:44px; /* IE */
	*overflow:hidden;
}

#mid {background:#fff url('/elm/bg/mid.gif') repeat-y 50% 0}
#mid .wrp {padding-top:50px}

#lft {
	float:left;
	margin:0;
	padding:0 0 40px 20px;
	width:250px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:230px;
}
html>body #lft {width:230px}


#cnt {
	float:left;
	margin:0;
	padding:0 20px 40px 20px;
	width:530px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:490px;
}
html>body #cnt {width:490px}


#btm .wrp {
	padding:10px 20px 20px 20px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:740px;
}
html>body #btm .wrp {width:740px}

#btm, #btm div, #btm span, #btm a {
	color:#86a537;
	font-size:11px;
	text-decoration:none;
}
*/

/* -------------------------------------- */

#nav1 {margin:0}

#nav1 li {
	float:left;
	height:100%; /* IE6 */
	margin:10px 0 0 0;
	list-style:none;
}

#nav1 a {
	display:block;
	margin:0 0 0 20px;
	padding:9 0 0 0;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	line-height:normal;
	color:#222a0e;
}

#nav1 a:hover {color:#68802b; text-decoration:none}

#nav1 .set a, #nav1 .set a:hover {
	margin-top:-16px;
	padding-top:10px;
	border-top:6px solid #68802b;
	color:#222a0e;
}

#search {
	float:left;
	margin:0 80px 0 0;
	padding:10px 20px 10px 20px;
	width:210px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:130px;
	background:#f8fbf2;
}
html>body #search {width:130px}

#search input {
	margin:0;
	padding:1px 0 1px 20px;
	width:130px;
	min-width:130px; /* SF */
	max-width:130px; /* FF */
	*width:106px; /* IE6 */
	color:#000;
	background:#fff url('/elm/search.gif') 4px 4px no-repeat;
}
*:first-child+html #search input {min-width:106px} /* IE7 */

/* -------------------------------------- */

#nav2 {margin:13px 0 0 0}

#nav2 li {
	margin:0 0 0 17px;
	padding:3px 0 3px 0;
	list-style-type:square;
}

#nav2 a {text-decoration:none; line-height:14px;}
#nav2 a:hover {text-decoration:underline}
#nav2 .set a {color:#000; font-weight:bold; font-size:97%}

/* -------------------------------------- */

a, a dfn {text-decoration:underline; position:relative} /* IE */
a:hover, a:hover dfn {cursor:pointer; text-decoration:none}

dfn {background:#ffc; font-style:normal}

.alert {color:#d00}
.succs {display:block; padding:10px; background:#e1ecc6; color:#000; font-weight:bold}

i {font-style:italic}
img  {border:0}
.c   {clear:both;display:inline}

form, button {display:inline}
input, textarea, select {margin:auto; padding:auto; line-height:normal}
input:focus, textarea:focus, select:focus {background-color:#f6f9ed}
input:hover, textarea:hover, select:hover {*background-color:#f6f9ed} /* IE7 */

input[type=submit] {padding:0 3px 0 3px; -moz-border-radius:11px}

hr   {height:1px; background:#eee; color:#eee; border:0 #eee}

ul li {list-style-type:square}
#cnt ul li, #cnt ol li {margin-left:29px; margin-top:6px}

/* -------------------------------------- */

h1 {
	margin:0 0 6px 0; text-decoration:none;
	font-weight:bold; border:0;
}

h2, .Multi h2 a {
	margin:0 0 12px 0; 
	color:#111; 
	text-decoration:none;
	font-size:16px; 
	border:0;
}
.Multi h2 a:hover {color:#333}

h3 {font-size:11px; color:#666}
.first h3, #Single h3 {margin-top:-18px}

/* -------------------------------------- */

.Multi b, #Single b {font-size:97%}
.Multi b b, #Single b b {font-size:100%}

.Multi, #Single, #Archiv {margin-bottom:30px}

.Multi {
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #eee;
}

.Multi p.left, #Single p.left {float:left; width:220px; margin:0 10px 0 0;}

/* -------------------------------------- */

#Single .pic a,  .Multi .pic a,
#Single .pic2 a, .Multi .pic2 a {border:0; text-decoration:none}

#Single .pic img {width:224px} /* big */
#Single .pic.vert img  {width:168px}

#Single .pic2 img,
.Multi  .pic img,
.Multi  .pic2 img {width:128px} /* small */

#Single .pic2.vert img,
.Multi  .pic.vert img,
.Multi  .pic2.vert img {width:96px}

#Single .pic,
#Single .pic2,
.Multi  .pic,
.Multi  .pic2 {
	float:left; 
	margin:0px 14px 10px 0;
	padding:4px;
	border:1px solid #ccc;
	text-decoration:none;
}

#Single .pic:hover,
#Single .pic2:hover,
.Multi  .pic:hover,
.Multi  .pic2:hover,
#gal a:hover {border-color:#666}

#Single .pic2.right, .Multi .pic2.right {
	float:right;
	margin:5px 3px 5px 14px;
}
#Single .pic2.nobo, .Multi .pic2.nobo {border:0; padding:3px 0 0 0}

.thickbox p {
	position:absolute;
	bottom:2px; /* IE6 */
	right:8px;
	width:10px;
	height:10px;
	background:url('/elm/zoom.gif') no-repeat;
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}
html>body .thickbox p {bottom:8px} /* rest */
.thickbox:hover p {
	filter:alpha(opacity=99);
	-moz-opacity: 1;
	opacity: 1;
}

/* -------------------------------------- */

#gal {margin:15px 0 -15px 0}

#gal a {
	float:left; 
	margin:8px 8px 0 0; 
	padding:4px; 
	border:1px solid #ccc;
	text-decoration:none;
}
#gal .r {margin-right:0}

#gal a img {
	width:96px; 
	height:72px;
	background-repeat:no-repeat;
	background-position:center;
	background-color:#aaa;
}

/* -------------------------------------- */

#Archiv {margin:0 0 10px 0}
#Archiv dt {float:left; margin:0; padding:0; width:8%; font-weight:bold}
#Archiv dd {float:left; margin:0; padding:0 0 16px 0; width:87%}

#navPage a {margin:0 3px 0 3px}
#navPage .set {
	padding:0 2px 0 2px; 
	font-weight:bold;
	color:#fff;
	background:#444;
	text-decoration:none
}