/*
span[lang=en] {
color:#336;
}
em.seo {
color:#000;
font-weight:bold;
}
 Test */
span.process-time {
position:absolute;
display:block;
bottom:1em;
text-align:center;
color:#966;
}

/* Hauptformate */
* {
margin:0;
padding:0;
border:0;
background:transparent;
}
html  {
height:100%;
}
body {
font:8pt Verdana,'Trebuchet MS',Arial,sans-serif;
text-align:center;
color:#444;
background:rgb(168,151,128) url(../img/theme_2/body_bg.jpg) 0 0 repeat-x;
min-height:101%; /* Scrollbar erzwingen, damit es beim Seitenwechsel nicht ruckelt */
}

/* Body Links */

a { 
font-family:Verdana,SunSans-Regular,sans-serif;
text-decoration:none;
font-weight:normal;
color:#960;
background-color:inherit;
}
a:active, a:hover, a:focus, #content a:target { 
color:#630;
background-color:inherit;
}
#content .text a {
text-decoration:underline;
}
#content .text a[name] {
text-decoration:none;
}
* #content h2 a,
* #content h3 a,
* #content h4 a,
* #content h5 a {
color:#993;
background-color:inherit;
font-weight:bold;
text-decoration:none;
}
h4 {
text-align:right;
}
/* Hauptcontainer */

#container {
position:absolute;
width:816px;
top:0;
left:50%;
margin-left:-409px;
min-height:100%;
height:auto !important;
height:100%;
text-align:left;
background:url(../img/theme_2/content_bg.gif) top left repeat-y;
}
#header  {
background:url(../img/theme_2/header_bg.gif) 0 0 no-repeat;
width:816px;
height:104px;
display:block;
margin-top:49px;
}
#content {
width:816px;
min-height:400px !important;
height:auto !important;
height:400px;
background:url(../img/theme_2/content_top.jpg) top center no-repeat;
}
#inner-content {
padding:60px 200px 120px 240px;
}
#menu, #comment h1{
position:absolute;
width:816px;
min-height:49px;
height:auto !important;
height:49px;
top:0;
z-index:10;
background:url(../img/theme_2/menu_bg.gif) top left no-repeat;
}
#login {
position:absolute;
top:-50px;
}
#side-menu {
position:absolute;
top:155px;
left:20px;
width:180px;
/*
min-height:100%;
height:auto !important;
height:100%;
*/
background:url(../img/theme_2/dotted.gif) top right repeat-y;
}
#side-menu a {
color:#663;
background:#fff;
}
#side-menu a.active {
font-weight:bold;
}
#side-menu ul {
list-style:none;
margin-right:10px;
}
#side-menu ul li {
display:block;
margin-left:15px;
background:#fff;
color:#999;
line-height:1.5em;
}
#side-menu form ul li {
padding-left:0;
background:transparent;
}
#side-menu ul ul li {
margin-left:8px;
background:#fff;
color:#c0c0c0;
border-bottom:1px dotted #ccc;
}
#side-menu ul li span.count {
float:right;
}
#side-box,
#add-content {
width:152px;
min-height:400px;
height:auto !important;
height:400px;
position:absolute;
right:20px;
top:155px;
padding-top:10px;
background:transparent url(../img/theme_2/side_box.gif) top right no-repeat;
}

#side-box * dd,
#side-box ul.hitlist,
#add-content  * a {
color:#999;
background-color:inherit;
font-size:0.9em;
display:block;
padding-bottom:15px;
background:url(../img/theme_2/eck.gif) bottom right no-repeat;
}
#side-box ul.hitlist li {
list-style:none;
margin-left:0;
padding:5px 0 5px 0;
border-bottom:1px dotted #ccc;
}
#content #inner-content #side-box h2,
#content #inner-content #add-content h3 {
background:#fff url(../img/theme_2/dotted.gif) top right repeat-x;
margin:0 0 10px 10px;
padding:1px 2px;
border-left:1.2em solid rgb(247,247,243);
color:inherit;
}
#content .text {
background:rgb(247,247,243);
color:inherit;
}
* #content #inner-content #side-box h3 {
color:#ccc;
}
#aktuell #add-content,
#side-menu ul li#photoalbum ul,
#comment h1 span,
#aktuell h1,
#portfolio h1,
#aktuell .eintrag div.header img,
#header h2 span,
#header h3 span {
display:none;
}
#footer {
position:absolute;
bottom:0;
background:url(../img/theme_2/footer_bg.jpg) top left no-repeat;
height:106px;
width:816px;
clear:both;
}
* html #footer {
bottom:-1px;
}
#footer #footer-left {
padding-top:50px;
padding-left:20px;
width:500px;
display:inline;
float:left;
}
#footer ul#footer-right {
margin-top:26px;
margin-right:20px;
display:inline;
float:right;
text-align:center;
min-width:240px;
background:url(../img/theme_2/button_left.jpg) top left no-repeat;
color:#999;
background-color:inherit;	
}

