﻿body {
	margin: 0; 
	padding: 0; 
	background-image: url(../images/background.png);
	background-color: #465688; 
	height: 100%;
}

body, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

td.banner {
	background: #52B5F6 url(../images/banner_start.jpg) no-repeat;
	height: 240px;
}

td.outerborder_left {
	background: transparent url(../images/outerborder_left.png) repeat-y;
}

td.outerborder_right {
	background: transparent url(../images/outerborder_right.png) repeat-y;
}

td.content_main {
	background-color: #FFFFFF;
	// url(../images/content_main_bg.png) left bottom repeat-x;
}



h1, h2, h3, h4, h5, h6 { margin-top: 0px }
h1 { color: #0073BA; font-size: 13px; margin: 0 }
h2 { color: #0073BA; font-size: 14px; margin: 0 }
h3 { color: #CC0000; font-size: 13px; margin: 0 }
h4 { }
h5 { }
h6 { }
a { text-decoration: none; color: #7E959E }
a:hover { color: #414D52 }

ul { margin-top: 0; margin-bottom: 5px; margin-right: 4px }
li { margin-left: -2.2em; list-style-image: url(../images/bullet.gif) }

p { line-height: 17px; margin: 5px 0 }

/* Formulare */
.formlabel { color: #333; font-size: 10px }

/* Für Formulare ohne unteren Abstand */
form { display: inline }
input, select, textarea, keygen, fieldset { margin: 0 }

/* Seitenelemente */
#content {
	width: 100%;
}

#footer {
	width: 980;
	height: 40px;
	padding-left: 0px;
}

div.banner { background:url(../images/banner_start.jpg) no-repeat; margin: 0px; height: 240px; width: 980px }
div.banner div.years_ahead { padding: 35px 0 0 375px }
div.banner div.headline { padding: 5px 0 0 40px }

/* Contentbereich */
body div.full {  }
body div.lmargin_big { float: left; width: 690px; }
body div.lmargin { float: left; width: 490px; }

body div.middle { margin-left: 15px; float: left; width: 180px }
body div.rmargin { margin-left: 15px; float: left; width: 180px }

div.copyright {
	text-align: right; 
	font-weight: bold; 
	float: left; 
	height: 40px; 
	width: 33%; 
	border-top: 1px solid #FFFFFF; 
	background: url(../images/footer_bg.jpg) repeat-x #F6F8F8;
}
div.copyright span {
	font-size: 11px;
	//font-style: italic;
	padding: 14px 40px 0 0;
	color: #FFFFFF;
	display: block
}

div.banderole { position:absolute; left: 942px; bottom: 0px; }

/* Startseite: Intro */

div.introtext {text-align: left; font-size: 13px;}
div.introtext p {font-size: 13px; margin-bottom: 7px;}
div.introtext li {font-size: 13px;}
div.introtext i {font-size: 13px; color: #005070;}
div.introtext b {font-size: 13px;}
div.introtext_h1 {font-size: 18px; font-weight: bold; margin-top: 0px; color: #0073BA; margin: 0;}

div.intro {font-size: 9px; float: left; margin-right: 10px;}
div.intro td.ecke { width: 6px;  }
div.intro td.border_top { background-image:url(../images/line.gif); background-repeat:repeat-x; width: 100% }
div.intro td.content {font-size: 9px; border-left: 1px solid #DFE6E8; border-right: 1px solid #DFE6E8; padding: 6px 6px 6px 6px }
div.intro td.content_image { border-left: 1px solid #DFE6E8; border-right: 1px solid #DFE6E8; padding: 0 0 0 0 }
div.intro td.border_bottom { background-image:url(../images/line.gif); background-repeat:repeat-x; background-position: 0 5px }

/* Navigation Level1 */
div.navigation_showLevel1 { padding: 0 0 0 40px; }
div.navigation_showLevel1 table { float: left }
div.navigation_showLevel1 td.title {
	//font-style: italic;
	background: transparent url(./../images/nav_middle.png) repeat-x scroll left top;
	text-align: right;
	vertical-align: top;
	padding: 1px
}
div.navigation_showLevel1 td.title_on {
	//font-style: italic;
	background: transparent url(./../images/nav_middle_on.png) repeat-x scroll left top;
	text-align: right;
	vertical-align: top;
	padding: 1px;
}
div.navigation_showLevel1_Start td.title_on {
	width: 64px;
	//font-style: italic;
	background: transparent url(./../images/nav_middle_on.png) repeat-x scroll left top;
	text-align: right;
	vertical-align: top;
	padding: 1px;
}
div.navigation_showLevel1 a { font-family: Verdana, Arial, Helvetica, sans-serif; color: white; text-transform: uppercase; font-size: 9px; font-weight: bold }
div.navigation_showLevel1 a.on { color: #000000 }
div.navigation_showLevel1 a:hover { color: #A0A0FF }

/* Login */
div.login { padding: 34px 0 0 65px; float: left }
div.login table { float: left }
div.login td.title {
	width: 81px;
	// font-style: italic;
	background-color: #CC0000;
	text-align: right;
	vertical-align: top;
	padding: 2px
}
div.login a { font-family: Verdana, Arial, Helvetica, sans-serif; color: white; text-transform: uppercase; font-size: 9px; font-weight: bold }
div.login a:hover { color: #ffcccc }

/* Navigation Level2 */
div.navigation_showLevel2 {
	background:url(../images/navigation_level2_bg.png) repeat-x;
	height: 30px;
	width: 940px;
	padding: 10px 0 0 40px;
	float: left;
	text-align: left;
}
div.navigation_showLevel2 a {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	// font-style: italic;
	text-transform: uppercase;
	display: inline;
	margin-right: 9px;
	font-weight: bold;
	text-decoration: underline;
	background: url(../images/navigation_level2_on_bg.png) left bottom repeat-x;
	color: #0073BA;
}
div.navigation_showLevel2 a.on {
	color: #414D52;
	background: none;
}
div.navigation_showLevel2 a.small { text-transform: none }

/* Teaser */
div.teaser_show { text-align: center; padding-bottom: 20px }

div.lsl_tel { padding-bottom: 10px }
div.procure { padding-bottom: 10px }

div.kontakt { padding-bottom: 10px }
div.kontakt * { font-size: 10px }
div.kontakt a { text-decoration: none; color: white }
div.kontakt td.ecke { width: 6px }
div.kontakt td.text { padding: 5px 0 0 10px; background-color: #0073BA; color: white; line-height: 12px }
div.kontakt td.text span { color: #A6ECFF }
div.kontakt td.bottom { width: 168px; background-color: #0073BA }

div.bestellungen { padding-bottom: 10px }
div.bestellungen td.text { vertical-align: bottom}
div.bestellungen td.ecke { width: 6px }
div.bestellungen td.border_top { background-image:url(../images/line.gif); background-repeat:repeat-x; width: 100% }
div.bestellungen td.content { height: 96px; border-left: 1px solid #DFE6E8; padding-left: 8px }
div.bestellungen td.content div.head { color: #7E959E; font-size: 10px }
div.bestellungen td.content div.text { color: #767F82; font-size: 10px }
div.bestellungen td.border_bottom { background-image:url(../images/line.gif); background-repeat:repeat-x; background-position: 0 5px }

div.beschaffung { padding-bottom: 10px; color: #889EA6 }
div.beschaffung td.ecke { width: 6px }
div.beschaffung td.border_top { background-image:url(../images/line.gif); background-repeat:repeat-x; width: 100% }
div.beschaffung td.content { border-left: 1px solid #DFE6E8; border-right: 1px solid #DFE6E8; padding: 0px 10px }
div.beschaffung td.border_bottom { background-image:url(../images/line.gif); background-repeat:repeat-x; background-position: 0 5px }
div.beschaffung td.head { padding: 10px 0; text-align: center }
div.beschaffung a.reference {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	//font-style: italic;
	color: #0073BA;
	float: right;
	display: block;
	font-weight: bold;
	padding: 5px 0 0 7px;
	text-transform: uppercase;
	background-image:url(../images/dreieck.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px
}
a.read {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	//font-style: italic;
	color: #0073BA;
	float: right;
	display: block;
	font-weight: bold;
	padding: 0px 0 0 7px;
	text-transform: uppercase;
	background-image:url(../images/dreieck.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px
}

a.reference {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	//font-style: italic;
	color: #0073BA;
	float: right;
	display: block;
	font-weight: bold;
	padding: 5px 0 0 7px;
	text-transform: uppercase;
	background-image:url(../images/dreieck.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px
}

/* Texte */
div.text_show { padding-bottom: 20px }
div.text_show a.more {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	// font-style: italic;
	display: block;
	font-weight: bold;
	padding-left: 7px;
	text-transform: uppercase;
	background-image:url(../images/dreieck.gif); 
	background-repeat: no-repeat;
	background-position: 0px 4px
}
div.text_show img.logo { margin-bottom: 5px }
div.text_show a.read {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	//font-style: italic;
	float: left;
	display: block;
	font-weight: bold;
	padding-left: 7px;
	text-transform: uppercase;
	background-image:url(../images/dreieck.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px
}

/* Schnellnavigation */
div.short_navigation_show {
	border-top: 1px solid #FFFFFF; 
	background: url(../images/footer_bg.jpg) repeat-x #F6F8F8;
	width: 67%;
	height: 40px;
	float: left;
	text-align: left;
}
div.short_navigation_show div.navigation {
	padding: 14px 0 0 40px;
}
div.short_navigation_show a {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	//font-style: italic;
	text-transform: uppercase;
	display: inline;
	font-weight: bold;
	margin-right: 9px;
	text-decoration: underline;
	background: url(../images/navigation_level2_on_bg.png) left bottom repeat-x;
	color: #0073BA;	
}
div.short_navigation_show a.on {
	color: #414D52;
	background: none;
	text-transform: none;
}

.boxedstuff {
	float: left;
	padding: 0 7px 11px 7px;
	border: none;
	font-size: 11px;
	background: url(../images/boxedstuff_bg.jpg) repeat-x bottom left;
}

.boxedstuff_yellow {
	float: left;
	padding: 0 7px 11px 7px;
	border: none;
	font-size: 11px;
	background: url(../images/boxedstuff_bg_yellow.jpg) repeat-x bottom left;
}

.small {
	font-size: 11px;
}

.window_title {
	height: 24px;
	font-weight: bold;
	color: #E0F0FF;
	padding: 6px 6px 0px 6px;
	background: url(../images/window_title_bg.png) repeat-x #FFC000;
}

.window_body {
	padding: 4px;
	background: url(../images/window_body_bg.png) left bottom repeat-x #E0F0FF;
}

.borderedimage {
	border: 1px solid #80D3FA;
}

