/* @group Layout */

/* die Kommentarbe beziehen sich jeweils auf das Element darueber */

body {
text-align: center;
font: 10px Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 1px;
color: #333;
margin-right: 10px;
margin-top: 0px;
margin-left: 10px;
background: #900 url(images/body_bg.gif) repeat-x fixed;
}

/* body: gestaltet den Background; Schriften in Konsultationsgroesse sind hier definiert */

#container {
text-align: left;
background-color: #fff;
margin: 0px auto 60px;
position: relative;
z-index: 1;
width: 842px;
}

#contentContainer {
padding-left: 60px;
padding-bottom: 60px;
width: 540px;
float: right;
line-height: 20px;
margin-left: 1px;
}

#contentContainer p {
font: 14px/20px Georgia, "Times New Roman", Times, serif;
letter-spacing: 0;
margin-top: 20px;
margin-bottom: 20px;
}

#contentContainer #content {
margin-top: 13px;
width: 480px;
}

html>body #contentContainer #content {
margin-top: 53px;
}

/* dieser Container bewirkt, dass Headlines den Gleichen Abstand nach oben haben wie Bilder; die erste Variante ist wieder fuer IE, die Zweite fuer den Rest */

.clearer {
clear: both;
}

/* @end */

/* @group Styles and Decorations */

a:link, a:visited {
text-decoration: none;
color: #06c;
padding-bottom: 1px;
border-bottom-style: none;
}

a:hover {
text-decoration: none;
color: #06c;
border-bottom-style: solid;
border-bottom-width: 1px;
}

h1, a:link.blog-permalink {
color: #900;
font: normal normal 20px/20px Georgia, "Times New Roman", Times, serif;
margin-bottom: 20px;
letter-spacing: 0;
margin-top: 40px;
border-style: none;
}

h2, h3, h4 {
letter-spacing: 0;
margin-top: 30px;
margin-bottom: -10px;
font: bold 14px/20px Georgia, "Times New Roman", Times, serif;
}

h3 {
font-weight: bold;
font-style: italic;
}

h4 {
font-weight: normal;
font-style: italic;
}

strong {
font-weight: bold;
}

code {
padding-right: 3px;
padding-left: 3px;
margin-right: 1px;
margin-left: 1px;
border: 1px #666 solid;
font: 12px "Andale Mono", Courier, "Courier New", monospace;
background-color: #eee;
}

blockquote {
font: italic 14px/20px Georgia, "Times New Roman", Times, serif;
text-indent: 0;
letter-spacing: 0;
margin: 20px 0 20px 30px;
}

img {
border-style: none;
}

#content ol {
font: 14px/20px Georgia, "Times New Roman", Times, serif;
margin: 20px 0 20px 60px;
padding: 0;
letter-spacing: 0;
}

#content ul {
font: 14px/20px Georgia, "Times New Roman", Times, serif;
margin: 20px 0;
padding: 0;
letter-spacing: 0;
}

#content ul li {
list-style: none;
background: url(images/list_line.gif) no-repeat 0 10px;
padding-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
}

/* @end */

/* @group Header */

#pageHeader {
background: url(images/kopf.jpg) no-repeat;
position: relative;
width: 840px;
height: 150px;
margin: 0 1px;
}

#pageHeader img {
}

#pageHeader h1 {
color: #fff;
text-shadow: Black 2px 1px 4px;
padding-top: 46px;
margin: 0px;
padding-left: 600px;
letter-spacing: -1px;
word-spacing: -3px;
font: bold 18px Verdana, Arial, Helvetica, sans-serif;
}

#pageHeader h2 {
color: #fff;
text-shadow: Black 2px 1px 4px;
margin: -1px 0 0;
padding-left: 600px;
font: bold 9px Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
}

#newAddress {
position: relative;
float: left;
margin-top: 5px;
margin-left: 5px;
border: 1px solid #fff;
color: #000;
height: 98px;
padding: 5px 10px;
letter-spacing: +1px;
background-image: url(images/transparent.png);
line-height: 14px;
}

#pageHeader #newAddress h1 {
color: #900;
text-shadow: none;
margin: 0px;
word-spacing: 0;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
padding: 0;
letter-spacing: +1px;
text-transform: uppercase;
}

#pageHeader #newAddress p {
margin: 0;
padding: 0;
}

