/* @override 
	http://localhost:8888/rangenet/B+W/css/bw.css
	http://localhost:8888/rangenet/B_W/css/bw.css
*/

* {
	margin: 0;
	padding: 0;
}



.breaker {
	clear: both;
}


/* @group regular markup */

html{
	background: url(../img/body.jpg) repeat-x;
	font-family: Trebuchet MS, Geneva, sans-serif;
}

body {
	font: Trebuchet MS, sans-serif;
	font-size: 0.75em;
}

h2, h3{
	color: #66686a;
	font-size: 1.28em;
	margin:0 0 12px 0;
}

h3 {
	margin:20px 0 12px 0;
}

img {
	border-style: none;
	border-width: 0;
}

img.float {
	border-style: none;
	border-width: 0;
	float:  left;
}

p {
	margin-bottom: 8px;
}

a:link, a:visited {
	color: #2C4363;
}


a:hover {
	color: #66686a;
}

ul{
	margin-left: 16px;
}

li{
	list-style: disc;
	list-style-position: inside;
}


/* @end */

/* @group header */

div#header {
	height: 44px;
	background: url(../img/header.jpg) #ffffff repeat-x;
	margin: 0 auto;
	width: 970px;
}


a.downloads,
a.faq,
a.kontakt {
	display: inline-block;
	float: left;
	height: 44px;

}

a.downloads {
	background: url(../img/download.gif) no-repeat;
	margin: 0 10px 0 725px;
	width: 80px;
	}

a.faq {
	background: url(../img/faq.gif) no-repeat;
	margin: 0 0 0 0px;
	width: 50px;
	}

a.kontakt {
	background: url(../img/kontakt.gif) no-repeat;
	margin: 0 0 0 0px;
	width: 80px;
	}
/* @end */

img.logo {
	margin-top: 10px;
	margin-left: 44px;
	margin-left/**/:/**/ 44px;
}

/* @group navigation */

div#nav {
	/*border-bottom: #BB0101 1px solid;*/
	background: url(../img/nav.jpg) repeat-x;
	/*margin-top: 0px;*/
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 45px;
	margin: 0 auto;
	width: 970px;
}

a.home,
a.homea,
a.profil,
a.profila,
a.leistung,
a.leistunga,
a.beratung,
a.beratunga,
a.partner,
a.partnera,
a.konzept,
a.konzepta,
a.vergleich,
a.vergleicha
 {
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	height: 45px;
	margin: 0 5px 0 0;
}

a.home {
	background: url(../img/home.jpg) no-repeat 0px 0px ;
	margin-left: 17px;
	width: 60px;
}

html>body a.home {margin-left:35px}

a.home:hover {
	background: url(../img/home.jpg) no-repeat 0px -45px ;
	width: 60px;
}
a.homea {
	background: url(../img/home.jpg) no-repeat 0px -45px ;
	margin-left: 17px;
	width: 60px;
}

html>body a.homea {margin-left:35px}

a.profil {
	background: url(../img/profil.jpg) no-repeat 0px 0px ;
	width: 100px;
}

a.profil:hover {
	background: url(../img/profil.jpg) no-repeat 0px -45px ;
	width: 100px;
}

a.profila {
	background: url(../img/profil.jpg) no-repeat 0px -45px ;
	width: 100px;
}

a.leistung {
	background: url(../img/leistung.jpg) no-repeat 0px 0px ;
	width: 90px;
}

a.leistung:hover {
	background: url(../img/leistung.jpg) no-repeat 0px -45px ;
	width: 90px;
}

a.leistunga {
	background: url(../img/leistung.jpg) no-repeat 0px -45px ;
	width: 90px;
}

a.beratung {
	background: url(../img/beratung.jpg) no-repeat 0px 0px ;
	width: 110px;
}

a.beratung:hover {
	background: url(../img/beratung.jpg) no-repeat 0px -45px ;
	width: 110px;
}


a.beratunga {
	background: url(../img/beratung.jpg) no-repeat 0px -45px ;
	width: 110px;
}


