/*** BESCO GmbH, Internetauftritt by loon webdesign, D"sseldorf, Februar 2009 ***/

body	{ color: #181818; font: 12px Lucida, Arial, Geneva, Helvetica, SunSans-Regular, sans-serif; background-color: #fff; padding: 30px 0 0 }




* 		{ margin: 0; padding: 0;}
img 	{ border: 0;}

.zentrierer {
	width: 950px;
	margin: 0 auto;
}


.alles {
	width: 950px;
	height: 650px;
	position: relative;
	background: transparent url(../i/bg.jpg) no-repeat 0 0;
}


/*** Styles fuer Hauptnavigation ***/

.nav_links  { background-color: transparent; list-style-type: none; position: absolute; top: 235px; left: 25px; width: 200px }

.nav_links ul {
		background-color:transparent;
		margin:0 0 0 -15px;
		padding:0;
		list-style-type:none;
}

.nav_links li     { background-image: none; margin-left: 20px }


.nav_links li a {
	color: #3f4040;
	font-size: 11px;
	line-height: 26px; 
	text-decoration: none;
}


.nav_links li a:hover, .nav_links li a:active, .nav_links li a:focus  {
	color: #003a80; 
}


.nav_links li a.act          { background: url("../i/pfeil.gif") no-repeat 0 -2px; color: #003a80; margin-left: 0; padding-left: 16px }






/*** Styles fuer rechte Spalte ***/

.re_spalte {
	position: absolute;
	left: 730px;
	top: 270px;
	width: 200px;
	background-color: transparent;
}

.re_spalte p {
	float: left;
	display: block;
	background-color:transparent;
	color: #3f4040;
	font-size: 12px;
	line-height: 18px;
	text-decoration:none;
}


.re_spalte p.imp  { font-size: 10px; padding-right: 10px; padding-left: 0 }

.re_spalte a   { color: #3f4040; line-height: 18px; text-decoration: none; background: url("../i/mail.gif") no-repeat 2px 0; white-space: nowrap; display: block; padding: 0 0 0 22px; clear: left }


.re_spalte a:hover,
.re_spalte a:active,
.re_spalte a:focus {
	color: #003a80;
}




/*** Styles fuer Hotline ***/


.hotline {
	position: absolute;
	left: 730px;
	top: 210px;
	width: 200px;
	background-color: transparent;
}

.hotline p {
	float: left;
	display: block;
	background-color:transparent;
	color: #003a80;
	font-size: 16px;
	font-weight:bold;
	text-decoration:none;
}



/*** Styles fuer navigation ***/

.navi {
	position: absolute;
	left: 800px;
	top: 15px;
	width: 150px;
	background-color: transparent;
}




.navi ul {
	float: left;
	padding: 0 0 0 10px;
	list-style-type: none;
	
}
.navi ul li {
	position: relative;
	float: left;
	display: inline;
}

.navi ul li .copy {
	color: #fff;
	font-size: 11px;
	float: left;
	display: inline;
	line-height: 25px;
	padding: 0 7px;
}

.navi .arrowdiv {
	display: none;
}

.navi ul li a {
	font-size: 11px;
	float: left;
	display: block;
	line-height: 25px;
	background-color:transparent;
	font-weight:bold;
	text-decoration:none;
}
.navi ul li a.akt {
	float: left;
	display: block;
	background-color:transparent;
	color: #b8c0e6;
	font-weight:bold;
	text-decoration:none;
}
.navi ul li a:link,
.navi ul li a:visited {
	color: #fff;
}
.navi ul li a:hover,
.navi ul li a:active,
.navi ul li a:focus {
	color: #b8c0e6;
}
.navi ul li a.akt:link,
.navi ul li a.akt:visited,
.navi ul li a.akt:hover,
.navi ul li a.akt:active,
.navi ul li a.akt:focus {
	color: #b8c0e6;
}



/*** Styles fuer navigation englisch***/

.navie {
	position: absolute;
	left: 765px;
	top: 15px;
	width: 200px;
	background-color: transparent;
}




.navie ul {
	float: left;
	padding: 0 0 0 10px;
	list-style-type: none;
}
.navie ul li {
	position: relative;
	float: left;
	display: inline;
}

.navie ul li .copy {
	color: #fff;
	font-size: 11px;
	float: left;
	display: inline;
	line-height: 25px;
	padding: 0 7px;
}

.navie .arrowdiv {
	display: none;
}
.navie ul li a {
	font-size: 11px;
	float: left;
	display: block;
	line-height: 25px;
	background-color:transparent;
	font-weight:bold;
	text-decoration:none;
}
.navie ul li a.akt {
	float: left;
	display: block;
	background-color:transparent;
	color: #b8c0e6;
	font-weight:bold;
	text-decoration:none;
}
.navie ul li a:link,
.navie ul li a:visited {
	color: #fff;
}
.navie ul li a:hover,
.navie ul li a:active,
.navie ul li a:focus {
	color: #b8c0e6;
}
.navie ul li a.akt:link,
.navie ul li a.akt:visited,
.navie ul li a.akt:hover,
.navie ul li a.akt:active,
.navie ul li a.akt:focus {
	color: #b8c0e6;
}



/*** style fuer Logo ***/

.logo {
	position: absolute;
	top: 27px;
	left:1px;
	float: left;
	width: 275px;
}

/*** styles fuer content ***/

.content  { padding-right: 15px; position: absolute; top: 262px; left: 180px; width: 520px; height: 355px; overflow-y: auto; color: #032b5b; }

.content h1 {
	background-color: transparent;
	color: #3f4040;
	font-size: 16px;
	line-height: 20px;
	padding: 0 0 20px 0;
}
.content h2 {
	background-color: transparent;
	color: #032b5b;
	font-size: 14px;
	line-height: 20px;
	padding: 0 0 20px 0;
}
.content p {
	font-size: 12px;
	line-height: 18px;
	padding: 0 0 20px 0;
}

.content .klein {
font-size: 10px;
}


.content table {
	font-size: 12px;
	color: #3f4040;
}



.content table .error {
color: #fa7906;
}



textarea.breite  { padding-bottom: 20px; width: 320px; height: 60px; }

input.breite  { width: 320px;}




.content ul {
	padding: 0 0 20px 0;
	list-style-type: none;
}

.content ul li {
	list-style: none;
	padding: 0 0 0 13px;
	background: transparent url(../i/dot.gif) no-repeat 0 5px;
}



.content a   { color: #3f4040; line-height: 18px; text-decoration: none; background: url("../i/pfeil.gif") no-repeat 2px 0; white-space: nowrap; display: block; padding: 0 0 0 22px; clear: left }


/*** styles fuer footer ***/

.footer {
	position: absolute;
	left: 25px;
	top: 654px;
	float: left;
	width: 200px;
	height: 30px;
	
}


.footer p {
	float: left;
	display: block;
	background-color:transparent;
	color: #898b8d;
	font-size: 11px;
	font-weight: normal;
	text-decoration:none;
	
}