/*

	1.0 allgemeines
	2.0 page
	3.0 body
	4.0 navigation
	5.0 content
		5.1 offer
		5.2 sitemap
		5.3 mail_form
                5.4 page navi
	6.0 sidebar
	7.0 footer
        

*/


/* --- 1.0 allgemeines --- */

html, body, p, ul, li, form, fieldset, input.submit, a img, h1, h2, h3 {
	padding: 0;
	margin: 0;
	border: 0;
}

input {
	padding: 2px;
	margin: 0;
	border: 1px solid #727272;
        background-color: #f4f4f4;
	/*border-top: 2px solid #969696;
	border-left: 2px solid #969696;*/
}

textarea {
	border: 1px solid #727272;
        background-color: #f4f4f4;
	/*border-top: 2px solid #969696;
	border-left: 2px solid #969696;*/
}

input.submit {
	margin: 2px 0 0 4px;
}

ul {
	list-style: none;
}

hr {
	display: none;
}

body {
	text-align: center;
	background: url('../img/bg_silver.jpg') repeat-x 0 0;
	font-family: 'Trebuchet MS';
}

.clear {
	clear: both;
	line-height: 1px;
	font-size: 1px;
}

.hidden {
	display: none;
}

img.left {
	float: left;
	margin: 0 16px 4px 0;
}

p table td{
	font-size: 0.7em;
}

table td {
	font-size: 0.7em;
}

table td a.arrow {
	font-size: 1.35em;
}

/* --- / 1.0 allgemeines --- */

/* --- 2.0 page --- */

#page {
	width: 995px;
	margin: 0 auto;
	text-align: left;
	background: #fff;
}

#header {
	width: 995px;
}

/* --- / 2.0 page --- */

/* --- 3.0 body --- */

#body {
	padding: 30px 35px 0;
	color: #3b3b3b;
	
	background: url('../img/striche.gif') no-repeat 35px 0;
}

a, a:visited, a:active, a:link {
	color: #2850a0;
	/*font-size: 0.7em;*/
	/*line-height: 1.5em;*/
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.arrow {
	display: block;
	background: url('../img/arrow.gif') no-repeat 5px 3px;
	padding: 0 0 0 13px;
	font-weight: bolder;
}

h1 {
	font-family: Georgia;
	color: #3b3b3b;
	font-size: 1em;
	font-weight: bold;
}

h2 { 
        font-family: Georgia;
	color: #3b3b3b;
	font-size: 0.75em;
	font-weight: bold;
}

h3 {
        font-size: 0.7em;
        font-weight: normal;
}

p {
	margin: 6px 0;
	font-size: 0.7em;
	line-height: 1.5em;
}

/* --- / 3.0 body --- */

/* --- 4.0 navigation --- */

#navigation {
	float: left;
	width: 190px;
	margin: 0 0 0 28px;
}

*html #navigation {
	margin: 0 0 0 14px;
}

#navigation li {
	margin: 0 0 5px;
}

#navigation li a {
	display: block;
	height: 20px;
        color: #2850a0;
	padding: 0 0 0 20px;
	line-height: 20px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
        background: url('../img/navigation_bg.jpg') no-repeat;
}

#navigation li a:visited, #navigation li a:active, #navigation li a:link {
        color: #2850a0;
}

#navigation li a:hover {
        background: url('../img/navigation_bg_over.jpg') no-repeat;
        color: #376edc;
}

#navigation li.hi a{
        background: url('../img/navigation_bg_hi.jpg') no-repeat;
        color: #376edc;
}

#navigation li.hi a:visited, #navigation li.hi a:active, #navigation li.hi a:link {
        color: #376edc;
}

#navigation li.expanded {
	background: url('../img/navigation_expanded.gif') no-repeat 0 100%;
}

#navigation li.expanded a, #navigation li.expanded a:hover {
	background: url('../img/navigation_expanded_head.gif') no-repeat;
}

#navigation li.expanded li {
	margin: 0 0 1px;
	/*background: none;*/
}

#navigation li.expanded li a, #navigation li.expanded li a:hover {
	padding: 2px 0 0 20px;
	font-size: 0.7em;
	color: #7398bd;
	background: url('../img/navigation_expanded_line.gif') no-repeat 0 0;
}

#navigation li.expanded li a.first, #navigation li.expanded li a.first:hover {
	background: none;
        /*border-top: none;*/
}

#navigation li.expanded li.hi a, #navigation li.expanded li.hi a:visited, #navigation li.expanded li.hi a:active, #navigation li.expanded li.hi a:link {
	color: #7eb2e5;
}

#navigation li.expanded li a:hover {
	color: #7eb2e5;
}

#navigation li a:hover {
	text-decoration: none;
}

*html #navigation li a { line-height: 18px; }
*+html #navigation li a { line-height: 18px; }

/* --- / 4.0 navigation --- */

#wrap {
	float: right;
	width: 650px;
	margin: 0;
}


/* --- 5.0 content --- */

#content {
	float: left;
	width: 410px;
}

#content ul {
   margin: 0 0 10px 20px;
   list-style-type:disc;
}

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

