/***************************************************

*  

*   diakonie_baseNEU.css

*   Copyright: Diakonisches Werk Feuchtwangen e.V.

*   

***************************************************/



* {

	margin:0;

	padding:0;

}



html[xmlns^="http"] {

	height:100%;

	padding-bottom:0.005em;

} 



body {

	font-family: Verdana,Arial,Helvetica,Sans-serif,sans-serif;

	font-size: 0.9em;

	color: #000;

	background: #FFF4D2;

}



a { text-decoration: none;}



a:focus, a:active { outline:0;}



#siteWrap {

	width: 980px; 

	margin: auto;

	padding: 0 0 25px 0;

}



.clear {

clear: both;

}





/***************************************************

*  header styles

***************************************************/

#header {

	height: 190px;

	background: url(../images/header_flowers2.jpg) no-repeat bottom left;

	padding: 10px 0 0 0;

}



img#logo {

	margin:0 0 0 0;

}



#header p,

#header h1 {

	display: none;

}



/***************************************************

*  main styles

***************************************************/

#mainWrap {

	width: 100%; 

	background: #D4DEEF url(../images/bg_sdw_mainneu.gif) repeat-y top right; 

	color: inherit;

}



/***************************************************

*  column styles

***************************************************/

#column {

	float: left; 

	width: 250px;

	margin: 10px 1px 0 0;

}



#colTeaser {

	float: left; 

	width: 250px; 

	margin: 10px 0 0 0;

}





#colTeaser h3{

	background: #551285;

	color: #fff;

	font-size: 1em;

	padding: 2px 15px 1px 25px;

}



#colTeaser h3 a{

display: block;

	background: #551285;

	color: #fff;

}



#colTeaser h4 a{

	display: block;

	background: inherit;

	color: #551285;

	font-size: 0.9em;

	margin: 4px 15px 4px 25px;

}



#colTeaser img {

	margin: 0px 15px 4px 25px;

}



#colTeaser p {

	margin: 0px 25px 4px 25px;

	font-size: 0.85em;

}



#colTeaser p a {

	display: block;

	float: right;

	margin: 5px 0px 5px 0; 

	background: inherit;

	color: #009de0;

}



#colTeaser h4 a:hover,

#colTeaser p a:hover  {

	text-decoration: underline;

}



/***************************************************

*  content styles

***************************************************/



#content {

	float: left; 

	color: #000;

	background: #fff; 

	width: 672px;

	padding: 7px 20px 20px 20px;	

}



#contentTop {

	font-size: 0.75em;

}



#content #contentTop p {

	float: left;

	font-style: normal;

	margin: 0 0 12px 0;

	padding: 0;

}



#content #contentTop a {

	color: #551285;

	background: inherit; 

}



#content #contentTop a:hover {

	text-decoration: underline;

}



#content #contentTop a.printPreview {

	float: right;

	color: #009de0;

	background: #FFF url(../images/icon_print.gif) no-repeat;

	background-position: 86px -1px;

	padding: 0 15px 2px 0;

}



#content a {

    color: #009de0;

    background: inherit;

}



#content a:hover {

    text-decoration: underline;

}



#content a.LINKextern {

	background: #fff url(../images/achor_ext.gif) no-repeat;

	background-position: 0px 5px;

	padding: 0 0 0 17px;

	margin: 0 0 0 1px;

}



#content h1 {

	clear:both;

	background: inherit;

	color: #009de0;

	font-size: 1.4em;

	margin: 20px 0 20px 0; 

}



#content h2 {

	clear:both;

	background: inherit;

	color: #551285;

	font-size: 1.2em;

	margin: 20px 0 15px 0;

}



#content p {

	font-weight: normal;

	margin: 0 0 15px 0;

}



#content img {

	padding: 3px;

	border: 1px solid #6e6e6e;

}







#content ul {

	margin: 0 0 0 50px;

	text-indent: 30px;

	line-height: 22px

}



#content .IMGalignLeft {

	float: left;

	margin: 0 15px 3px 0;

}



#content .IMGalignRight {

	float: right;

	margin: 0 0 3px 15px;

}



#content .articleList1 {

	float: left;

	padding: 0 0 25px 0;

}



#content .articleList1 h3 a {

	display: block;

	font-size: 0.855em;

	background: #551285;

	color: #fff;

	padding: 2px 15px 2px 15px;

	margin: 0 0 10px 0;

}



#content .articleList1 h3 a:hover {

	text-decoration: none;

}



#content .articleList1 img {

	float: left;

	margin: 0 20px 0 15px;

}



#content .articleList1 p {

	padding: 0 20px 0 0;

}



#content .articleList1 p a {

	float: right;

	padding: 20px 0 0 0;

	background: inherit;

	color: #009de0;

}



#content .articleList1 p a:hover {

	text-decoration: underline;

}



#content #pagination {

	clear: both;

	text-align: center;

	padding: 35px 0 10px 0;

}



#content #pagination {

	clear: both;

	text-align: center;

	padding: 35px 0 10px 0;

	width: 100%;

}



#content #pagination span,

#content #pagination a {

	font-size: 0.8em;

	border: 1px solid #6a6a6a;

}



#content #pagination span {

	background: #cecece;

	color: #fff;

	font-weight: bold;

	padding: 0 2px 0 2px;

}



#content #pagination a {

	background: #fff;

	color: #6a6a6a;

	padding: 0 3px 0 3px;

}



#content #pagination a:hover {

	background: #cecece;

	color: #fff;

}





/***************************************************

*  footer styles

***************************************************/



#footer {

	clear: both;

	background: #cbb7d4 url(../images/bg_sdw_botneu.gif) no-repeat bottom right;

	color: inherit;

	height: 32px;

	width: 100%;

}



#footer div {

	float: right;

	width: 700px;

	text-align: center;

	font-size: 0.75em;

	font-style: italic;

	background: #D4DEEF;

	color: inherit;

	margin: 0 17px 0 0;

	padding: 4px 6px 4px 6px;

}



#footer div h4 {

	font-size: 1em;

	display: inline;

	font-weight:bold;

	font-style: normal;

	background: inherit;

	color: #551285;

}



#footer div a {

	background: inherit;

	color: #009de0;

	text-decoration: underline;

}