#footer ul#footer-right li {
list-style:none;
display:inline;
float:left;
height:35px;
line-height:35px;
}
#footer ul#footer-right li#left {
width:63px;
}
#footer ul#footer-right li#middle {	
background:url(../img/theme_2/button_middle.jpg) top left repeat-x;
padding:0;
}
#footer ul#footer-right li#right {
min-width:60px;
width:auto !important;
width:60px;
background:url(../img/theme_2/button_right.jpg) top right no-repeat;	
}

#footer div#footer-left a {
color:#660;
background-color:inherit;
font-weight:bold;
}
#footer ul#footer-right a {
color:#999;
background-color:inherit;
}

/* PageHeader */

#header h2 a {  /* www.webdaum Logo www_webdaum*/
width:200px;
height:104px;
display:block;
}
#content h3.relative{
margin-top:20px;
font-weight:bold;
padding-bottom:20px;
background:url(../img/theme_2/dotted.gif) bottom right repeat-x;
}
#content h3.relative a {
color:rgb(168,151,128);
background-color:inherit;
}
#copyright {
position:absolute;
right:8px;
top:43px;
width:605px;
height:110px;
}
#aktuell #copyright {
background:url(../img/theme_2/aktuell.jpg) no-repeat;
}
#kontakt #copyright {
background:url(../img/theme_2/fantasy.jpg) no-repeat;
}
#portfolio #copyright {
background:url(../img/theme_2/portfolio.jpg) no-repeat;
}
#dienste #copyright {
background:url(../img/theme_2/dienste.jpg) no-repeat;
}
#links_downloads #copyright,
#links_downloadsgrafik #copyright {
background:url(../img/theme_2/support.jpg) no-repeat;
}
#impressum #copyright {
background:url(../img/theme_2/impressum.jpg) no-repeat;
}
#comment #copyright {
background:url(../img/theme_2/fantasy.jpg) no-repeat;
}
/* ---------------------------------------------------------------------------*/
/*  MENU */
/* ---------------------------------------------------------------------------*/

#menu ul {
margin:16px 7px;
list-style:none;
}
#menu ul ul,
#menu ul ul ul,
#menu li.kat-1:hover ul ul,
#menu li.kat-2:hover ul ul,
#menu li.kat-3:hover ul ul,
#menu li.kat-4:hover ul ul,
#menu li.kat-5:hover ul ul {
display:none;
width:132px;
position:absolute;
margin:0;
}
#menu ul ul ul {
left:132px;
top:0;
}
#menu li.kat-1:hover ul,
#menu li.kat-1 li:hover ul,
#menu li.kat-2:hover ul,
#menu li.kat-2 li:hover ul,
#menu li.kat-3:hover ul,
#menu li.kat-3 li:hover ul,
#menu li.kat-4:hover ul,
#menu li.kat-4 li:hover ul,
#menu li.kat-5:hover ul,
#menu li.kat-5 li:hover ul {
display:block;
}
#menu li {
display:inline;
float:left;
position:relative;
width:132px;
margin-left:1px;
}
#menu li li {
display:block;
float:none;
}
#menu ul ul li {
margin:5px 0 0 0;
color:inherit;
}

