/* CSS Document */

body {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 13px;
	line-height: 20px;
	text-decoration: none;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	color: #555;
	background-color: #d5e7FF; }

div {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 13px;
	line-height: 18px;
	text-decoration: none;
	color: #555;
	font-weight: normal; }

/* BOXes */
/* HINTERGRUND KONSTRUKTION */
#box_livechat { 
	position: absolute;
	left: 50%;
	z-index: 999999;
	margin: 38px 0 0 108px;
}
#box_teilen {
	position: absolute;
	left: 50%;
	z-index: 999999;
	top: 137px;
	margin-left: 271px;
	width: 100px;
}
#box_main {
	background-image: url(img_allg/bg_bottom.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #FFF;
	padding-bottom: 20px; }

#box_innermain {
	position:relative;
	bottom: 0px;
	height: 100%;
	background-image: url(img_allg/bg_top.jpg);
	background-repeat: repeat-x;
	background-position: top;
	overflow: hidden; }

#box_content {
	position: relative;
	width: 760px;
	min-height: 470px;
	left: 50%;
	margin-left: -380px; }

#box_startseite_teaserreihe { }

.box_teaser {
	width: 215px;
	padding: 0px 0px 5px 0px;
	background: url(img_allg/bg_teaser_box.gif) top no-repeat;
}

.box_teaser_startseite {
	float: left;
	width: 247px;
	height: 148px;
	min-height: 108px;
	overflow: hidden;
	background: url(img_allg/bg_teaser_startseite.jpg) no-repeat top #B0D5EB;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	color: #192B75;
}

* html .box_teaser_startseite { margin: 10px 0px 0px 0px }

.box_teaser_startseite_text {
	float: left;
	width: 224px;
	height: 128px;
	min-height: 108px;
	overflow: hidden;
	margin: 10px 0px 10px 0px;
	padding: 10px 10px 10px 13px;
	color: #192B75;
	background: url(img_allg/bg_teaser_startseite.jpg) no-repeat top #B0D5EB;
}

.box_aktuelles_artikel_hell {
	margin-bottom: 20px;
	padding: 0px 8px 0px 8px; }

.box_aktuelles_artikel_dunkel {
	background-color: #EDF6FB;
	padding: 0px 8px 0px 8px; }

.box_aktuelles_vorschau {
	padding-bottom: 5px;
	margin-bottom: 6px;
	border-bottom: 1px dotted #ABBED5; }

.box_kommentartext {
	padding-bottom: 25px; }

.aktuelles_vorschau_img {
	float: left;
	margin: 5px 10px 0px 0px; }

.seitenweiterschaltung {
	background: url(img_allg/bg_seitenschaltung.jpg) repeat-x;
	font-size: 12px;
	color: #142A6A; }

.tooltip {
	top: -105px;
	width: 225px;
	color: #333;
	position: absolute;
	display: none;
	padding: 5px;
	background-color: #FFF;
	border: 1px dotted #2A4280;
	z-index: 99;
	text-align: center;
}

.tooltip_bsp {
	position: absolute;
	margin-left: -250px;
	color: #333;
	display: none;
	padding: 5px;
	background-color: #FFF;
	border: 1px dotted #2A4280;
}

.tooltip_text {
	top: -105px;
	width: 225px;
	color: #333;
	position: absolute;
	display: none;
	padding: 5px;
	background-color: #FFF;
	border: 1px dotted #2A4280;
	z-index: 99;
}

/* INHALTE */
#box_head {
	padding: 0px 0px 0px 10px; }

#box_head_suche	{
	
	padding-top: 13px;
	float: right;
	width: 300px;
	margin-right: 22px;
	text-align: right;
	padding-right: 25px; }

* html #box_head_suche	{
	margin-right: 10px; }

#box_navigation {
	margin-top: 14px;
	margin-bottom: 7px; }

#box_footer {
	padding: 10px 22px 10px 10px;
	text-align: right; }

/* BOX CONTENTS */
#box_maincontent { padding: 0px; background-color: #FFF; }
#box_maincontent_top { background-color: #FFF; }
#box_maincontent_mitte { background-color: #FFF; }
#box_maincontent_bottom { background-color: #FFF; }

