/* andreas00 - an open source xhtml/css website layout by Andreas Viklund  - http://andreasviklund.com/ . Free to use for any purpose as long as the proper credits are given to the original author.
Version: 2.0 (Jan 29, 2007) 
Modified for German Church of God, Herford by mail@markus-heine.de */

body {background:url(img/bg.gif) repeat-y top center #eaeaea; color:#3a3a3a; font:76% Verdana,Tahoma,Arial,Georgia; margin:0 auto; padding:0;}

/* Main layout and header */
#wrap {background:#fff; color:#303030; margin:0 auto; padding:0px 5px; width:910px;}
#header {background:url(img/front.jpg) no-repeat bottom left #fff; color:#505050; height:150px; margin:0 0 10px; padding:0;}
#header h1 {font-size:2.5em; font-weight:400; letter-spacing:-2px; margin:0 0 4px 15px; padding:15px 0 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 3px;}

/* Left sidebar and menu */
#leftside {clear:left; float:left; margin:0 0 10px; padding:0; width:160px;}
#menu a{
	font-weight:bold;
	height:20px;
	text-decoration:none;
	color:#505050;
	display:block;
	padding:6px 0 0 10px;
	background:#f4f4f4 url(img/menubg.gif) bottom left repeat-x;
	border-top:1px solid #d8d8d8;
	border-right:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	border-left:4px solid #cccccc;
	margin-bottom:5px;
}

#menu a:hover {
	background:#eaeaea url(img/menubg2.gif) bottom left repeat-x;
	color:#505050;
	border-top:1px solid #b0b0b0;
	border-right:1px solid #b0b0b0;
	border-bottom:1px solid #b0b0b0;
	border-left:4px solid #7F3738;
}



#menu a.level1-act {
  	background:#eaeaea url(img/menubg2.gif) bottom left repeat-x;
	color:#505050;
	border-top:1px solid #b0b0b0;
	border-right:1px solid #b0b0b0;
	border-bottom:1px solid #b0b0b0;
	border-left:4px solid #7F3738;
}

#menu a.level2-no {
	margin:5px 0 5px 15px;
	font-size:0.9em;
	font-weight:lighter;
	width:132px;
 	height:100%;
	border-top:1px solid #d8d8d8;
	border-right:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	padding:4px 0 4px 8px;
}

#menu a.level2-no:hover {
	background:#eaeaea url(img/menubg2.gif) bottom left repeat-x;
	color:#505050;
	border-top:1px solid #b0b0b0;
	border-right:1px solid #b0b0b0;
	border-bottom:1px solid #b0b0b0;
	border-left:4px solid #999999;
}

#menu a.level2-act {
	font-size:0.9em;
	font-weight:lighter;
	background:#eaeaea url(img/menubg2.gif) bottom left repeat-x;
	color:#505050;
	border-top:1px solid #b0b0b0;
	border-right:1px solid #b0b0b0;
	border-bottom:1px solid #b0b0b0;
	border-left:4px solid #999999;
	height:100%;
	margin:5px 0 5px 15px;
	padding:4px 0 4px 8px;
}

#menu a.level3-no {
	margin:5px 0 5px 15px;
	font-size:0.9em;
	font-weight:lighter;
	font-style: italic;
	width:132px;
 	height:100%;
	border-top:1px solid #d8d8d8;
	border-right:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	padding:4px 0 4px 8px;
}

#menu a.level3-no:hover {
	background:#eaeaea url(img/menubg2.gif) bottom left repeat-x;
	color:#505050;
	border-top:1px solid #b0b0b0;
	border-right:1px solid #b0b0b0;
	border-bottom:1px solid #b0b0b0;
	border-left:4px solid #A09172;
}

#menu a.level3-act {
	font-size:0.9em;
	font-weight:lighter;
	font-style: italic;	
	background:#eaeaea url(img/menubg2.gif) bottom left repeat-x;
	color:#505050;
	border-top:1px solid #b0b0b0;
	border-right:1px solid #b0b0b0;
	border-bottom:1px solid #b0b0b0;
	border-left:4px solid #A09172;
	height:100%;
	margin:5px 0 5px 15px;
	padding:4px 0 4px 8px;
}


#leftside h1 {font-size:1.8em; line-height:.1.1em; font-family:Georgia; color:#A09172; letter-spacing: -1px;font-weight:lighter; margin:15px 0 0 0px;padding:0;}
#leftside h2 {font-size:1.6em; font-weight:400;}

#leftside .announce {}
#leftside p,.announce p {font-size:0.9em;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:0 0 10px; padding:5px 5px 5px; width:145px;}
#leftside img {background:#b0b0b0; border:0px solid #b0b0b0; color:#303030; display:block; padding:0px; margin:0px 0px 0px 0px;}

/* Right sidebar */
#extras {float:right; margin:0 0 0px; padding:0; width:160px}
#extras p {font-size:0.9em; line-height:1.3em; margin:0 0 10px; padding:5px 5px 5px; width:145px; 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;}
#extras li {list-style:none; margin:0 0 8px; padding:0;}
#extras h1 {font-size:1.8em; line-height:1.1em; font-family:Georgia; color:#A09172; letter-spacing: -1px;font-weight:lighter; margin:15px 0 2px 0px;padding:0;}
#extras h2 {font-size:1.6em; font-weight:400; letter-spacing:-1px; margin:0 0 6px;}
#extras img {background:#b0b0b0; border:0px solid #b0b0b0; color:#303030; display:block; padding:0px; margin:0px 0px 0px 0px;}

