/************************************/
/* --------- template.css --------- */
/* -------------------------------- */
/* Die alten Definitionen           */
/* (z.b. table.auto, formulare usw) */
/* befinden sich in normal.css      */
/*                                  */
/*   !normal.css NICHT einbinden!   */
/* -------------------------------- */
/************************************/
/****************************/
/* Allgemeine Einstellungen */
/****************************/
body, html {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
	/* Scrollbar ständig anzeigen um "Springen" der Seite zu verhindern */
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url("1pic/bodyBg.jpg");
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #ced6e1;
}

p, img, table, tr, td, ul, li, h1, h2, h3, a, div, input, textarea {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 12px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	list-style: none;
}

/***********/
/* Content */
/***********/
.eintrag p, .eintrag ul, .eintrag table.auto, .eintrag .bilder {
	margin-bottom: 10px;
}

.inhalteEintrag, .seiteSubseiten {
	margin-bottom: 19px;
	border-bottom: 1px solid #FFFFFF;
}

h1 {
	font-size: 1.8em; 
	color: #00377d;
	margin-bottom: 18px;
}

h2 {
	font-size: 1.4em;
	margin-bottom: 7px;
	color: #00377d;
}

.eintrag p {
	line-height: 1.2em;
}

.eintrag ul li {
	padding-left: 10px;
	background-image: url('1pic/bulletRed.gif');
	background-repeat: no-repeat;
	background-position: 0px center;
}

.eintrag a {
	color: #CC192F;
}

.eintrag a:HOVER {
	color: #00377d;
}

a.invertedLink {
	text-decoration: underline;	
}

a.invertedLink:HOVER {
	text-decoration: none;
}

/************/
/* Formular */
/************/
.eintrag input {
/*	border: 1px solid #01377D; */
	background-color: #E5EBF2;
	margin-bottom: 8px;
	padding: 3px;
}

.eintrag textarea {
	margin-bottom: 8px;
	background-color: #E5EBF2;
	padding: 5px;
}

.tcha {
	margin-bottom: 8px;
}

.error {
	color: red;
}

/**********/
/* Bilder */
/**********/
#imagebild {
	margin-bottom: 20px;
}

.bilder tr td {
	vertical-align: top;
}

/*************/
/* InfoBoxen */
/*************/
#inhalteTemplate_infoboxLeft {
	background-image: url("1pic/navigationTopBg.jpg");
	background-repeat: no-repeat;
	background-color: #e5ebf2;
	margin-bottom: 5px;
}

#inhalteTemplate_infoboxLeft .body {
	background-image: url("1pic/navigationBottomBg.jpg");
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 10px;
	padding-top: 22px;
}

#inhalteTemplate_infoboxLeft .body p {
	color: #487fc4;
}

#inhalteTemplate_infoboxRight {
	position: relative;
	float: left;
	width: 173px;
	margin-left: 12px;
	margin-bottom: 5px;
}

#inhalteTemplate_infoboxRight h2 {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 110px;
	font-size: 1.7em;
	font-weight: normal;
}

#inhalteTemplate_infoboxRight p {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 80px;
	color: #CC192F;
}

#inhalteTemplate_infoboxRight ul, #inhalteTemplate_infoboxRight ul li {
	margin: 0;
	padding: 0;
	background: none;	
}

#inhalteTemplate_infoboxRight ul li a {
	position: absolute;
	display: block;
	top: 171px;
	left: 13px;
	width: 122px;
	height: 40px;
	text-align: left;
	font-size: 1.2em;
	line-height: 38px;
	padding-left: 33px;
	font-weight: bold;
}

.middleBanner {
	float: left;
	width: 270px;
	overflow: hidden;
	position: relative;
	margin-bottom: 5px;
}

.middleBanner h2 {
	position: absolute;
	width: 200px;
	top: 22px;
	left: 30px;
	font-size: 1.7em;
	font-weight: normal;
}

.middleBanner p {
	position: absolute;
	top: 75px;
	left: 30px;
	width: 150px;
}

.middleBanner ul, .middleBanner ul li {
	background: none;
	margin: 0;
	padding: 0;
}

.middleBanner ul li a {
	position: absolute;
	display: block;
	top: 171px;
	left: 22px;
	width: 142px;
	height: 40px;
	text-align: left;
	font-size: 1.2em;
	line-height: 38px;
	padding-left: 33px;
	font-weight: bold;
}

div#inhalteTemplate_bannerMiddle2 {
	margin-left: 10px;
}

