@charset 'utf-8';
@import url(reset.css);

/* ----------------------------------------------------- Page layout */

body { background: #4FAED0 url(./../img/body.gif) repeat-x; font-size: 62.5%; font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; padding: 0 0 3em 0; color: #0B3357; }

a { color: #0B3357; text-decoration: underline; }
a:hover { color:#0B3357; text-decoration: none; }

#page { width: 810px; margin: 0 auto 0 auto; }

#header { background: url(./../img/header.jpg) no-repeat top center; width: 100%; height: 200px; }
#header a#logo { display: block; height: 115px; width: 800px; margin: 0 auto; }
#header h1 a { color: #fff; font-size: 2.4em; font-weight:bold; letter-spacing: -9999px; display: block; text-decoration: none; }
#header h2 { font-size: 1.68em; color: #fff; font-weight: normal; letter-spacing: -1px; margin: 75px 0pt 0pt 30px; }

#nav { background: #C33030; overflow: hidden; position: relative; width: 765px; margin: 0 auto; padding: 4px 0 0 45px; background: url(./../img/nav.jpg) no-repeat; height: 82px; }
#nav ul { overflow: hidden; }
#nav ul li { float: left; }
#nav ul li a { float: left; color: #fff; display: block; font-size: 1.3em; font-weight: normal; padding: 8px 15px 0 15px; height: 23px; text-decoration: none; vertical-align: middle; border-left: 1px solid #1b4978; border-right: 1px solid #15395c; }
#nav ul li a:hover,  #nav ul li.aktiv a { background: #3a9cc5; }
#nav form { position: absolute; top: 0; right: 0; }
#nav form input { border: 1px solid #AAAAAA; color:#979797; font-size:1.1em; vertical-align: middle; width: 180px; margin: 3px 3px 0 0; background: #fff url(./../img/search.gif) no-repeat 97% 50%; padding: 2px; }

#main { padding: 0 0 0 4.5em; background: url(./../img/main.gif) repeat-y; clear: both; overflow: hidden; }
#main_r { background: #fff url(./../img/sitebar.gif) repeat-y top right; }

#content { width: 57.8%; float: left; padding: 2.5em 3.5em 0 0; border-right: 3px solid #E0EAEF; }

#sitebar { width: auto; margin: 0 0 0 65.8%; padding: 2.2em 0 0 0; }
#sitebar h2 { display: block; background: url(./../img/h2.gif) no-repeat 0px 0px; font-size: 1.5em; color: #274c5d; font-weight: normal; border-bottom: 3px solid #E0EAEF; margin-right: 2.5em; padding: 0 0 0.3em 0; text-transform: uppercase; }
#sitebar ul { margin: 0.5em 0 1.7em 1.5em; list-style: square; }
#sitebar ul li { padding: 0.3em 0; }
#sitebar ul li a { font-size: 1.2em; text-decoration: none; color: #274c5d; }
#sitebar ul li a:hover { text-decoration: underline; }
#sitebar #menu { padding: 1em 1em 1em 1.8em; }
#sitebar form { margin: 1.5em 0 2.5em 0; }
#sitebar form h3 { margin-bottom: 0.5em; }
#sitebar label { display: none; }
#sitebar input { vertical-align: middle; background: url(./../img/input.gif) repeat-x; border: 1px solid #8eb4c3; padding: 3px; width: 10em; color: #999; font-size: 1.1em; color: #0B3357; }
#sitebar input#submit { width: auto; border: 0; background: none; color: #0B3357; }
#sitebar input[type=text]:focus { background-position: 0 -500px; border-color: #8c8c8c; color: #101010; }

#breadcrumb { margin: 0 0 0 0; padding: 3em 0 0 0; font-size: 1.2em; color: #67787F; }
#breadcrumb a { color: #67787F; }

.post { margin: 0; padding: 0 0 3em 0; }
.post p { font-size: 1.4em; line-height: 1.45em; margin-bottom: 0.8em; }
.post h3 a, .post h2 { background: url(./../img/h2.gif) no-repeat bottom right; font-size: 2.1em; text-decoration: none; padding: 0 0 0.3em 0; display: block; color: #274c5d; border-bottom: 3px solid #D1DBDF; margin-bottom: 0.6em; }
.post h3 a:hover { border-color: #274C5D; }
.post .meta { padding: 0.2em 0 1.2em 0; }

#comments { margin: 1em 0 1em 0; padding: 0; }
#comments p { font-size: 1.4em; line-height: 1.45em; margin-bottom: 0.8em; }
#comments h2 { font-size: 1.5em; font-weight: bold; margin: 0.5em 0 1em 0; }
#comments ol li { border-bottom: 2px dotted #D1D1D0; margin: 0.8em 0 1.5em 0; }
#comments cite { font-style: italic; font-size: 0.8em; }
#comments textarea { width: 300px; border: 1px solid #AAAAAA; padding: 3px; }
#comments input { width: 300px; border: 1px solid #AAAAAA; padding: 3px; }
#comments input#submit { width: auto; }

#footer { background: #fff url(./../img/footer.gif) no-repeat bottom center; padding: 2em 0 4em 4.5em; font-size: 1.1em; margin-bottom: 2em; }