.teaser { width: 215px; padding: 0px 10px 0px 20px; }
.inhalt { width: 485px; padding: 0px 20px 0px 10px; }

.teaser_intext_links {float: left; background-color: #EDF6FB; width: 195px; margin: 0px 15px 15px 0px; }
.teaser_intext_rechts {float: right; background-color: #EDF6FB; width: 195px; margin: 0px 0px 15px 15px; }

.trennlinie { width: auto; border-bottom: 1px dotted #ABBED5; margin: 5px 0px 5px 0px; }
.img_head { margin-bottom: 10px; }


/* NAVIGATION */
#nav_aktuelles {
	position: absolute;
	background-image: url(img_allg/nav_aktuelles_over.gif);
	width: 117px;
	height: 37px;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

#nav_leistungen {
	position: absolute;
	background-image: url(img_allg/nav_leistungen_over.gif);
	width: 121px;
	height: 37px;
	left: 117px;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

#nav_beispiele {
	position: absolute;
	background-image: url(img_allg/nav_beispiele_over.gif);
	width: 121px;
	height: 37px;
	left: 237px;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

#nav_partner {
	position: absolute;
	background-image: url(img_allg/nav_partner_over.gif);
	width: 138px;
	height: 37px;
	left: 358px;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

#nav_informationen {
	position: absolute;
	background-image: url(img_allg/nav_informationen_over.gif);
	width: 159px;
	height: 37px;
	left: 496px;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

#nav_kontakt {
	position: absolute;
	background-image: url(img_allg/nav_kontakt_over.gif);
	width: 105px;
	height: 37px;
	left: 655px;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

/* BERSCHRIFTEN */
h1 { font-family: "Trebuchet MS", Arial, Verdana;
	 font-size: 20px;
	 color: #142A6A;
	 font-weight: bold;
	 text-decoration: none;
	 margin: 0px 0px 5px 0px; }

h2 { font-family: "Trebuchet MS", Arial, Verdana;
	 font-size: 12px;
	 color: #4E95DB;
	 font-weight: bold;
	 text-decoration: none;
	 margin: 0px 0px 15px 0px; }

h3 { font-family: "Trebuchet MS", Arial, Verdana;
	 font-size: 14px;
	 color: #142A6A;
	 font-weight: bold;
	 text-decoration: none;
	 margin: 0px 0px 5px 0px; }

h4 { font-family: "Trebuchet MS", Arial, Verdana;
	 font-size: 20px;
	 color: #6E90C7;
	 font-weight: bold;
	 text-decoration: none;
	 margin: 0px 0px 5px 0px; }

.datum { font-family: "Trebuchet MS", Arial, Verdana;
	 font-size: 10px;
	 color: #4E95DB;
	 font-weight: normal;
	 text-decoration: none;
	 margin: 0px 0px 0px 0px; }

.hervorheben { color: #CC0000; font-size: 14px; font-weight: bold; text-decoration: underline; }
.fehler { color: #CC0000; }
/* LINKS */
a { font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #1E3879;
	text-decoration: none; }

a:hover {
	color: #5578D5; }

#subnav {
	margin-bottom:20px;}

#subsubnav {
	float: left;
	width: 195px;
	padding: 10px 9px 10px 11px;
	background: url(img_allg/bg_subsubnav.jpg) repeat-x bottom;
	border-bottom: 1px solid #798EB5;
	line-height: 22px; }

a.subnav_top {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	float: left;
	width: 205px;
	height: 24px;
	padding: 6px 0px 0px 10px;
	background: url(img_allg/subnav_bg_top.jpg) no-repeat top;
	border-bottom: 1px solid #798EB5; }

a.subnav_top:hover { color: #FFF; background: url(img_allg/subnav_bg_top_over.jpg) no-repeat top; }
a.subnav_top_aktiv {	font-size: 12px; font-weight: bold; color: #FFF; float: left; width: 205px; height: 24px; padding: 6px 0px 0px 10px; background: url(img_allg/subnav_bg_top_over.jpg) no-repeat top; border-bottom: 1px solid #798EB5; }


a.subnav_middle {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	float: left;
	width: 205px;
	height: 24px;
	padding: 4px 0px 0px 10px;
	background: url(img_allg/subnav_bg_middle.jpg) repeat-x top;
	border-bottom: 1px solid #798EB5; }

a.subnav_middle:hover { color: #FFF; background: url(img_allg/subnav_bg_middle_over.jpg) repeat-x top; }
a.subnav_middle_aktiv { font-size: 12px; font-weight: bold; color: #FFF; float: left; width: 205px; height: 24px; padding: 4px 0px 0px 10px; background: url(img_allg/subnav_bg_middle_over.jpg) repeat-x top;	border-bottom: 1px solid #798EB5; }


a.subnav_bottom {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	float: left;
	width: 205px;
	height: 24px;
	padding: 4px 0px 0px 10px;
	background: url(img_allg/subnav_bg_bottom.jpg) repeat-x top; }

a.subnav_bottom:hover { color: #FFF; background: url(img_allg/subnav_bg_bottom_over.jpg) repeat-x top; }
a.subnav_bottom_aktiv { font-size: 12px; font-weight: bold; color: #FFF; float: left; width: 205px; height: 24px; padding: 4px 0px 0px 10px; background: url(img_allg/subnav_bg_bottom_over.jpg) repeat-x top; }

a.subsubnav { font-size: 12px; color: #5C79AF; }
a.subsubnav:hover { color: #5C79AF; font-weight: bold; }
a.subsubnav_aktiv { font-size: 12px; color: #5C79AF; font-weight: bold; }

a.subsubsubnav { font-size: 12px; color: #5C79AF; margin-left: 10px; }
a.subsubsubnav:hover { color: #5C79AF; font-weight: bold; }
a.subsubsubnav_aktiv { font-size: 12px; color: #5C79AF; font-weight: bold; margin-left: 10px; }

a.fett { font-weight: bold; font-size: 12px; color: #2D4785; }
a.fett:hover { font-weight: bold; font-size: 12px; color: #9BB1D8; }

/* FORMULARE */
input[type=text], 
textarea,
input[type=password] { padding: 3px; border: 1px solid #142A6A; color: #142A6A; font-family: "Trebuchet MS", Arial, Verdana; font-size: 13px; }

input[type=text]:hover, 
textarea:hover,
input[type=password]:hover { border: 1px solid #CCC; background: #FBFDFF; }

input[type=text]:active, 
textarea:active,
input[type=password]:active { border: 1px solid #CCC; background: #FBFDFF; }

input[type=text]:focus, 
textarea:focus,
input[type=password]:focus { border: 1px solid #CCC; background: #FBFDFF; }

.top_suchfeld {
	border: none;
	font-size: 11px;
	background: url(img_allg/bg_suchfeld.gif) no-repeat left top;
	background-color: none;
	width: 136px;
	height: 21px;
	padding: 4px 0px 0px 20px; }

.top_suchbutton {
	margin-bottom: 5px; }

.form_textfeld {
	border: 1px solid #142A6A;
	color: #142A6A;
	width: 200px;
	height: 18px;
	padding: 5px; }

.form_textarea {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 13px;
	border: 1px solid #142A6A;
	color: #142A6A;
	width: 90%;
	height: 100px;
	padding: 5px; }

/* LISTEN */

ul.aufzaehlung_standard {
	margin: 0px;
	padding-left: 17px;
	list-style-image: url(img_allg/icon_aufzaehlung_vio.jpg);
	font-weight: normal;
	color: #142A6A;
	line-height: 20px;
	font-size: 13px; }

ul.aufzaehlung_01 {
	margin: 0px;
	padding-left: 17px;
	list-style-image: url(img_allg/icon_aufzaehlung_vio.jpg);
	font-weight: bold;
	color: #142A6A;
	font-size: 12px; }
	
ul.aufzaehlung_link {
	margin: 0px;
	padding-left: 17px;
	list-style-image: url(img_allg/icon_link.gif);
	font-weight: bold;
	color: #142A6A;
	font-size: 13px; }