/***********************/
/* Newsline-spezifisch */
/***********************/
.newslineEditLink a {
	display: block;
	clear: both;
	background-color: #c7e2ff;
	border: 1px solid #f0f0f0;
	padding: 3px;
	font-size: 11px;
	color: #4279bc;
	font-weight: bold;
	text-align: left;
}

.newslineEditLink a:hover {
	color: #4279bc;
	text-decoration: none;
}

/************/
/* Template */
/************/
#template {
	width: 961px;
	margin: 0 auto;
	padding-bottom: 20px;
	position: relative;
}

#template_header {
	background-image: url("1pic/headerBg.jpg");
	background-repeat: no-repeat;
	height: 149px;
	position: relative;
}

#logo {
	position: absolute;
	top: 0px;
	right: -40px;
}

#template_middle {
	background-color: #FFFFFF;
	padding-left: 20px;
	padding-right: 20px;
	min-height: 500px;
	width: 921px;
}

#template_left {
	float: left;
	width: 173px;
	margin-right: 13px;
	min-height: 500px;
}

#template_content {
	float: left;
	width: 735px;
}

#template_footer {
	background-image: url("1pic/footerBg.jpg");
	height: 10px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	position: relative;
}

#copyright {
	position: absolute;
	bottom: 10px;
	right: 20px;
	font-size: 0.9em;
	color: #8baad2;
}

#copyright a {
	font-size: 1em;
	color: #8baad2;
	text-decoration: underline;
}

#copyright a:HOVER {
	text-decoration: none;
}

/**************/
/* Navigation */
/**************/
ul.navigationspunkte {
	background-image: url("1pic/navigationTopBg.jpg");
	background-repeat: no-repeat;
	background-color: #e5ebf2;
	padding-top: 10px;
	padding-bottom: 5px;
	min-height: 280px;
	height: auto !important;
	height: 280px;
}

ul.navigationspunkte li {
}

ul.navigationspunkte li a {
	color: #00377d;
	line-height: 30px;
	background-image: url("1pic/bulletBlue.gif");
	background-repeat: no-repeat;
	background-position: 20px center;
	padding-left: 30px;
}

ul.navigationspunkte li a:HOVER, ul.navigationspunkte li a.aktiv {
	color: #CC192F;
	background-image: url("1pic/bulletRed.gif");
}

ul.navigationspunkte li ul {
	background: none;
	background-color: #e5ebf2;
	padding-top: 0px;
	padding-bottom: 5px;
	min-height: 10px;
	height: auto;
}

ul.navigationspunkte li ul li a {
	padding-left: 40px;
	background-position: 30px center;
	line-height: 1em;
}

/************/
/* StoreNav */
/************/
div.navigationspunkte {
	position: relative;
	left: 20px;
	width: 735px;
	background-image: url("1pic/storeNavFlagBg.jpg");
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 34px;
	margin-top: 49px;
	float: left;
	height: 30px;
}

div.navigationspunkteEintrag {
	background-image: url("1pic/storeNavLeftBg.jpg");
	background-repeat: no-repeat;
	padding-left: 10px;
	float: left;
	margin-right: 1px;
}

div.navigationspunkteBorder {
	background-image: url("1pic/storeNavRightBg.jpg");
	background-position: right center;
	background-repeat: no-repeat;
	width: 10px;
	height: 30px;
	float: left;
}

div.navigationspunkteEintrag a {
	display: block;
	float: left;
	background-image: url("1pic/storeNavMiddleBg.jpg");
	height: 30px;
	line-height: 30px;
	padding-left: 3px;
	padding-right: 3px;
	color: #00377d;
	min-width: 124px;
	text-align: center;
}

div.navigationspunkteEintrag a.aktiv, div.navigationspunkteEintrag a:HOVER {
	color: #CC192F;
	text-decoration: none;
}

/**************/
/* ServiceNav */
/**************/
span.navigationspunkte {
	position: absolute;
	top: 15px;
}

span.navigationspunkte a {
	background-image: url("1pic/bulletBlue.gif");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	margin-left: 20px;
	color: #6786af;
}

span.navigationspunkte a:HOVER {
	text-decoration: underline;	
}

/**************/
/* ContentNav */
/**************/
.seiteSubseiten ul li a {
	display: block;
	width: 700px;
	height: 40px;
	background-image: url("1pic/contentNavBg.jpg");
	background-repeat: no-repeat;
	margin-bottom: 5px;
	font-size: 1.2em;
	color: #CC192F;
	line-height: 37px;
	font-weight: bold;
	padding-left: 35px;
}

.seiteSubseiten ul li a:HOVER {
	color: #00377d;
}

/********/
/* Misc */
/********/
.clear {
	font-size: 0;
	margin: 0;
	padding: 0;
	height: 0;
	width: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