a.partner {
	background: url(../img/partner.jpg) no-repeat 0px 0px ;
	width: 160px;
}

a.partner:hover {
	background: url(../img/partner.jpg) no-repeat 0px -45px ;
	width: 160px;
}

a.partnera {
	background: url(../img/partner.jpg) no-repeat 0px -45px ;
	width: 160px;
}

a.konzept {
	background: url(../img/konzept.jpg) no-repeat 0px 0px ;
	width: 150px;
}

a.konzept:hover {
	background: url(../img/konzept.jpg) no-repeat 0px -45px ;
	width: 150px;
}

a.konzepta {
	background: url(../img/konzept.jpg) no-repeat 0px -45px ;
	width: 150px;
}

a.vergleich {
	background: url(../img/vergleich.jpg) no-repeat 0px 0px ;
	width: 230px;
}

a.vergleich:hover {
	background: url(../img/vergleich.jpg) no-repeat 0px -45px ;
	width: 230px;
}
a.vergleicha {
	background: url(../img/vergleich.jpg) no-repeat 0px -45px ;
	width: 230px;
}


ul#mainnav {
	background:  url(../img/ulmainnav.gif) repeat-x;
	list-style-type: none;


	padding-left/**/:/**/ 52px;
}

ul#mainnav li {
	background: url(../img/passive.gif);
/*	border: 1px solid #000033;
	border-bottom: none;*/
	float: left;
	height: 40px;
	margin: 0;
}

ul#mainnav a:link,
ul#mainnav a:visited {
	background-image: url(../img/passive.gif);
	color: #00dc00;
	display: block;
/*	padding-left: -5px;
	padding-right: -5px;
	padding: 4px;*/
	text-decoration: none;
}

ul#mainnav a:hover {
	background: url(../img/active.gif) repeat-x #000033;
	color: #ff00ff;
	height: 44px;
}

/* @end */

div#page {
	background: url(../img/content.jpg)repeat-y;
	height: auto;
	margin: 0 auto;
	/*padding-left: 50px;*/
	width: 970px;
}

/* @group content */

div#title {
	background: url(../img/title.gif) no-repeat;
	height: 30px;
	margin-top: 30px;
	width: 780px;
}

div#titleright {
	float: right;
	height: 30px;
	margin: 0px 0px 0px 540px;
	padding: 7px 0px 0px 0px;
	width: 225px;
}

div#titleright a:link, 
div#titleright a:visited {
	color: #000033;
	font-size: 0.85em;
	padding: 10px 4px 10px 4px;
	text-decoration: none;
}

div#titleright a:hover {
	color: #000033;
	padding: 8px 4px 8px 4px;
	text-decoration: underline;
}

div#topic {
	background: url(../img/topic.jpg) no-repeat;
	border-bottom: dotted 1px #CCCCCC;
	height: 91px;
	margin: 0 auto;
	width: 970px;
}

div#topicleft {
	float: left;
	height: 91px;
	margin-right: 5px;
	width: 200px;
}

div#topicright {
	background:/* #9999FF */url(../img/topicright.gif);
	float: left;
	font-size: 1.0em;
	height: 91px;
	width: 500px;

}

div#y {
	background: url(../img/content.jpg)repeat-y;
	height: auto;
	float: left;
	padding-bottom: 30px;
	width: 700px;
}

div#text {
	background: #ffffff;
	color: #66686A;
	float: left;
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 26px 22px 0 17px;
	width: 600px;
}

html>body div#text {margin: 26px 44px 0 35px;}

/* @end */

/* @group rightbox */

html>body div#navright,
html>body div#navright1,
html>body div#navright2,
html>body div#navright3,
html>body div#navright4,
html>body div#navright5,
html>body div#navright6,
html>body div#navright7,
html>body div#navright8 {
/*	border-top: 1px solid #000033;*/
	display: inline-block;
	float: left;
	height: auto;
	margin: 20px 0 0 53px;
	width: 200px;
	color: #66686a;
}

