/* 
Theme Name: xf_CaritasWAF
Theme URI: http://hokamp.info
Description: Zweispaltig Layout für meinen Brötchengeber
Version: 1.0
Author: Michael Hokamp 
Author URI: http://hokamp.info from destination http://xoopsfactory.com
*/

@import url(blocks.css);
@import url(menu.css);

body { 
text-align: center; 
margin: 0px;
border: 0px;
padding: 0px;
font: 12px Verdana, sans-serif;
letter-spacing:0 !important; 
line-height: 17px;
background: url(bg.gif) repeat-y #fff;
}


#headergraphik {
height:172px;
width:750px;
text-align:left;
background: url(images/headergraphik.jpg) #fff /*f4f4f4 */ top right no-repeat;
}

#headergraphik strong {
font-weight: normal;
}

#headergraphik p {
padding-left: 0;
}

div#page { 
width: 750px; 
background: #ccc;
}
   
div#page {
border: 0px;
margin: 0px auto 0px 20px ;
padding: 0px;
}

.clear {
clear:both;
}
.clear2 {
clear:both;
}

/* end of header styles */

#rechteBox {
width:200px;
float:right;
margin-left:20px;
background: #f4f4f4;
}

#rechteBox h3 {
margin: 0;
padding:0;
padding-left:10px;
padding-top:10px;
font-size: 12px;
}

#rechteBox ul {
list-style-type:none;
margin:0;
padding: 10px; 
}


#rechteBox li  {
color: #000;
font-size: 12px;
padding: 5px;
padding-left: 10px;
background: url(images/pfeil.gif) no-repeat;
}

#rechteBox li {
display:block;
}

#rechteBox li a {
color:#000;
}

#caritasContainer {
position: absolute;
text-align: left;
width:180px;
top:60px;
left:805px;
background: #fff;
padding: 5px;
border: 1px solid #ccc;
float: right;

}

#caritasContainer h3{
padding: 0px 0 0px 0;

}

#caritasContainer h4{
padding: 10px 0 10px 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

#caritasContainer ul{
list-style-type:square;
margin:0;
padding: 10px; 
padding-left:20px;

}
#caritasContainer ul li{
}


#pagelayer, #pagelayerArray {
text-align: left;
width: 100%;
border: 0px;
margin: 0px;
padding: 0px;
background-color: #fff;
}

#containerArray, #container {
text-align: left;
border: 0px;
margin: 0px;
padding: 0px;
background: #fff;
}

#containerArray {
background: #fff;  
}

#contentArray {
width: 540px;
float: right;
padding: 0px;
padding-right: 0px;
}


#blockleft {
float: left;
width: 190px;
margin: 0px;
margin-right: 0px;
padding: 0px;
color: #333;
background: #fff;
}

#lblockende {
width: 190px;
height: 60px;
float: left;
margin: 0px;
padding: 0px;
background: url(images/leftend.gif) #fff no-repeat;
}

#footerArray {
height:10px;
clear: both;
padding: 0px;
margin-top: 0px;
border-bottom: 3px solid #e10915;
}
#footerArray2 {
height:4px;
clear: both;
padding: 0px;
margin-top: 0px;
border-bottom: 3px solid #e10915;
}

#footer {
height:10px;
clear: both;
padding: 0px;
margin-top: 0px;
border-bottom: 3px solid #ED1C24;
}
#pagefooter {
background: #fff;
padding: 0px;
padding-top:4px;
padding-bottom:6px;
color: #000;
font-size: 9px;
border-bottom: 13px solid #fff;
}

#pagefooter a {
color: #000;
text-decoration:none;
}

#pagefooter a:hover {
color: #000;
}

#pagefooterleft {
width: 200px; 
float:left;
}

#pagefooterright {
text-align: right;
}

#pagefooter strong {
color: #000;
}

#pagefooter strong:hover {
color: #e10915;
}

.border {
line-height:55px;
width: 330px;
background: #fff;
}

#modulcontent textarea {
width: 310px;
}

/* some general stuff */

a {
color: #e10915;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}


b {
font-size: 13px;
color: #e10915;
}

p {
padding: 10px;
padding-left: 10px;
padding-right: 0px;
margin: 0px;
}

h1 {
margin: 0px;
font-size: 16px;
padding: 10px;
padding-left: 0px;
}

h2, h3 {
margin: 0px;
font-size: 15px;
padding: 10px;
padding-top: 15px;
padding-left: 0px;
text-transform:uppercase;
}

h3.small {
text-transform: none;
}

h4 {
margin: 0px;
font-size: 12px;
padding: 10px;
padding-top: 15px;
padding-left: 0px;
text-transform:uppercase;
}

h2{
color:#999;
}

h3{
color:#e10915;
}

img {
border: 0px;
}

fieldset {
padding: 10px;
border: 1px dotted #ccc;
}

legend {
padding: 10px;
background:#fff;
}

hr {
height: 2px; 
border: 0px;
color: #fff;
border-top: 1px solid #ccc;
border-bottom: 1px solid #fff;
}
small {
font: 11px Verdana, sans-serif;
letter-spacing:0 !important; 
line-height: 14px;
}

table {
width: 100%;
font-size: 12px;
}

/*   hinzu 22.08.2006 */

a:visited {
/* text-decoration: line-through; */
}

dl, dt {
margin:0;
padding:0;
}

dt {
padding-left:10px;
padding-bottom:10px;
}

/*  ## */

div.contactform {
padding:10px;
}


hr.Bende {
padding:10px;
padding-left:20px;
height:1px;
background: #fff;
border:0;
border-bottom: 1px dashed #ccc;
}

p.Bende {
padding-bottom:10px;
border-bottom: 1px dashed #ccc;
}
p.Bende a {
text-decoration:none;
}

p.Bende a:visited {
text-decoration: none;
}
/* Xoops table classes */

#newscontainer {
padding:0;
width: 540px;
background: #f4f4f4;
border-right:1px dashed #ccc;
border-left:1px dashed #ccc;
border-bottom: 1px dashed #ccc;
margin-bottom:10px;
}
#newscontainer ul{
padding-top:10px;

}
th {background-color: #6b6b6b; color: #fff; padding: 3px; vertical-align : middle;}
th a {color: #fff; text-decoration:none;}
th a:hover {color: #fff; text-decoration:none;}

.outer {border: 0px solid silver;width:100%;}
.head {background-color: #cc9; padding: 4px;font-size:10px; font-weight: normal; color:#fff;}
.even {background-color: #f1f1f1; padding: 2px;}
.odd {background-color: #f6f6f6; padding: 2px;}
.foot {background-color: #f6f6f6; padding: 2px; font-weight: bold;}
tr.even td {background-color: #f1f1f1; padding: 2px;}
tr.odd td {background-color: #f6f6f6; padding: 2px;}

/* This CSS is part of a (XOOPS) theme from michael [aka studioC] <a href="http://xoopsfactory.com">XOOPS FACTORY</a> */