/* CSS Document */


/* ---------- Allgemeines ---------- */
body, div, p, h1, h2, h3, h4, img, ul, li {
	margin: 0;
	padding: 0;	
}

body {
	background-color: #4d7692;
	background-image: url(../img/layout/body_background.jpg);
	background-repeat: no-repeat;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 75%;
}

#stretcher {
	clear: both;
	width: 960px;
}

.invisible
{
    display: inline;
    visibility: hidden;
    overflow: hidden;   
    position: absolute;
    left: -1000px;
    top: -1000px;
    width: 0px;
    height: 0px;
    margin: 0;
    padding: 0;
}

/* ---------- Seitenkopf --------- */
#header {
	background-image: url(../img/layout/header.jpg);
	background-repeat: no-repeat;
	height: 60px;
	width: 800px;	
}

/* ---------- Menu --------- */
#mainmenu {
	float: left;
	width: 172px;
}

#mainmenu a {
	color: #093a62;
	text-decoration: none;
}

#mainmenu a:hover {
	text-decoration: underline;
}

#mainmenu ul ul {
	background-color: #95aec2;
}

#mainmenu ul ul li {
	color: #093a62;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	list-style: none;
	padding: 3px 0 3px 18px;	
}

#mainmenu ul ul li.highlight {
	background-image: url(../img/layout/menu_bg.gif);
	background-repeat: no-repeat;
	background-position: 3px 4px;
}

/* ---------- Content ---------- */
#contentWrapper {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 100px;
	width: 629px;
}

.articleWrapper {
	padding: 10px 35px 0 29px;	
}

.content {
	height: 430px;
/*	width: 590px; */
	overflow: auto;
	scrollbar-base-color: #f0dfa7;
	scrollbar-arrow-color: #b0c3d0;
	scrollbar-3dlight-color: #f0dfa7;
	scrollbar-darkshadow-color: #f0dfa7;
	scrollbar-face-color: #2e4b6e;
	scrollbar-highlight-color: #668ca6;
	scrollbar-shadow-color: #668ca6;
	scrollbar-track-color: #f0dfa7;
}

.content a {
	color: #333333;
	text-decoration: none;
}

.content a:hover {
	text-decoration: underline;
}

.content ul {
	list-style-type: disc;
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 5px;
	width: 320px;
}

.content p {
	line-height: 17px;
	padding-bottom: 10px;
	width: 320px;
}


.content h2, h3, h4 {
	clear: both;
	color: #970b2e;
	font-size: 13px;
	margin-top: 12px;
	margin-bottom: 5px;
/*	width: 320px; */
}

h1 {
	margin-left: 26px;
}

/* Bilder und Marginalien */

.imageframe {
	font-size: 10px;
	padding: 6px 20px 10px 20px;
	margin-right: 1px;
	width: 155px;
}

.imageframe img {
	border: 1px solid #726461;
}

.imageframeleft {
	float: left;
	font-size: 10px;
	padding: 6px 10px 10px 0;
	width: 155px;
}

.imageframeleft img {
	border: 1px solid #726461;
}

.caption {
	background-color: #f5e9c1;
	border: 1px solid #f5e9c1;
	color:#666666;
	font-size:10px;
	line-height:12px; 
	padding: 5px;
}

.caption img {
	border: none;
}


.marginalframe {
	background-color: #f5eccd;
	border: 1px solid #726461;
	color: #3e3838;
	font-size: 11px;
	float: right;
	padding: 2px 2px 6px 2px;
	margin: 5px 15px 10px 15px;
	width: 171px;
}

.marginalframe a {
	color: #3e3838;
	text-decoration: none;
}

.marginalframe a:hover {
	color: #3e3838;
	text-decoration: underline;
}

.marginalframe h2 {
	background-color: #1b3a68;
	color: white;
	font-size: 11px;
	padding: 1px 4px;
	margin: 0px;
}

.marginalframe ul {
	margin-left: 4px;
	width: auto;
}

.marginalframe li {	
	background-image: url(../img/layout/marginal_li_bg.gif);
	background-position: 0px 3px;
	background-repeat: no-repeat; 
	list-style-type: none;
	padding-left: 15px;
	margin-bottom: 15px;
}

.marginalframe p {
	line-height: 14px;
	margin: 3px 0;
	padding: 0px 3px 5px 3px;
	width: 163px;
}

.naviframe {
/*	background-color: #F8E9B9;
	border: 1px solid #726461; */
	color: #3e3838;
	float: right;
	padding: 2px 2px 6px 2px;
	margin: 3px 15px 10px 15px;
	width: 171px;
}

.naviframe a {
	font-size: 11px;
}

.naviframe a {
	color: #3e3838;
	text-decoration: none;
}

.naviframe a:hover {
	color: #3e3838;
	text-decoration: underline;
}

.naviframe h2 {
	background-color: #1b3a68;
	color: white;
	font-size: 11px;
	padding: 1px 4px;
	margin: 0px;
}

.naviframe p {
	line-height: 14px;
	margin: 3px 0;
	padding: 0px 3px 5px 3px;
	width: 163px;
}

.naviframe ul {
	margin-left: 4px;
	width: auto;
}

.naviframe li {	
	background-image: url(../img/layout/marginal_li_bg.gif);
	background-position: 0px 3px;
	background-repeat: no-repeat; 
	list-style-type: none;
	padding-left: 15px;
	margin-bottom: 15px;
}

.infoframe {
	background-color: #f5eccd;
	border: 1px solid #726461;
	color: #3e3838;
	font-size: 11px;
	float: left;	
	padding: 2px 2px 6px 2px;
	margin: 5px 15px 10px 0;
	width: 300px;
}

.infoframe a {
	color: #3e3838;
	text-decoration: none;
}

.infoframe a:hover {
	color: #3e3838;
	text-decoration: underline;
}

.infoframe h2 {
	background-color: #b79623;
	color: white;
	font-size: 11px;
	padding: 1px 4px;
	margin: 0px;
}

.infoframe p {
	line-height: 16px;
	margin: 3px 0;
	padding: 5px 3px 5px 3px;
	width: auto;
}

.infoframe ul {
	margin-left: 4px;
	width:auto;
}

.infoframe li {	
	background-image: url(../img/layout/marginal_li_bg.gif);
	background-position: 0px 3px;
	background-repeat: no-repeat; 
	list-style-type: none;
	padding-left: 15px;
	margin-bottom: 8px;
}

/* ---------- Werbefläche ---------- */
#addFrame {
	float: left;
	margin-top: 320px;
	margin-left: 15px;
	width: 140px;
}

/* ---------- Seitenfuss ---------- */

#footer {
	clear: both;
}