div#navright,
div#navright1,
div#navright2,
div#navright3,
div#navright4,
div#navright5,
div#navright6,
div#navright7,
div#navright8 {
/*	border-top: 1px solid #000033;*/
	display: inline-block;
	float: left;
	height: auto;
	margin: 20px 0 0 0px;
	width: 200px;
	color: #66686a;
}

div#navright a,
div#navright1 a,
div#navright2 a,
div#navright3 a,
div#navright4 a,
div#navright5 a,
div#navright6 a,
div#navright7 a,
div#navright8 a {
	/*border-bottom: 1px solid #000033;*/
	color: #000033;
	display: block;
	float: left;
	line-height: 20px;
	padding-left: 25px;
	text-decoration: none;
	width: 175px;
}

div#navright a:hover,
div#navright1 a:hover,
div#navright2 a:hover,
div#navright3 a:hover,
div#navright4 a:hover,
div#navright5 a:hover,
div#navright6 a:hover,
div#navright7 a:hover,
div#navright8 a:hover {
	background: url(../img/arrow.gif) no-repeat;
	display:block;


}

div#navright1 a#a,
div#navright2 a#b,
div#navright3 a#c,
div#navright4 a#d,
div#navright5 a#e,
div#navright6 a#f,
div#navright7 a#g,
div#navright8 a#h {
	display:block;
	background: url(../img/arrow_active.gif) no-repeat;
}

div#navright1 a#a:hover,
div#navright2 a#b:hover,
div#navright3 a#c:hover,
div#navright4 a#d:hover,
div#navright5 a#e:hover,
div#navright6 a#f:hover,
div#navright7 a#g:hover,
div#navright8 a#h:hover {
	display:block;
	background: url(../img/arrow.gif) no-repeat;
}



/* @end */

div#filler {
	clear: both;
	height: 30px;
	margin: 0 auto;
}

div#footerkeeper {
	display: block;
	height: 56px;
	margin: 0 auto;
	width: 900px;

}

div#footer {
	background: #2C4363 url(../img/footer.jpg) no-repeat center;
	color: #95a1b1;
	font-size: 1.0em;
	height: 76px;
	line-height: 1.3em;
}

div#footer a {
	color: #95a1b1;
}
div#footer a:hover {
	text-decoration:none;
}


/* @group input */
form {
	background: #eaeaea;
	height: 365px;
	padding: 20px;
	width: 400px;
}


html>/**/body input {
	background: #eaeaea;
	border: 1px solid #656565;

	display: block;
	float: left;
	height: 20px;
	margin: 0 0 15px 0px;
	width: 218px;
	/*margin-left: 110px;*/
}


input {
	background: #eaeaea;
	/*border: 1px solid #656565;*/
	display: block;
	float: left;
	height: auto;
	margin: 0 0 15px 15px;
	width: auto;
	/*margin-left: 110px;*/
}

input.s {
	width: 49px;
}

input.m {
	width: 169px;
}

input.l {
	width: 94px;
}

input:focus {
	background: #ffffff;
}


input.hidden{
	display: none;
	visibility: hidden;
}

form.xxxl{
	font-size: 13px;
	height: auto;
	width: 650px;
}

html>/**/body form.xxxl input {
	margin: 0 0 5px 0px;
}


form.xxxl input {
	margin: 0 0 5px 6px;
}


html>/**/body form.xxxl input[type=radio], 
html>/**/body form.xxxl input.radio {
	border: none;
	float: left;
	height: 14px;
	margin: 3px 2px 0px 12px;
	width: 14px;
	
}



form.xxxl fieldset input[type=radio], 
form.xxxl fieldset input.radio{
	border: none;
	float: left;
	height: auto;
	margin: 3px 2px 0px 12px;
	width: auto;
}

html>/**/body form.xxxl input[type=checkbox], 
html>/**/body form.xxxl input.checkbox {
	border: none;
	float: left;
	height: 13px;
	margin: 3px 2px 0px 12px;
	width: 13px;
	
}