div#menu ul ul li {
background:transparent url(../img/theme_2/alphatransparent.png);
color:#666;
}
#menu ul ul ul li {
margin:0 0 0 1px;
}
#menu li.kat-1,
#menu li.kat-6 ul {
width:134px;
}
#menu li.kat-1 ul a:link,
#menu li.kat-1 ul a:visited,
#menu li.kat-1 ul a:active,
#aktuell #menu li.kat-1 ul a,
#menu li.kat-2 ul a:link,
#menu li.kat-2 ul a:visited,
#menu li.kat-2 ul a:active,
#kontakt #menu li.kat-2 ul a,
#menu li.kat-3 ul a:link,
#menu li.kat-3 ul a:visited,
#menu li.kat-3 ul a:active,
#portfolio #menu li.kat-3 ul a,
#menu li.kat-4 ul a:link,
#menu li.kat-4 ul a:visited,
#menu li.kat-4 ul a:active,
#dienste #menu li.kat-4 ul a,
#menu li.kat-5 ul a:link,
#menu li.kat-5 ul a:visited,
#menu li.kat-5 ul a:active,
#links_downloads #menu li.kat-5 ul a,
#links_downloadsgrafik #menu li.kat-5 ul a {
color:#666;
background:transparent;
font:normal 0.8em/1.4em 'Trebuchet MS',sans-serif;
border-bottom:1px solid #ffe;
text-align:left;
padding:5px 7px;
}
#menu ul li a {
color:#fff;
font:normal 1em/27px 'Trebuchet MS',sans-serif;
display:block;
text-align:center;
}
#menu ul li a:hover {
color:#fff;
background:rgb(100,100,60) url(../img/theme_2/menu_hover.gif);
}
#menu li.kat-1 a:hover {
color:#fff;
background:#663 url(../img/theme_2/kat_1_hover.gif) 100% 100% no-repeat;
}
#menu li.kat-1 a:active,
#aktuell #menu li.kat-1 a {
background:rgb(222,187,56) url(../img/theme_2/kat_1.gif) 100% 100% no-repeat;
color:#000;
}
#menu li.kat-2 a:active,
#kontakt #menu li.kat-2 a {
background:rgb(173,176,165) url(../img/theme_2/kat_2.gif) 100% 100% repeat-x;
color:#000;
}
#menu li.kat-3 a:active,
#portfolio #menu li.kat-3 a {
background:rgb(143,167,50) url(../img/theme_2/kat_3.gif) 100% 100% repeat-x;
color:#000;
}
#menu li.kat-4 a:active,
#dienste #menu li.kat-4 a {
background:rgb(196,196,120) url(../img/theme_2/kat_4.gif) 100% 100% repeat-x;
color:#000;
}
#menu li.kat-5 a:active,
#links_downloads #menu li.kat-5 a,
#links_downloadsgrafik #menu li.kat-5 a {
background:rgb(204,171,126) url(../img/theme_2/kat_5.gif) 100% 100% repeat-x;
color:#000;
}
#menu li.kat-6 a:active,
#blog #menu li.kat-6 a {
background:#c7e19e url(../img/kat_6.gif) 100% 100% repeat-x;
color:#000;
}

/* Textauszeichnung 
border:1px solid rgb(247,247,243);
height:50px;*/

acronym {
border-bottom:1px dotted #660;
display:inline-block;
}
em.seo {
font-style:normal;
}
#content hr {
color:#ccc;
margin:10px 0;
height:1px;
border-bottom:1px dotted #ccc;
}
img.blickfang {
margin-right:5px;
}
#content ol,
#content ul,
#content .text li,
#content p {
margin-top:1em;
margin-bottom:1em;
line-height:1.4em;
}
#inner-content ul, .clear {
clear:both;
}
#content ul ul {
list-style:none;
margin-left:5px;
font-size:0.8em;
}
#content ul.compact li,
#content div.linklist li {
margin:0;
}
td {
vertical-align:top;
padding:10px 5px 10px 0
}

/* Formulare */

#receipt {
width:20px;
} 
textarea, input {
background:rgb(255,250,237);
color:#666;
border:1px solid #ccb;
}
#comment form dfn {
width:20ex;
display:block;
float:left;
clear:left;
}
#comment form fieldset {
border:1px dotted #999;
padding:2em 2ex;
margin:2em 0;
}
textarea {
height:150px;
}
p.form input {
margin-right:5px;
}
#kontakt input.ressub, input.submit {
width:120px;
cursor:pointer;
}
/*Überschriften */

#content * h1,
#content * h2,
#content * h3,
#content * h4,
#content * h5,
#content * h6 {
font-family:'Trebuchet MS',Arial,Verdana,SunSans-Regular,sans-serif;
margin-bottom:10px;
margin-top:10px;
color:#876;
font-size:10pt;
}

#content * h1 {
font-size:14pt;
}

/* Grafik */	

#links_downloadsgrafik #content .text img#bild {
position:relative;
left:-40px;
}
/* Desktopbilder */

#links_downloadsgrafik td {
padding:5px 5px 7px 5px;
vertical-align:middle;
border-bottom:1px solid #ccc;
}
#links_downloadsgrafik tfoot td {
padding:5px 0px;
vertical-align:middle;
border-bottom:0;
}
#links_downloadsgrafik caption {
font-weight:bold;
margin:20px 0;
}

/* Buttons*/

.metallic {
background:url(../img/links_download/grafik/button/button_metallic/background.gif) 0 0 no-repeat;
width:125px !important;
height:125px !important;
width:150px;
height:150px;
width/**/:125px;
height/**/:125px;
padding:25px;
}

/* wallpaper */

div.wall {
width:365px;
height:365px;
background:#ff3355;
}

