@import url("_typographie.css");
@import url("_layout.css");
@import url("_seitenueberschriften.css"); 
@import url("_secHome.css");


/* @import url("_typographie.css");
/* @import url("_layout.css");
/* @import url("_seitenueberschriften.css"); 
/* @import url("_not_needed.css"); */

body {
	margin: 0;
	padding-left: 15%;
	padding-right: 15%;
	background: #ff3333; 
	background: url(../_GRAPHIX/page/background.jpg) repeat; 
	/* background: url(../_GRAPHIX/page/background-red.jpg) repeat; */
	/* background: #CC0000;  red */
	/* background: #eee8aa;  pale goldenrod */
	 
	/* original color was #F7F1E6 */
	/* background: #FFFFFF url(../_GRAPHIX/page/unten-rechts.gif) bottom right no-repeat fixed; */
}
/* !== Globale Elemente ==  */
/* != 1. Boxen jeder Art und was dazu gehoert  == */
/* != 2. Listen */
/* != 3.  Bilder */
/* != 4. Formularelemente */

.teaser {
	margin: 	1.5em 0;
	padding: 10px 20px;
	letter-spacing: .05em;
	background: #ffffff;
	border: 1px dotted #c6c6e3;
}
/* !== teaser  and scIntro original color ==  #F3ECDC and Border #CFAF87*/

.meta {
	padding:1px 8px;
	font-size: .8em;
	border-top: 1px dotted #8C6147;
	/*border-bottom: 1px dotted #8C6147;*/
	text-align: right;
}

.titelinfo, .secIntro  {
	margin:1em 0 1.5em 0;	
	padding:10px 20px;
	/* background: #EEEEF5; */
	border: 1px dotted #333;
}

.titelinfo p, .secIntro p {
	margin:.25em 0;
}

.titelinfo p {
	line-height: 1.5;
}

/* hervorgehobene Box */
.hl {
	margin:1em 0;
	padding:0 1em .25em 1.5em;
	background: #FAF9F3;
	border: 1px solid #E4D8BE;
}

.article  {
	margin: 0;
	padding:0 15px 30px 15px;
/*	border-bottom: 1px solid #E4D8BE;*/
}

.article  p {
	margin:.5em 0 0 0;
}

/* "weiterlesen" link nach excerpts */
.readOn {
	font-weight: bold;
}


/* technische und andere Hinweise, z.B. beim Mailformular */
.infoNote {
	margin-right: 10%;
	padding: .5em 1em;
	background: #F3ECDC;
	border: 1px dotted #8C6147;
}

.paar {
	/* background: url(../_GRAPHIX/page/article-separator-odd.gif) 50% 100% no-repeat; */
}

.unpaar {
	/* background: url(../_GRAPHIX/page/article-separator-even.gif) 50% 100% no-repeat; */
}

/* === Listen ================== */

ul, ol {
	margin: 1em;
	padding: .25em 0 .25em .5em;
}

ul ul, 
ul ol, 
ol ol, 
ol ul { 
	margin-top: 0;
	margin-bottom: 0;
}

li {
	margin: 3px 0;
	padding: 2px 0;
	line-height: 1.5;
}

#content li li {
	font-size: 1.05em;
}


ul li, 
ul ul li, 
ol ul li {
	list-style: circle;	
	/* background: url(../_GRAPHIX/page/bullet.gif) 0% .5em no-repeat; */
	padding-left: 5px;
}

ol li {
	padding-left: 5px;
}

/* ===  Bilder ==================== */
dl.photo {
    border: 1px solid #dcdcdc;
    padding: 5px;
}
dl.photo dt {
    padding-top: 15px;
    text-align: center;
    margin: 0;
}
dl.photo dd {
    text-align: center;
    font-weight: normal;
    margin: 5px 0 0;
    padding-bottom: 15px;
}
.standard {  width: 20em; }

#beschreibung {
    font: normal 95%/140% Verdana, Arial, Helvetica, sans-serif; 
    color: #000;
    background: #fff;
     text-align: left;
	float: right;
}
.headline {
background: url(../_GRAPHIX/backgrounds/006.jpg)  no-repeat;	
}

img {
	padding: 2px;
	background: #fff;
	border: 1px solid #c6c6e3; 
}


img.blank {
	padding: 0;
	border: none;
	background: none;
	
}
img.blankL {
	padding: 0;
	border: none;
	background: none;
	float:left;
}
img.blankR {
	padding: 0;
	border: none;
	background: none;
	float:right;
	
}

img.textwise {
position:relative; top:5px;  
	padding: none;
	border: none;
	background: none;
}
#content img.floatL {
		float: left;
		margin: 1em 1em .5em 0;
}

#content img.floatR {
		float: right;
		margin: 1em 0 .5em 1em;
}
#header img.floatR {
		float: right;
		margin: 0 10px 0 0;
			border: none;
	background: none;
}

/* --- Liste Pagination ------------------ */
#pagination {
	margin-top: 1.5em;
	text-align: left;
	border-top: 1px dotted #8C6147;
}

#pagination ul {
	margin:.5em 0;
	padding: 0;
	list-style: disc;
}

#pagination li {
	background: none;
	/* display: inline; */
}

#pagination li a {
	padding: 1px 4px;
}

#pagination li a:hover {
	background: #FFFFCC;
}

/* ===  Formularelemente  =========== */

input, textarea {
	margin: .25em 0;
	padding:3px 5px;
	background:#FFFFFF url(../_GRAPHIX/page/input-bg.png) top left no-repeat;
	border: 1px solid #ABABAB;	
	font:normal normal 11px/1.5 Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}

input.searchField {
	border: 1px solid #ABABAB;
}

input[type="submit"] {
	background: url(../_GRAPHIX/page/btn-gradient.png) bottom left repeat-x;
	border: 3px double #ABABAB;
}
h2 {
	font-weight: bold;
}
h3 {
	font-weight: bold;
}