ul.bullets {
	margin: 6px 0;
	padding: 0 0 0 20px;
	list-style: disc outside;
}

ul.bullets li {
	font-size: 0.7em;
}

	/* --- 5.1 offer --- */

	.offer {
		margin: 30px 0 0;
	}

	.offer img {
		float: left;
		margin: 5px 0 0 0;
		padding: 0;
	}

	.offer .content {
		float: left;
		width: 270px;
		padding: 0 0 0 16px;
	}

	*html offer .content { width: 280px; }

	.offer p {
		margin: 0;
	}

	.offer h2 {
		font-size: 0.7em;
                padding: 3px 0 3px 0;
	}

	.offer h2 a {
		font-size: 1.2em;
		line-height: 1.2em;
	}

        .offer a.arrow {
                font-size: 0.7em;
                line-height: 1.5em;
                margin: 0 0 0 -5px;
        }

	/* --- / 5.1 offer --- */


	/* --- 5.2 sitemap --- */

	ul.sitemap li {
		padding: 0 0 14px 0;
	}

	ul.sitemap li a, ul.sitemap li span {
		display: block;
		padding: 3px 0 2px 15px;
		background: url('../img/sitemap_bullet.gif') no-repeat 1px 10px;
                line-height: 1.5em;
		border-bottom: 1px solid #93a7cf;
		font-size: 0.7em;
		font-weight: bold;
		color: #000 !important;
	}

	ul.sitemap li ul {
		padding: 4px 0;
	}

	ul.sitemap li li {
		margin: 0;
                padding: 0;

	}

	ul.sitemap li li a {
		background: url('../img/arrow.gif') no-repeat 50px 7px;
		padding: 2px 0 3px 60px;
		border: none;
                line-height: 1.5em;
                height: 1.0em;
		color: #2850a0 !important;
	}

	/* --- / 5.2 sitemap --- */

	/* --- 5.3 mail_form --- */

	table.mail_form td {
		width: 50%;
		font-size: 0.7em;
		padding: 0 0 14px 0;
		vertical-align: top;
	}

	table.mail_form td input {
		width: 260px;
		font-size: 1em;
	}

	table.mail_form td textarea {
		width: 263px;
		font-size: 1.3em;
	}

	table.mail_form td input.formbutton {
		width: auto;
		float: right;
		padding: 0 0 0 20px;
		background: url('../img/submit.gif') no-repeat;
		color: #5071b2;
		border: none;
		font: bold 1em/0.7em 'Trebuchet MS';
	}

	/* --- / 5.3 mail_form --- */

        
        /* --- 5.4 page navi --- */
        div.pageNavi {
                font-size: 0.7em;
        }

        div.pageNavi div.anzeige {
                float: left;
        }

        div.pageNavi div.navigation {
                float: right;
        }

        div.pageNavi div.navigation span.backHi {
                background: url(../img/icon_back_hi.gif) no-repeat left 5px;
                height: 7px;
                padding: 0 7px 0 8px;
                font-weight: bold;
        }

        div.pageNavi div.navigation span.back {
                background: url(../img/icon_back_lo.gif) no-repeat left 5px;
                height: 7px;
                padding: 0 7px 0 8px;
                font-weight: bold;
                color: #e3e3e3;
        }

        div.pageNavi div.navigation span.vorHi {
                background: url(../img/icon_vor_hi.gif) no-repeat right 5px;
                height: 7px;
                padding: 0 8px 0 7px;
                font-weight: bold;
        }

        div.pageNavi div.navigation span.vor {
                background: url(../img/icon_vor_lo.gif) no-repeat right 5px;
                height: 7px;
                padding: 0 8px 0 7px;
                font-weight: bold;
                color: #e3e3e3;
        }

        div.pageNavi div.navigation .pageHi {
                font-weight: bold;
        }
        /* --- / 5.4 page navi --- */


/* --- / 5.0 content --- */

/* --- 6.0 sidebar --- */

#sidebar {
	float: right;
	width: 210px;
}

	/* --- 6.1 search --- */
        #search {
                margin: 0 0 20px 0;
        }

	#search input {
		float: left;
	}

	#search input.field {
		width: 180px;
		font-size: 0.7em;
	}

	/* --- / 6.1 search --- */

	#sidebar h2 {
		margin: 0 0 0 0;
		font-size: 0.9em;
	}

	#sidebar .teaser {
		margin: 0 0 20px 0;
	}

	#sidebar .teaser p {
		margin: 1px 0;
	}

	#sidebar .teaser a.arrow {
                font-size: 0.7em;
                line-height: 1.5em;
		background-position: 1px 0.5em;
		padding: 0 0 0 8px;
	}


/* --- / 6.0 sidebar --- */

/* --- 7.0 footer --- */

#footer {
	clear: both;
	position: relative;
	padding: 20px 0 2px;
	margin: 0 0 30px;
        font-size: 0.7em;
	background: url('../img/footer_bg.gif') repeat-x 100% 100%;
}

#footer div {
	margin: 0 0 -2px;
}

/* --- / 7.0 footer --- */