/* Kartei Portfolio 
position:relative;
z-index:999;*/
div.setting {
margin-top:-0.7em;
padding-bottom:1em;
background:url(../img/theme_2/dotted.gif) bottom right repeat-x;
}
.img-container,
#img-container {
display:block;
margin-top:1em;
padding:0 11px 12px 0;
background:url(../img/theme_2/screenshot_bg.jpg) 100% 100% no-repeat;
float:left;
min-width:200px;
width:auto !important;
width:211px;
text-align:right;
}
/* showroom start */
.text-container,
.showroom .img-container {
padding:0;
background:#654;
min-width:180px;
width:180px;
max-height:180px;
position:relative;
margin:0 1ex 1ex 0;
text-align:right;
}
a.text-container {
background:#eee;
float:left;
height:180px;
}
a:hover.text-container {
background:#654;
color:#ccc;
}
a.img-container span,
a.text-container span {
color:#fff;
display:none;
position:absolute;
bottom:0.5em;
right:0.5em;
opacity:0.8;
}
a.text-container span {
color:inherit;
display:block;
}
a.img-container img {
border:3px solid #fff;
}
a:hover.img-container img {
opacity:0.3;
}
a:hover.img-container span {
display:block;
}
div.next {
clear:both;
}
/* showroom end */
#kartei div.feld {
float:right;
}
#kartei small {
display:block;
width:355px !important;
width:300px;
clear:both;
}
#kartei a#prev,
#kartei a#next,
#showroom .next a {
display:inline;
width:30px;
height:30px;
clear:right;
}
#kartei a#prev {
float:left;
background:url(../img/portfolio/kartei/prev.png) no-repeat;
margin-left:10px;
}
#kartei a#next,
#showroom .next a {
float:left;
background:url(../img/portfolio/kartei/next.png) no-repeat;
margin-left:220px;
}
#kartei a#prev span,
#kartei a#next span,
#showroom .next a span {
position:relative;
left:-1200px;
}
#portfolio div.linklist {
position:absolute;
left:20px;
width:160px;
top:300px;
list-style:none;
overflow:hidden;
}

#portfolio div.linklist ul {
list-style:none;
}
#portfolio div.linklist ul li {
border-bottom:1px dotted #ccc;
}
#portfolio div.linklist ul li a:hover {
display:block;
background:#693;
color:#fff;
}
/*-----  Download & code example links ------ */
a.js,
a.css,
a.html,
a.htm,
a.php,
a.inc,
a.pdf,
a.ppt,
a.zip,
a.psd {
display:block;
padding-left:25px;
line-height:20px;
color:#339;
font-weight:bold;
text-decoration:none;
background-position:0 50%;
background-repeat:no-repeat;
}
a.js {
background-image:url(../src/js.gif);
}
a.css {
background-image:url(../src/css.gif);
}
a.html, a.htm {
background-image:url(../src/html.gif);
}
a.php, a.inc {
background-image:url(../src/php.gif);
}
a.pdf {
background-image:url(../src/pdf.gif);
}
a.ppt {
background-image:url(../src/ppt.gif);
}
a.zip {
background-image:url(../src/zip.gif);
}
a.psd {
background-image:url(../src/psd.gif);
}
/*  Blog */

/* Aktuell Index */
/* Header Image austauschen: */

