/*==
style.css
Copyright 2010 Graphiklounge
written for - www.meineseite.de
/* style.css
 * 
 * @author Graphiklounge
 * @project Informell

verwendete farben
==================
#f1efe7 - background
#422c21 - braun (Mengentext)
#73736d - grau (Headlines)
#82c5c2 - blaugrün (Auszeichnungen)
==*/

/* zurücksetzen und überschreiben
==*/
* {
	margin: 0;
	padding: 0;
}

img { border: none; }
a { outline: none; }

/* links und schrift
==*/
body { 
	font-family: Calibri, Verdana, sans-serif;
	font-size: 1em;
	background: #f1efe7;
	letter-spacing:0.05em; 
	color: #422c21;
	line-height:1.5em;
}

a:link, a:active, a:visited { text-decoration: none; color:#73736d; }
a:hover { text-decoration:none; color:#422c21; }
#navi a { font-size: 1.2em; }
#navi li.aktiv a { color:#422c21; }
#navi .unternavi li { font-size: 0.8em; text-transform:lowercase; }

h1 a { text-decoration:none; text-indent: -9000px; position:absolute; background:url('../img/content/informell_logo.png') no-repeat; width:350px; height:132px; }
h1 a:hover { text-decoration:none; color:#73736d; }

h2 { color: #82c5c2; font-weight: normal;}
h2 a { }
h2 a:hover { }



/* layout
==*/
#container { width:900px; margin:40px auto 0; }
#header { margin:0 0 50px; }
#navi { position: absolute; margin: 120px 0 0 0; }
#navi ul.navi1, #navi ul.navi { list-style:none; float:left; margin:0 40px 0 0; }
#navi ul.unternavi { position:absolute; list-style: none; display:none; width:100%; }
#navi ul.unternavi li { float:left; margin:0 20px 0 0; }
#content { position: absolute; margin: 170px 0 0 0; }
p.txt { border-bottom: 1px #b5b5b5 dotted; margin:20px 0; padding: 0 0 20px; }
	#l-con { width:600px; margin:0 40px 0 0; }
	#img-galerie { width:585px; height:310px; border:1px #ccc solid; padding:5px; }
	#img-navi { position:absolute; margin: 0 0 0 540px; }
	#img-navi #prev, #img-navi #next { display:block; font-size:2em; }
	#r-con { width:250px; }
	#con-full { width:900px; }
#footer { margin: 50px 0; border-top:1px #ccc dotted; color:#999; }

#admin td { border-bottom:1px #b5b5b5 dotted; padding:5px; }
#admin table { width: 100%; }
#admin form table { width: auto; }
#admin td { font-size: 0.9em; border-bottom: 1px #56463e solid; padding: 5px; }
#admin form td { padding: 0; }
#admin td a:before { content: "\203A\00A0"; }
#admin form td a:before { content:""; }

#admin .admin-list { margin: 20px 0 0; font-size: 0.9em; width: 100%; }
#admin .admin-list ul { list-style: none; width: 100%; }
#admin .admin-list li { background: #cfcfcf; padding: 5px; margin: 0 0 5px; }

#accordion { margin: 0; }
#accordion dt { margin: 5px 0 0; border-top: 1px #ccc dotted; }
#accordion h2 { margin: 5px 0; line-height:0.7em; }
#accordion h2 span { padding: 0 0 0 15px; }
#accordion dd { padding: 0 10px 20px; }
#accordion dd p { margin: 0; }

ul.list { list-style:none; }

/* formulare
==*/
form { width:880px; padding:10px; margin:20px 0 0; }
.label { width: 130px; text-align: right; margin:0 10px 5px 0; }
.label-err { width: 130px; text-align: right; margin:0 10px 5px 0; color:#BC28D8; }
label { }
.input { margin:0 0 5px; }
.input input { width: 250px; height: 25px; }
textarea { width:250px; height:100px; }
input[type="text"], textarea { font-family:inherit; padding:1px; font-size:20px; }
button { }
button p { border:none; }

/* sonstiges
==*/
.left { float: left; }
.right { float: right; }
.clearer { clear: both; }
.infos, .small { font-size:0.7em; }
.smaller { font-size: 0.5em; }
.err { border:2px #900 solid; background:#fff0f0; padding: 10px; margin:10px 0; color:#900; }
.info { border:2px #eac700 solid; background:#fffcea; padding: 10px; margin:10px 0; color:#d7b700; }
.ok { border:2px #090 solid; background:#ebffea; padding: 10px; margin:10px 0; color:#090; }
.txt-right { text-align:right; }
#popup { }
a.arrow:before { content: "\203A\00A0"; }