/**
* CSS (screen)
*
* @author	Sebastian Müller <sebastian produktivbuero de>
* @date		10/02/2009
*/

* {margin:0; padding:0;}

body {margin-left:2em; font-family:Verdana, Geneva, Arial, sans-serif; font-size:0.7em; line-height:1.5em; color:#333; background:#90C8C8; border-top:0.5em solid #EFEDE3;  border-bottom:0.5em solid #EFEDE3;}

h1, h2 {padding:0.5em 0;color:#333;font-size:1.2em;} /* erste Überschrift: s. typo3.css */
h3 {color:#333;font-size:1em;}
h4 {color:#333;font-size:1em;}
h5 {color:#333;font-size:1em;}
h6 {color:#333;font-size:1em;}

p {padding-bottom:1em;}

a {color:#066;}
a.black{color:#333;text-decoration:none;}

img {border:none;}

ol, ul {padding-bottom:1em;padding-left:2em;}

label {}
form {}
input,select,textarea {padding:2px;}
textarea {overflow:auto;}

acronym {cursor:help; border-bottom:1px dotted #333;}

/* ------------ Layout ------------ */

#container {position:relative; width:960px;}
#background {padding:10px 20px; width:740px; background:#FFF; border-right:1px solid #333333;}
#header {padding:20px 0; border-bottom:1px dashed #333;}
#navigation {position:absolute; z-index:300; top:60px; left:320px; width:460px;}
#meta {position:relative; z-index:200; float:right; font-size:0.8em; line-height:3em;}
#breadcrump {position:relative; z-index:100; font-size:0.8em; line-height:3em;}
#blockquote {position:relative; z-index:200; min-height:80px; margin-bottom:30px; padding:10px 250px 10px 20px; font-size:1.2em; background:#339999;} /* url(../images/blockquote-background.gif) repeat-y right top */
#left {float:left; width:200px; border-left:1px solid #333333;}
#content {padding-left:40px; min-height:600px; overflow:hidden;} /* margin-left:240px; */
#bottom {line-height:5em; margin-left:240px;}
#footer {}
#service {position:absolute; top:280px; left:781px; width:180px; background:#FFF;}

/* ------------ Navigation ------------ */

#navigation ol {margin:0; padding:0; list-style:none; line-height:1.2em;}
#navigation ol li {float:left; margin-right:2%; width:30%; border:1px solid #FFF;}
#navigation ol li.lang {}
#navigation ol li:hover {border:1px dashed #979692;}
#navigation ol li.lang:hover {border:1px solid #FFF;}
#navigation ol li a {padding:0 4px; color:#979692; text-decoration:none; font-family:Tahoma,sans-serif; font-weight:bold; letter-spacing:1px; white-space:nowrap; display:block; background:#FFF;}
#navigation ol li.lang a {color:#6D9F9F; background:#FFF url(../images/langnavigation-arrow.gif) no-repeat 60% 3px;}
#navigation ol li:hover a {color:#A70000;}
#navigation ol li.lang:hover a {color:#6D9F9F;}

#navigation ol li ol {position:absolute; left:-1000px; top:0; z-index:400; margin-top:-0.5em; margin-left:7em; width:30%; padding-top:30px; background:#EFEDE3 url(../images/navigation-arrow.gif) no-repeat 8px 8px;}
#navigation ol li ol li {float:none; font-size:1em; border:none;}
#navigation ol li:hover ol {left:auto; top:auto;}
#navigation ol li:hover ol li:hover {border:none;}
#navigation ol li:hover ol li a {padding:2px 8px; color:#333; text-decoration:none; font-weight:normal; white-space:nowrap; display:block; background:none;}
#navigation ol li ol li a:hover {color:#A70000;}

#blockquote ul {position:absolute; top:0; right:0; margin:0; padding:0; list-style:none; height:100%; background:#FFF;}
#blockquote ul li {width:110px; height:100px; border-left:0.4em solid #FFF; overflow:hidden; float:left;}
#blockquote ul li a {width:110px; height:100px; text-indent:-1000px; overflow:hidden; float:left;}

#blockquote ul li.infopool {background:url(../images/blockquote-background-infopool.gif) no-repeat right bottom;}
#blockquote ul li.xtranet {background:url(../images/blockquote-background-xtranet.gif) no-repeat right bottom;}
#blockquote ul li.logout {background:url(../images/blockquote-background-logout.gif) no-repeat right bottom;}
#blockquote ul li.logout-en {background:url(../images/blockquote-background-logout-en.gif) no-repeat right bottom;}

/* ------------ Inhalt ------------ */

.bildunterschrift {color:#7F7F7F; font-size:0.8em;}

#meta p {margin:0; padding:0;}
#meta a {padding-left:1.5em; color:#333; text-decoration:none;}
#meta a.rssbutton {background:url(../images/rssbutton.gif) no-repeat left center;}
#meta a.printbutton {background:url(../images/printbutton.gif) no-repeat left center;}
#meta a.helpbutton {background:url(../images/helpbutton.gif) no-repeat left center;}
#meta a.fontsize {padding-left:0;}
#meta a.bigger {font-size:1.4em;}
#meta a.standard {font-size:1.2em;}
#meta a.smaller {font-size:1em;}

#breadcrump p {margin:0; padding:0;}
#breadcrump a {color:#333;}

#blockquote p {margin:0; padding:0;}
#blockquote blockquote {color:#FFF; font-weight:bold;}
#blockquote cite {font-size:0.8em; font-style:italic; font-weight:normal;}

#left h2 {padding:0.4em; color:#FFF; background:#339999;}
#left h2.news {padding-bottom:4em; background:#339999 url(../images/left-background-news.jpg) no-repeat left bottom;}
#left h2.magazine {padding-bottom:4em; background:#339999 url(../images/left-background-magazine.jpg) no-repeat left bottom;}
#left h2.warenkorb {background:none; color:#333;}
#left #warenkorb {padding-top:0;}
#left #warenkorb ol, #left #warenkorb ul {padding-bottom:0;}
#left #warenkorb a.bestellen {text-decoration:none; background:#97CACD; border:1px solid #006666; color:#000000; margin:0; padding:3px 4px;}
#left h3 {color:#066;}
#left p {}
#left div.box {padding:1em 0.6em 0 0.6em;}
#left div.news-list-item {padding-bottom:1em;}

#content div.contentbox {margin-bottom:1em; padding-bottom:1em; border-bottom:1px dashed #333;}

#service div.box {padding:0.8em 0.6em 0 0.6em; border-bottom:1px dashed #333;}
#service h2 {padding-bottom:1em; font-size:1.1em;}
#service p {}
#service input {width:120px !important; margin-right:5px; color:#AAA;}
#service input.button {padding:0 1px; width:auto !important; margin:0; color:#000; background:#97CACD; border:1px solid #006666;}
#service #searchform input {width:90px !important; color:#000;}
*+html #service #searchform input {width:80px !important;}
#service #searchform input.button {padding:0; width:auto !important;}

#service div.beigebox {background:#EFEDE3;}
#service div.redbox {margin:-0.8em -0.6em 0 -0.6em; padding:0.8em 0.6em 0 0.6em; color:#FFF; background:#CE2825;}
#service div.redbox h2,#service div.redbox a {color:#FFF;}

#footer p {margin:0; padding:0;}
#footer a {color:#333; text-decoration:none;}

/* ------------ Formulare ------------ */


/* ------------ Sitemap------------ */

div.csc-sitemap ul {margin:0; padding:0; list-style:none; border-left:1px dotted #90C8C8;}
div.csc-sitemap ul li {margin:8px 0 0; font-weight:bold;}
div.csc-sitemap ul li a {padding:0 5px; border-bottom:1px dotted #90C8C8; color:#333333; text-decoration:none;}

div.csc-sitemap ul li ul {margin-left:2em;}
div.csc-sitemap ul li ul li ul li {font-weight:normal;}


/* ------------ Sonstiges ------------ */


.member-list {list-style-type:none; list-style-image:url(../images/member-list-item.gif); list-style-position:outside;}

span.new {color:#CE2825;}
span.protected {color:#979692;}

.note {font-size:0.8em; color:#AAAAAA;}
.note a {color:#AAAAAA;}
.red, .red a {color:#CE2825;}

.hide {display: none;}
.print {display: none;}
.noprint {}

.clearfix {visibility:hidden; clear:both; height:0; overflow:hidden;}

#powermaildiv_uid125, #powermaildiv_uid126 {visibility: hidden; position: absolute;}

#footer .tx-lilURL-pi1 .success a {
	color: white;
}