#aktuell .eintrag div.header {
width:200px;
height:139px;
background:url(../img/aktuell/webdaum_webdesign_theme_2.jpg) no-repeat;
float:left;
margin:0 10px 10px 0;
}
#aktuell .teaser {
padding-bottom:20px;
margin-bottom:20px;
background:url(../img/theme_2/dotted.gif) bottom right repeat-x;
}
#aktuell .teaser .kommentare {
clear:left;
text-align:right;
}
#aktuell .kopfzeile {
margin-bottom:20px;
padding:2px 10px;
height:101px;
/*background:url(../img/theme_2/kopfzeile_bg.png) 0 0 no-repeat;*/
}
#aktuell div.autor * {
display:inline;
}
#aktuell div.kommentare {
clear:left;
margin-top:40px;
text-align:right;
}
#aktuell ul.kommentare {
list-style:none;
}
#aktuell ul.kommentare li {
background:#fff;
border:1px solid #ccc;
padding:5px;
margin-bottom:10px;
}
#aktuell .eintrag .text strong {
display:block;
}
#aktuell div.text {
clear:left;
}
#aktuell .eintrag .text h3 {
margin-top:20px;
clear:both;
}
/* ------- code:  -------- */
pre, .phpcode {
width:100%;
overflow:auto;
}
pre, code {
font-family:Lucida,'Lucida Console','Courier New',Courier,sans-serif;
}
/* ------- code line numbering:  -------- */
#content div.code-listing ol {
list-style:decimal-leading-zero inside;
line-height:1em;
}
#content div.code-listing ol li {
background-color:#fff;
margin:0.2em 0;
}
/* ------- code syntax highlighting:  -------- */
code {
color:#039;
}
div.php {
/*background:#fff;*/
}
span.string {
color:#d00;
}
span.comment {
font-family:'Courier New',Courier,sans-serif;
color:#ff8000;
}
span.keyword {
color:#070;
}
span.default {
color:#00b;
}
span.html {
color:#000;
font-size:8pt;
font-family:Verdana;
}
blockquote {
margin-top:20px;
padding-left:40px;
background:url(../img/theme_2/quote.gif) 0 0 no-repeat;
clear:both;
font-style:italic;
}
strong a {
font-weight:bold;
}
#aktuell .eintrag .footer {
border-top:1px dotted #999;
border-bottom:1px dotted #999;
margin:20px 0;
line-height:25px;
clear:both;
}
#aktuell .eintrag  a.permalink {
background:url(../img/theme_2/link.gif) no-repeat;
padding-left:25px;
padding-bottom:5px;
}	
#aktuell .eintrag .footer a.mr-wong {
background:url(../img/gemeinsam/wong_mini.gif) no-repeat;
padding-left:15px;
padding-bottom:12px;
}	
#aktuell .eintrag .footer a.delicious {
background:url(../img/gemeinsam/delicious.gif) no-repeat;
padding-left:15px;
padding-bottom:12px;
}	
#aktuell .eintrag .footer a.yigg {
background:url(../img/gemeinsam/yiggit.png) no-repeat;
padding-left:18px;
padding-bottom:12px;
}	
#aktuell .eintrag .footer a.linkarena {
background:url(../img/gemeinsam/linkarena.png) no-repeat;
padding-left:18px;
padding-bottom:12px;
}	
#aktuell a.edit {
background:url(../img/gemeinsam/edit.png) 0 0 no-repeat;
padding-left:24px;
padding-bottom:12px;
}
#aktuell .eintrag a.permalink span,
#aktuell .eintrag .footer a.mr-wong span,
#aktuell .eintrag .footer a.yigg span,
#aktuell .eintrag .footer a.delicious span,
#aktuell .eintrag .footer a.linkarena span,
#aktuell a.edit span,
a#rss-feed span,
li#blognews a span {
position:absolute;
left:-2000px;
}	
#aktuell .eintrag a.kommentar,
a.kommentaranzahl {
background:url(../img/theme_2/comment.gif) no-repeat;
padding-left:20px;
padding-bottom:5px;
}	

/* RSS-Feed */
li#blognews li a.feed {
display:inline-block;
width:12px;
height:12px;
background:url(../img/gemeinsam/feed_small.gif) no-repeat; 
}
li#blognews li a.feed:hover {
background-position:0 -12px;
}

 a#rss-feed {
display:block;
width:88px;
height:31px;
background:url(../img/rss_feed.png) no-repeat; 
margin-top:20px;
margin-left:-15px;
}
a#rss-feed:hover {
background-position:0 -31px;
}
#login {
margin-top:20px;
}
/* event calendar */
#calendar {
position:relative;
left:0;
top:0;
min-height:220px;
height:auto !important;
height:220px;
text-align:center;
}
#calendar a {
text-decoration:none;
font-weight:bold;
}
#calendar ol li a {
background:transparent url(../img/theme_2/alphatransparent.png);
}
#calendar ol li {
margin:0;
padding:0;
clear:left;
}
#calendar ol, #calendar ul {
list-style:none;
margin:0;
padding:0;
overflow:hidden;
width:160px;
}
#calendar ol span, #calendar  ol a {
display:block;
float:left;
}
#calendar ol span {
width:19px;
line-height:19px;
font-size:8pt;
border:1px solid #eee;
display:table-cell;
border-collapse:collapse;
}
#calendar ol a span.info {
position:absolute;
z-index:1;
display:none;
bottom:-130px;
left:0;
background:transparent url(../img/theme_2/alphatransparent.png);
color:#666;
padding:2px;
min-height:130px;
text-align:left;
border:1px solid #fff;
font:normal normal 7pt/9pt Arial,Verdana,'Trebuchet MS',sans-serif;
width:150px;
}
#calendar ol a span.info b,
#calendar li#daynames {
font-size:1.1em;
font-weight:bold;
}
#calendar ol .active {
color:#565;
background:#e5cba6;
}
#calendar ol a:hover span.info {
display:block;
}
dt {
margin-top:0.5em;
font-weight:bold;
}