/* Main content variations */
#content {line-height:1.5em; margin:10px 172px 10px 172px; padding:0px; text-align:justify;}
#contentwide {line-height:1.5em; margin:10px 0 10px 160px; padding:0; text-align:justify;}
#content h1, #contentwide h1 {
line-height:0.9em; font-size:2.6em; font-family:Georgia; color:#A09172; letter-spacing: -1px;font-weight:lighter;margin:13px 0 10px 0;padding:0;}
#content h2,#contentwide h2 {line-height:1.1em; font-size:1.8em; font-family:Georgia; color:#A09172; letter-spacing: -1px; font-weight:lighter; margin:8px 0 10px; padding:0;}
#content h3,#contentwide h3 {line-height:1.1em; font-size:1.5em; font-family:Georgia; color: gray; letter-spacing: -1px; font-weight:lighter; margin:0; padding:0;}
#content h4,#contentwide h4 {font-size:1.2em; font-family:Georgia; color: gray; letter-spacing: -1px; font-weight:lighter; margin:0; padding:0;}
#content h5,#contentwide h5 {font-size:1.1em; font-family:Arial; font-style: italic; color:#999999; font-weight:lighter;}
#content h6,#contentwide h6 {line-height:1.1em; font-size:1.5em; font-family:Georgia; color: #7F3738; letter-spacing: -1px; font-weight:lighter; margin:0; padding:0;}
#content h7,#contentwide h7 {font-size:1.2em; font-family:Georgia; color: #7F3738; letter-spacing: -1px; font-weight:lighter; margin:0; padding:0;}
#content img,#contentwide img {background: url(img/bildschatten.png) no-repeat bottom right;
  padding: 0px 5px 5px 0px; margin:0px 0px 5px 0px; display:block;
}
#content ul,#content ol,#contentwide ul,#contentwide ol {margin:0 0 16px 20px; padding:0;}
#content ul ul,#content ol ol,#contentwide ul ul,#contentwide ol ol {margin:2px 0 2px 20px;}
#content li,#contentwide li {margin:0 0 2px 10px; padding:0 0 0 4px;}


/* Footer */
#footer {border-top:1px solid #d8d8d8; clear:both; margin:0 auto; color:gray; font-size:0.9em; padding:5px 0; text-align:center; width:565px;}
#footer p {margin:0; padding:0;}
#footer a {background:inherit; color:gray; font-weight:400; text-decoration:none;}
#footer a:hover {text-decoration:none;}

/* Links and paragraphs */
a {color:#7F3738; text-decoration:none; font-weight:700;}
a:hover {color:#9C5251; border-bottom: 1px dotted #A09172}
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:100%; 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;}
input {width:200px;}
textarea {width:400px;}

/* Search box */
#searchbox label,.hide {display:none;}
#searchbox {margin:6px 0 16px; padding:0;}
#searchform {color:#505050; font-size:1em; padding-buttom:5px; width:150px; margin:0 0 5px;}
#searchbutton {background:#f4f4f4 url(img/menubg.gif) bottom left repeat-x; color:#505050; border-left:4px solid #cccccc; font-size:1em; padding-buttom:5px; width:160px;}
#searchbutton:hover{	background:#eaeaea url(img/menubg2.gif) bottom left repeat-x;
	color:#505050;
	border-top:1px solid #b0b0b0;
	border-right:1px solid #b0b0b0;
	border-bottom:1px solid #b0b0b0;
	border-left:4px solid #7F3738; font-size:1em; padding-buttom:5px; width:160px;}





/* Various 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;}
.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:700; 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;}

.csc-textpic-caption {padding: 3px; width: 154px; font-size: 11px; font-style: italic;}

div.csc-textpic-clear {
	clear: none;
}

#mailform 
FIELDSET.csc-mailform {border:none; margin:0px 0px 0px 0px; padding: 0px; font-size:12px;}

DIV.csc-mailform-field { margin-bottom:10px; background-color: #F0F0F0;}
DIV.csc-mailform-field label {width:152px; display:block; float:left; color:#7F3738; }

DIV.csc-mailform-field INPUT.csc-mailform-submit{
background:#f4f4f4 url(img/menubg.gif) bottom left repeat-x; color:#505050; border-left:4px solid #cccccc; font-size:1em; padding-buttom:0px; width:160px; margin:0px 0px 0px 157px
 }

DIV.csc-mailform-field INPUT.csc-mailform-submit:hover{background:#eaeaea url(img/menubg2.gif) bottom left repeat-x;
	color:#505050;
	border-top:1px solid #b0b0b0;
	border-right:1px solid #b0b0b0;
	border-bottom:1px solid #b0b0b0;
	border-left:4px solid #7F3738; font-size:1em; padding-buttom:5px; width:160px;}


div.tx-srlanguagemenu-pi1 {
	float: right;
	height: 21px; /* Höhe passt Du an - wegen der nachfolgenden Elementen*/
}
div.tx-srlanguagemenu-pi1 div {
	float: left;
	padding-left:5px;

}
div.tx-srlanguagemenu-pi1 img {
	display: block; /* um Lücken zwischen den Bildern zu vermeiden */
	/*  float: left; Alternativ */
}