/* @end */

/* @group Navbar */

#navcontainer {
width: 840px;
position: absolute;
right: 0px;
top: 121px;
height: 29px;
background-color: #f70;
}

/* @group Currents */

#navcontainer #current {
background-color: #990000;
}

#navcontainer #current:hover {
}

#navcontainer .currentAncestor {
border-bottom: 5px solid #900;
height: 29px;
}

html>body #navcontainer .currentAncestor {
height: 22px;
}

/* erste Angabe zur Hoehe fuer IE, zweite fuer den Rest der Welt */

/* @end */

/* @group Level 0 */

#navcontainer ul {
padding: 0;
list-style: none;
margin: 0px;
}

#navcontainer li {
position: relative;
float: left;
width: 120px;
}

#navcontainer a {
color: #ffffff;
text-decoration: none;
display: block;
padding-top: 2px;
padding-left: 5px;
height: 29px;
width: 120px;
padding-bottom: 0;
}

html>body #navcontainer a {
height: 27px;
width: 115px;
}

/* auch hier gebe ich zuerst Breite und Hoehe fuer IE an und dann fuer alle Browser die's richtig machen */

#navcontainer a:hover {
border-bottom: none;
background-color: #f80;
}

#navcontainer a:active {
border-bottom: none;
background-color: #f90;
}

/* @end */

/* @group Level 1 */

#navcontainer ul ul {
display: none;
z-index: 100;
margin-top: -4px;
position: absolute;
top: 28px;
right: auto;
left: 0px;
text-align: left;
float: left;
}

#navcontainer ul ul a {
background: #f80;
height: 24px;
}

html>body #navcontainer ul ul a {
height: 22px;
}

#navcontainer ul ul a:hover {
background-color: #f90;
}

#navcontainer ul ul a:active {
background-color: #f90;
}

#navcontainer ul ul #current {
background: #900;
}

/* set the same style here as we want safari, firefox, etc to use this code. IE 6 PC will not read this code. Refer to styles.css as we use them same hack there */

/* @end */

/* @group More Levels */

div#navcontainer ul ul, div#navcontainer ul ul ul, div#navcontainer ul li:hover ul ul, div#navcontainer ul li:hover ul ul ul, div#navcontainer ul li:hover ul ul ul ul, div#navcontainer ul li:hover ul ul ul ul ul {
display: none;
}

div#navcontainer ul li:hover ul, div#navcontainer ul ul li:hover ul, div#navcontainer ul ul ul li:hover ul, div#navcontainer ul ul ul ul li:hover ul, div#navcontainer ul ul ul ul ul li:hover ul {
display: block;
}

/* @end */

/* @end */

/* @group Sidebar */

#sidebarContainer {
width: 240px;
float: left;
padding-bottom: 60px;
margin-right: 1px;
}

#sidebarContainer #sidebar {
padding-right: 40px;
line-height: 15px;
}

#sidebarContainer .sideHeader {
font: normal 30px Georgia, "Times New Roman", Times, serif;
color: #ccc;
letter-spacing: -1px;
margin-top: 42px;
margin-bottom: 37px;
}

/* @end */

/* @group Footer */

#footer {
text-align: center;
position: relative;
font-size: 9px;
letter-spacing: 1px;
width: 842px;
height: 18px;
padding-top: 3px;
background: url(images/footer_bg.gif) no-repeat 0 -6px;
margin-right: auto;
margin-top: 0px;
margin-left: auto;
}

#footer p {
padding: 0em;
color: #ccc;
margin-top: 0px;
}

#footer a:link, #footer a:visited {
border: none;
color: #ccc;
}

#footer a:hover, #footer a:active {
border-bottom: 1px solid;
}

/* @end */

/* @group Blog */

a:hover.blog-permalink



.blog-entry-date {
color: #f60;
margin-top: 20px;
margin-bottom: 20px;
}

.blog-entry-date {
	margin-bottom: 20px;
}

.blog-entry-date a:link, .blog-entry-date a:visited, .blog-entry-comments a:link, .blog-entry-comments a:visited, .blog-entry-tags a:link, .blog-entry-tags a:visited, .quelle a:link, .quelle a:visited {
color: #999;
}

.blog-entry-date, .blog-entry-comments, .blog-entry-tags, .quelle {
	color: #999;
}

