/* Copyright (c) 2008 be:screen GmbH (http://www.bescreen.de) */

/* Global */
* { margin: 0; padding: 0; text-decoration: none; outline: none; }
html { font-family: 'Lucida Grande', Verdana, Tahoma, Helvetica, Arial, sans-serif; font-size: 62.5%; }
body { font-size: 100%; color: #000; text-align: center; background: #ebebeb; }
img { border: 0; }
a:link, a:visited { color: #999; }
a:hover { color: #f90 !important; }
a.active { color: #ccc !important; }
hr { margin: 2em 0; border-top: 1px solid #ccc; clear: both; }
ins br, div.clear { clear: both; height:0px; font-size: 0px; line-height: 0px; }
p.right { text-align: right; }
p.center { text-align: center; }
p a:link, p a:visited { color: #036; }

/* Framework */
#container { width: 995px; margin: 0 auto; padding: 25px 0 0; background: url(/images/basic/bg_body.png) top center repeat-y #fff; text-align: left; position: relative; }
#header { height: 175px; margin: 0 10px 0 35px; background: url(/images/basic/bg_header.jpg) no-repeat top right #fff; }
#navigation { height: 50px; margin: -5px 0 0 0; padding: 0 60px; background: url(/images/basic/bg_navigation.gif) no-repeat top left transparent; overflow: visible; }
#home { width: 575px; margin: 0 0 50px 60px; float: left; display: inline; }
#infobar { width: 250px; margin: 0 60px 0 0; float: right; display: inline; }
#sidebar { width: 250px; position: absolute; top: 245px; left: 60px; }
#content { margin: 0 60px 50px 360px; position: relative; }
#footer { height: 50px; background: url(/images/basic/bg_footer.png) no-repeat center bottom; clear: both; }

/* Navigation */
#navigation ul { margin: 0; font-size: 100%; font-weight: bold; float: right; }
#navigation ul li { margin: 0; font-size: 130%; list-style: none; float: left; }
#navigation ul li a { margin: 0 0 0 5px; padding: 10px 20px 0 15px; display: block; }
#navigation ul li.active { background: url(/images/basic/bg_navleft.gif) no-repeat top left transparent; }
#navigation ul li.active a { background: url(/images/basic/bg_navright.gif) no-repeat top right transparent; color: #036; }
#navigation #start { position: absolute; left: 40px; }

/* Sidebar */
#sidebar ul { margin: 0; list-style: none; padding-top: 25px; font-size: 100%; font-weight: bold; color: #036; }
#sidebar ul li { margin: 2em 0; font-size: 130%; line-height: 1.75em; }
#sidebar ul li ul { margin: 1em 0 0; padding: 0; }
#sidebar ul li ul li { margin: 0; padding: 0.25em 1em; font-weight: normal; font-size: 100%; border-left: 1px solid #999; }

/* Typo */
h2 { margin: 50px 0 1em; padding: 0 0 0.25em; text-indent: 0.1em; border-bottom: 1px solid #036; font-size: 170%; font-weight: normal; color: #036; }
p { font-size: 130%; line-height: 1.75em; margin: 0 0 1em; }
p.small { font-size: 10px; }
ul { margin: 2em 0; }
ul li { font-size: 130%; line-height: 1.75em; margin: 0 0 1em 2em; }
ul li ul { margin: 0; }
ul li ul li { margin: 0 0 0 1em; font-size: 100%; }
ol { margin: 2em 0; }
ol li { font-size: 130%; font-weight: bold; line-height: 1.75em; margin: 0 0 1em 2em; }
ol li ol { margin: 0 0 2em; }
ol li ol li { margin: 1em 2em; font-size: 100%; font-weight: normal; }
ol li ol li ol li { list-style-type: lower-alpha; }

/* Infobar */
#infobar h3 { margin: 50px 0 0; padding: 0 0 0.25em; text-indent: 0.1em; border-bottom: 1px solid #036; font-size: 170%; font-weight: normal; color: #036; }
#infobar ul { margin: 0; padding: 0; font-size: 100%; list-style: none; }
#infobar li { margin: 0; font-size: 120%; border-bottom: 1px solid #ccc; xbackground: #f5f5f5; }
#infobar li a { width: 100%; height: 100%; padding: 0.5em; display: block; }
#infobar a:link, #infobar a:visited { color: #333; }
#infobar p { margin: 1em 0; font-size: 120%; }
#infobar p img { margin: 0 1em 0 0; float: left; }
span.cite { padding: 0 1em; text-align: right; font-size: 80%; font-style: italic; display: block; }

/* Forms */
form { margin: 2.5em 0 0; }
form p input { width: 32%; margin: 0 2% 0 0; font-size: 100%; display: block; float: left; }
form p label { width: 8%; padding: 0 1%; font-size: 100%; display: block; float: left; text-align: right; }
form p.button { padding: 2.5em 1% 0 0; text-align: center; }
form p button { width: 125px; height: 25px; margin: 0 auto; padding: 0; color: #fff; font-size: 100%; text-align: center; line-height: 25px; background: url(/images/basic/btn125x25.png) no-repeat center bottom; overflow: hidden; border: none; cursor: pointer; display: block; }
form p button:hover { background: url(/images/basic/btn125x25.png) no-repeat center top; }

/* Buttons */
p.button{ padding: 2.5em 1% 2.5em 0; text-align: center; }
p.button button { width: 125px; height: 25px; margin: 0 auto; padding: 0; color: #fff; font-size: 100%; text-align: center; line-height: 25px; background: url(/images/basic/btn125x25.png) no-repeat center bottom; overflow: hidden; border: none; cursor: pointer; display: block; }
p.button button:hover { background: url(/images/basic/btn125x25.png) no-repeat center top; }

/* Styling */
p.motto { margin: 2em; text-align: center; }
p.motto img { margin: 1em 0 0; }
p.motto span { width: 75%; text-align: right; font-size: 80%; display: block; }
#ini,#team { margin-top: -75px; }
div.col50 { width: 50%; float: left; }
#home p strong { color: #036; }, #content p strong { color: #036; }
#content p.address { padding-left: 25px; border-left: 1px solid #036; }
address { width: 45%; margin: 1em 4% 1em 0; float: left; font-style: normal; }
ul.checklist { list-style: none; border-top: 1px solid #ccc; }
ul.checklist li { margin: 0; padding: 0.5em 1em 0.5em 3em; background: url(/images/basic/bg_checklist.gif) no-repeat top left #f5f5f5; border-bottom: 1px solid #ccc; }
ul.checklist li ul { border: none; }
ul.checklist li ul li { padding: 0.5em 1em 0.5em 2.5em; list-style: none; border: none; background: url(/images/basic/bg_checklist2.gif) no-repeat top left #f5f5f5; }
ul.downloads { margin: 1em 0; list-style: none; }
ul.downloads li { width: 40%; margin: 0 0 1em; padding-left: 10%; background: url(/images/basic/pdficon.gif) no-repeat 5px 5px #fff; float: left; }
ul.links { margin: 2em 0; list-style: none; }
ul.links li { width: 40%; padding: 0; float: left; }
ul.links li a:link, ul.links li a:visited { color: #000; }