/*
Original design: andreas00 (v2.2 - Apr 24, 2008) - A free xhtml/css website template by Andreas Viklund and stylishtemplate.com.
For more information, see http://andreasviklund.com/templates/andreas00/
*/

/* Main layout and header */
body {background:url(img/bg.gif) repeat-y top center #eaeaea; color:#3a3a3a; font:76% Verdana,Tahoma,Arial,sans-serif; line-height:1.4em; margin:0 auto; padding:0;}
#wrap {background:#fff; color:#303030; margin:0 auto; padding:1px 5px; width:760px;}
#header {background:url(/fileadmin/templates/wolfi.comu.de/img/front.jpg) no-repeat bottom left #fff; color:#505050; height:250px; margin:0 0 10px; padding:0;}
#header h1 {font-size:2.5em; font-weight:400; letter-spacing:-2px; margin:0 0 15px 15px; padding:75px 75px 0;}
#header h1 a,#header h1 a:hover {font-weight:400; padding: 0;}
#header p {font-size:1.1em; letter-spacing:-1px; margin:0 0 20px 15px; padding:0 0 0 110px;}


/* Left sidebar and menu */
#leftside { float: left; margin:0 0 10px; padding:0; width:150px; }
#leftside ul.avmenu {list-style:none; margin:0 0 18px; padding:0; width:150px;}
#leftside ul.avmenu li {display:inline; padding:0; width:150px;}
#leftside ul.avmenu li a {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; float:left; font-size:1em; font-weight:700; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:138px;}
#leftside ul.avmenu li a:hover,#leftside ul.avmenu li a.current {background:url(img/menubg2.gif) repeat-x bottom left #eaeaea; border-bottom:1px solid #b0b0b0; border-left:4px solid #505050; border-right:1px solid #b0b0b0; border-top:1px solid #b0b0b0; color:#505050;}
#leftside ul.avmenu ul {font-size:0.9em; margin:0 0 0 15px; padding:0 0 5px 0; width:133px;}
#leftside ul.avmenu ul a {padding:3px 1px 3px 5px; width:123px;}
#leftside ul.avmenu ul ul {font-size:1em; width:120px;}
#leftside ul.avmenu ul ul a {width:108px;}
#leftside h2 {font-size:1.5em; font-weight:400;}
#leftside .announce {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; clear:left; color:#505050; line-height:1.3em; margin:10px 0; padding:5px 5px 5px; width:134px;}
#leftside p,.announce p {font-size:0.9em;}

/* Main content */
#contentwide, #random {line-height:1.5em; margin:10px 0 10px 0px; padding:0; text-align:left; float: right; width: 590px; }
#contentwide h2 {font-size:1.8em; font-weight:400; letter-spacing:-1px; margin:20px 0 20px; padding:0;}
#contentwide h3 {font-size:1.5em; font-weight:400; margin:6px 0; padding:0;}
#contentwide img {background:#ccc; border:4px solid #f0f0f0; color:#303030; display:inline; padding:1px; margin:0 10px 5px 0;}
#contentwide ul,#contentwide ol {margin:0 0 16px 20px; padding:0;}
#contentwide ul ul,#contentwide ol ol {margin:2px 0 2px 15px;}
#contentwide li {margin:0 0 2px 5px; padding:0 0 0 4px;}

/* Footer */
#footer {background:#fff; clear:both; color:#666; font-size:0.9em; margin:0 auto; padding:8px 0; text-align:center; width:760px;}
#footer p {margin:0; padding:0;}
#footer a {background:inherit; color:#666; font-weight:400; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer span {font-size:1.2em;}

/* Links and paragraphs */
a {background:inherit; color:#166090; text-decoration:none; font-weight:700;}
a:hover {background:inherit; color:#286ea0; text-decoration:underline;}
a img {border:0;}
p {margin:0 0 16px;}
blockquote {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; margin:16px; padding:7px 7px 7px 11px;}
blockquote p {font-size:1.1em; line-height:1.3em; margin:0;}

/* Tables and forms */
table {border:1px solid #d8d8d8; border-collapse:collapse; line-height:1.3em; width:95%; margin:0 0 16px; padding:0;}
.contenttable {border:1px solid #d8d8d8; border-collapse:collapse; line-height: 0.3em; width:95%; margin:0 0 16px; padding:0;}
caption {font-size:1.5em; font-weight:400; margin:0; padding:6px 0 8px; text-align:left;}
th {background:url(img/menubg2.gif) repeat-x bottom left #eaeaea; color:#505050; padding:7px; text-align:left;}
td {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; color:#303030; font-size:0.9em; padding:7px; text-align:left;}
input,textarea {border:1px solid #ccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}
label {margin:2px 0 2px 0; font-size:1.2em;}
input {width:200px;}
textarea {width:400px;}

/* Search box */
#searchbox label,.hide {display:none;}
#searchbox {margin:6px 0 16px; padding:0;}
#searchform {background:#fff; border:1px solid #ccc; color:#505050; font-size:0.9em; padding:4px; width:116px;}

/* Additional classes */
.announce h2 {margin:0 0 10px; padding:0;}
.textright {margin:-10px 0 4px; text-align:right;}
.center {text-align:center;}
.small {font-size:0.8em;}
.large {font-size:1.3em;}
.red {color:red;}
.green {color:green;}
.blue {color:blue;}
.highlighted {background:#f0f0f0; border:1px solid #b0b0b0; color:#303030; padding:3px;}
.button {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; font-weight:400; font-size:1.2em; margin:0 0 15px; padding:7px 7px 7px 11px; width:120px;}
.left {float:left; margin:10px 10px 5px 0;}
.right {float:right; margin:10px 0 5px 10px;}


.col70l { float: left; width: 69%; }
.col30r { float: left; width: 29%; padding-left: 1%; }

.col50l { float: left; width: 49%; }
.col50r { float: left; width: 49%; padding-left: 1%; }

.col33l { float: left; width: 32%; }
.col33m { float: left; width: 32%; padding-left: 1%; }
.col33r { float: left; width: 32%; padding-left: 1%; }

/* Gästebuch default */
#contentwide .tx-veguestbook-pi1 h2.tx-guestbook-header { margin: 0; background: #eee; color:#444; font-size: 14px; font-weight:bold; padding: 3px; border-bottom: 1px solid #bbb;}
#contentwide .tx-veguestbook-pi1 { border: 1px solid #ccc; }

/* Gästebuch auf der Startseite */
#uid51 .tx-veguestbook-pi1 { width: 176px; margin-bottom: 20px;  }
#uid51 .tx-veguestbook-pi1 h2.tx-guestbook-header { width: 170px; }
#uid51 .tx-veguestbook-pi1 p { font-size: 10px; font-weight: bold; margin: 0; padding: 0; font-weight: normal; }
#uid51 .tx-veguestbook-pi1 p.tx-guestbook-date { font-weight: bold; padding: 0px 0 3px 0; }
#uid51 .tx-veguestbook-pi1 p.tx-guestbook-latest-more { padding: 3px 0 0 0; }

/* Gästebuch auf der Gästebuchseite */
#uid23 .tx-veguestbook-pi1 { width: 590px; }
#uid23 h2.tx-guestbook-header { width: 584px; border-top: 1px solid #bbb; }


/* Kontaktformular */
.tx-powermail-pi1 { margin-bottom: 20px; }
.tx-powermail-pi1 label { width: 100px; display: block; }
.tx-powermail-pi1 input, .tx-powermail-pi1 textarea { margin-bottom: 10px; }

/* Bilder im Linken Rand */
#leftside #contentleft { clear:left; color:#505050; line-height:1.3em; margin: 0; padding:25px 0px 0px; width:150px; }
#contentleft img { margin: 0px; border: 2px solid #bbb; padding 0px; }
#contentleft h2,csc-firstHeader { background: #eee; border: 1px solid #bbb; border-left: 4px solid #bbb; margin-bottom: 6px; padding: 2px; font-size: 14px; font-weight: bold; } 
#fd_di7df887776a7f3aa8486924d3a46ec16f_1 { margin-left: 8px; }

/* Zitate */
blockquote { background: #fefefe; color: #505050; margin: 0px; padding: 6px; }

/* Schlagwörter */
#tagcloud .tx-vgetagcloud-pi1, #tagcloud h2 {  background: #fff; border: 1px solid #bbb; border-left: 4px solid #bbb; margin-bottom: 6px; padding-left: 2px; padding-rigth: 2px;} 
#tagcloud .tx-vgetagcloud-pi1 a { color: #166090 }
#tagcloud h2 { text-align: left; margin-bottom: 0px; border-bottom: 0px solid #bbb; padding: 5px; background: #eee; }

/* Kommentarseite */
.eluna_pagecomments_form_title, #contentwide .tx-elunapagecomments-pi1 .eluna_pagecomments_count, .eluna_pagecomments_comment, .eluna_pagecomments_comment_alt { background: #eee; padding: 6px; border: 1px solid #bbb; border-left: 4px solid #bbb; }
.eluna_pagecomments_comment, .eluna_pagecomments_comment_alt { border-top: 0; border-left: 4px solid #bbb; background: #fff; }
.eluna_pagecomments_form_title { margin-top: 30px; margin-bottom: 0px; }
.eluna_pagecomments_form { background: #fff; border: 1px solid #bbb; margin-top: 0px; padding: 10px; border-top: 0; border-left: 4px solid #bbb; }

#copyright{ border-top: 1px solid #bbb; margin-top: 10px; padding-top: 10px; }
#footerbutton{ text-align: right;  }
#footerbutton #kontakt, #footerbutton #sitemap, #footerbutton .print, #footerbutton #pdf { display: inline-block; padding: 3px; border: 1px dashed #bbb; margin: 3px; }