#blog-categories, #blog-archives, #blog-rss-feeds {
line-height: 20px;
margin-top: 20px;
margin-bottom: 20px;
}

.blog-category-link-disabled {
color: #ccc;
display: none;
}

#contentContainer p.blog-entry-tags, .quelle {
color: #999;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}

.blog-entry-comments {
color: #999;
margin-top: 20px;
margin-bottom: 80px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

html>body .blog-archive-headings-wrapper {
line-height: 13px;
}

/* auch hier wieder ein Hack um eine verschrobene Darstellung in IE zu korrigieren */

.blog-archive-headings-wrapper {
margin-top: 29;
margin-bottom: -5px;
}

html>body .blog-archive-headings-wrapper {
margin-top: 0;
margin-bottom: 41px;
}

.blog-archive-link {
display: none;
}

.podcast {
background: url(images/podcast.jpg) no-repeat 0 3px;
height: 50px;
width: 480px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding-top: 6px;
padding-left: 60px;
}

html>body .podcast {
width: 420px;
height: 41px;
}

.online, .itunes {
background: url(images/quicktime.jpg) no-repeat 0 2px;
height: 35px;
float: left;
width: 210px;
padding-top: 5px;
padding-left: 35px;
margin-top: 1px;
}

html>body .online, .itunes {
height: 30px;
width: 175px;
}

.itunes {
padding-left: 40px;
background: url(images/itunes.jpg) no-repeat 0 0;
}

html>body .itunes {
width: 170px;
}

/* @end */

/* @group File Sharing */

.filesharing-description {
margin-bottom: 10px;
}

.filesharing-item {
border: 1px #666 solid;
width: 480px;
margin-bottom: 20px;
background-color: #f4f4f4;
}

html>body .filesharing-item {
width: 478px;
}

.filesharing-item-title a:link, .filesharing-item-title a:visited {
margin-bottom: 5px;
display: block;
color: #f0f0f0;
padding: 0px;
background-color: #666;
height: 20px;
border-bottom: none;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
}

.filesharing-item-title a:hover {
border-bottom: none;
background-color: #777;
color: #fff;
}

.filesharing-item-description {
padding-top: 1px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}

/* @end */

/* @group Contact Form */

.message-text {
width: 490px;
}

.form-input-field {
font-size: 12px;
}

.form-input-button {
font-size: 12px;
}

/* @end */

/* @group Index */

#index p {
margin: 0;
padding-left: 40px;
text-indent: -40px;
font: 12px/20px Verdana, Arial, Helvetica, sans-serif;
}

#content #index h1 {
padding: 0 0 5px;
margin-top: 0;
margin-bottom: 5px;
border-bottom: 1px solid #333;
font: 12px/20px Verdana, Arial, Helvetica, sans-serif;
color: #333;
}

#index a:link, #index a:visited {
color: #333;
}

#index a:hover, #index a:active {
color: #06c;
border-bottom-style: none;
}

/* @end */

.ace_id, .ace_ps, .aci_id, .aci_ps {
margin-bottom: 23px;
margin-top: -13px;
width: 186px;
height: 36px;
background-repeat: no-repeat;
}

.ace_id {
background-image: url(images/ACE_InDesign.gif);
}

.ace_ps {
background-image: url(images/ACE_Photoshop.gif);
}

.aci_id {
background-image: url(images/ACI_InDesign.gif);
}

.aci_ps {
background-image: url(images/ACI_Photoshop.gif);
}

.referenz {
text-align: center;
border: 1px #999999 solid;
width: 480px;
padding-top: 40px;
padding-right: 0px;
padding-bottom: 40px;
padding-left: 0px;
margin-bottom: 30px;
}

html>body .referenz {
width: 478px;
}

.referenz a:link, .referenz a:visited, .referenz a:hover {
display: block;
border-style: none;
}

.referenz img {
border-style: none;
}

p .imageStyle {
float: left;
margin-right: 10px;
margin-left: 0px;
}

.image-left {
float: left;
margin: 3px 3px 3px 0;
padding: 3px 3px 3px 0;
}

.image-right {
float: right;
margin: 3px 0 3px 3px;
padding: 3px 0 3px 3px;
}

.imageStyle {
margin: 0em;
padding: 0em;
}