form.xxxl input[type=checkbox], 
form.xxxl input.checkbox{
	border: none;
	float: left;
	height: auto;
	margin: 3px 2px 0px 12px;
	width: auto;
	
}

form.xxxl input[type=submit], 
form.xxxl input.submit{

	float: right;
	height: 20px;

	margin: 3px 2px 0px 15px;
	width: 220px;
	
}

form.xxxl b {
	margin: 0 0 10px 15px;
}



form.xxxl em {
	float: left;
	line-height: 22px;
	font-size: 12px;
}




label {
	background: #eaeaea;
	float: left;
	height: 20px;
	width: 100px;

}


label.xl {
	background: #eaeaea;
	display: block;
	float: left;
	line-height: 22px;
	min-height: 20px;
	width: 170px;
}

label.xxl {
	background: #eaeaea;
	display: block;
	float: left;
	height: auto;
	width: 250px;
}

.send {
	width: 100px;
	margin-left: 20px;
	display: block;
	float: left;
}

.reset{
	width: 100px;
	margin-left: 110px;
	float: left;
		
	
}

textarea.mail {
	width: 220px;
	height: 170px;
	margin-left: 00px;
	margin-bottom: 15px;
}

textarea.callback {
	width: 220px;
	height: 100px;
	margin-left: 10px;
	margin-bottom: 15px;
}

select.callback, seleckt.mail {
	width: 220px;
	height: 20px;
	margin-left: 10px;
	margin-bottom: 15px;
}





div#callback{
	margin-left: 100px;
}

div#search {
	width: 168px;
	height: 100px;
	margin: 20px 0px 10px 12px;
}

div#navbox input {
	background: #eaeaea;
	width: 135px;
	height: 20px;
	border: 1px solid #656565;
	vertical-align: bottom;
}




fieldset {
	border: 1px solid #a7acb5;
	border-bottom-color: #a7acb5;
	border-top: 1px solid #bb0304;
	border-bottom-width: 5px;
}


fieldset label {
	float: left;
	margin: 0 0 0 15px;
}

fieldset p {
	margin:  0 0 0 15px;
}

fieldset b.gruppe {
	border-bottom: 1px solid ;
	border-color: #bb0304;
	color: #7d7f81;
	display: block;
	width: 390px;

}


legend {
	font-weight: bold;
	margin: 0 0 0 10px;
	padding: 0 20px 0 00px;
	text-indent: 5px;
	color: #66686a;
}

.desc{
	color: #4a4c54;
	float: left;

	height: 20px;
	line-height: 22px;
	margin: 0 0 0 5px;
	text-transform: none;
}



/* @end */

.link{
	font-size: 1.0em;
	color: #00213e;
	margin-top: 4px;
	text-decoration:none;


}

.link:hover {
	font-size: 1.0em;
	color: #00213e;
	text-decoration: underline;
}

span.contact {
	background: #fff url(../img/contact.gif) no-repeat;
	color: #ffffff;
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	height: 25px;
	line-height: 26px;
	text-decoration: none;
	text-indent: 10px;
	width: 200px;

}


span.contact,span.angebot, span.mail, span.callback, span.emergency, span.bottom {
	font-size: 0.9em;
	height: 25px;
	display: block;
	text-indent: 10px;
	line-height: 26px;
	text-decoration: none;
	margin: 0 0 0 0px;
}

span.callback {
	background: #cae2f8 url(../img/ruckruf.gif);
	border-bottom: 1px solid #808f9e;

	}

span.mail {
	background: #f7f7f7 url(../img/mail.gif) no-repeat;
	border-bottom: 1px solid #808f9e;
}



span.angebot {
	background: #f7f7f7 url(../img/angebot.gif) no-repeat;
	border-bottom: 1px solid #808f9e;
}

span.emergency {
	background: #cae2f8 url(../img/notfall.gif);

}


span.bottom{
	background: #808f9e url(../img/contact_bottom.gif) no-repeat;
	width: 200px;
	height: 25px;
	margin-bottom: 10px;
}