/* @override 
	http://localhost:8888/rangenet/lenz_gu%cc%88nter/web/css/lenz_guenter.css
	http://localhost:8888/rangenet/lenz_guenter/web/css/lenz_guenter.css
*/

* {
	margin: 0;
	padding: 0;
}

/* @group regular markup */

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

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

h2 {
	color: #333;
	font: normal 20px "Trebuchet MS";
}

h3 {
	color: #c80101;

	font-family: "Trebuchet MS" ;
	font-size: 14px;
	font-weight: normal;
	margin: 22px 0 0 0 ;
}

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

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

p{
	font-weight: normal;
	margin-bottom: 5px;
	}

a:link, a:visited {
	color: #893e47;
}


a:hover {
	color: #c80101;
}

ul{
	margin-left: 16px;
}

li{
	list-style-position: outside;
}


/* @end */

/* @group header */

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

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


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: 0px;

}

/* @group navigation */

div#nav {
	/*border-bottom: #BB0101 1px solid;*/
	background: url(../img/navigation.png) repeat-x;
	/*margin-top: 0px;*/
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	float: left;
	height: 35px;
	overflow:hidden;
	padding: 84px 0 0 35px;
	width: 640px;
}

a.home,
a.homea,
a.historie,
a.historiea,
a.leistung,
a.leistunga,
a.branchen,
a.branchena,
a.anfrage,
a.anfragea,
a.kontakt,
a.kontakta
 {
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	height: 35px;
	margin: 0 0px 0 0;
	width: 106px;
}

a.home {
	background: url(../img/style/navigation.png) no-repeat 
	0px 0px ;
}

a.home:hover {
	background: url(../img/style/navigation.png) no-repeat 
	0px -40px ;
}
a.homea {
	background: url(../img/style/navigation.png) no-repeat 
	0px -80px ;
}

a.historie {
	background: url(../img/style/navigation.png) no-repeat 
	-106px 0px ;

}

a.historie:hover {
	background: url(../img/style/navigation.png) no-repeat 
	-106px -40px ;
}

a.historiea {
	background: url(../img/style/navigation.png) no-repeat 
	-106px -80px ;
}

a.leistung {
	background: url(../img/style/navigation.png) no-repeat 
	-212px 0px ;
}

a.leistung:hover {
	background: url(../img/style/navigation.png) no-repeat 
	-212px -40px ;
}

a.leistunga {
	background: url(../img/style/navigation.png) no-repeat 
	-212px -80px ;
}

a.branchen {
	background: url(../img/style/navigation.png) no-repeat 
	-318px 0px ;

}

a.branchen:hover {
	background: url(../img/style/navigation.png) no-repeat 
	-318px -40px ;
}


a.branchena {
	background: url(../img/style/navigation.png) no-repeat 
	-318px -80px ;
}


a.anfrage {
	background: url(../img/style/navigation.png) no-repeat 
	-424px 0px ;
}

a.anfrage:hover {
	background: url(../img/style/navigation.png) no-repeat 
	-424px -40px ;
}

a.anfragea {
	background: url(../img/style/navigation.png) no-repeat 
	-424px -80px ;
}

a.kontakt {
	background: url(../img/style/navigation.png) no-repeat 
	-530px 0px ;
}

a.kontakt:hover {
	background: url(../img/style/navigation.png) no-repeat 
	-530px -40px ;
}

a.kontakta {
	background: url(../img/style/navigation.png) no-repeat 
	-530px -80px ;
}



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/style/page.jpg) repeat-y;
	margin: 0 auto;
	/*padding-left: 50px;*/
	width: 1024px;
}

/* @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/style/topic.jpg) no-repeat;
	height: 120px;
	margin: 0 auto;
	width: 1024px;
	position: relative;
/*	margin-top: 15px;
	margin-bottom: 20px;*/
}

div#topicleft {
	/*background: #9999FF;*/
	float: left;
	height: 120px;
	padding-right: 10px;
	padding-left: 24px;
	width: 295px;
	overflow:hidden;
}

div#topicright {
	background:/* #9999FF */url(../img/topicright.gif);
	float: right;
	font-size: 1.0em;
	height: 118px;
	width: 295px;
/*	padding: 10px 305px 10px 10px;*/

}

div#slogan {
	display: block;
	height: 170px;
	margin: 0 auto;
	width: 1024px;
}

div#slogan.start {
	background: url(../img/style/slogan.jpg) 0 -1px;
}

div#slogan.historie {
	background: url(../img/style/historie.jpg) 0 -1px;	
}

div#slogan.leistungen {
	background: url(../img/style/leistungen.jpg) 0 -1px;	
}

div#slogan.branchen {
	background: url(../img/style/branchen.jpg) 0 -1px;	
}
div#slogan.anfrage {
	background: url(../img/style/anfrage.jpg) 0 -1px;	
}
div#slogan.kontakt {
	background: url(../img/style/kontakt.jpg) 0 -1px;	
}
div#y {
	/*background: #d9dade;*/
	height: auto;
	float: left;
	padding-bottom: 30px;
	width: 705px;
}

div#text {
	/*background: #ffffff;*/
/*	border-right: 1px solid #000033;*/
	color: #333;
	float: left;
	font-size: 12px;
	font-family: Verdana, sans-serif;
	line-height: 16px;
	padding: 26px 44px 50px 35px;
/*	padding-right: 80px;*/
	width: 600px;
}

/* @end */

/* @group rightbox */
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 12px 50px 12px;
	width: 256px;
}

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: 195px;
}

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;
}

div#navright img {
	border: 1px solid #000;
}


div#navright img.noborder {
	border: 0px solid #000;
}
/* @end */

div#filler {
	background: url(../img/style/filler.jpg) no-repeat ;
	clear: both;
	color: #95a1b1;
	font-size: 1.0em;
	height: 34px;
/*	padding-left: 50px;*/
	margin: 0px auto 0px auto;
	width: 1024px;
}

div#footerkeeper {
	background: url(../img/style/adress.jpg) 
	no-repeat ;
	display: block;
	/*float: left;*/
	height: 34px;
	margin: 0 auto;
	width: 1024px;

}

div#footer {
	background: #d9dade  url(../img/style/footer.jpg) 
repeat-x;
	/*border-top: 1px solid #c80101;*/

	clear: both;
	color: #95a1b1;
	font-size: 1.0em;
	height: 36px;
/*	height: 76px;*/
	line-height: 1.3em;
/*	padding-left: 50px;*/
	margin: 0 auto;
	overflow: hidden;
}

div#footer a:link {
	color: #95a1b1;
}

.breaker {
clear:both; 
height:0px; 
font-size:1px; 
line-height:1px; 
overflow:hidden;
}

/* @group forms */


form, form.half, form.third
{
	display: block;
	float: left;
	margin: 10px 0 17px 
	26px;
}





/* @group labels */

label.s,
label.m,
label.l,
label.x,
label.xl,
label.xxl,
label.sml, 
label.med, 
label.big {
	color: #333;
		float: left;
		font-size: 11px;	  
		height: 20px;
		line-height: 1.5em;
		margin: 0 5px 0 0px;
		text-align: left;
		text-transform: normal;
} 


label.s{
	width: 60px;
}

label.m{
	width: 80px;
}

label.l{
	width: 100px;
}

label.x{
	width: 120px;
}

label.xl{
	width: 143px;
}

label.xxl {
	width: 180px;
}


/** label.sml{
	width: 30px;
}

label.med{

	width: 50px;
}

label.big {
	width: 100px;
}
**/
/* @group labels_calculated */

label.c {
		color: #73747e;
		float: left;
		font-size: 11px;	  
		height: 20px;
		line-height: 1.5em;
		margin: 0 5px 0 00;
		text-align: left;
		text-transform: uppercase;
} 



/* @end */

/* @group labels_query */

label.q
 {
	background: url(../img/search.gif) no-repeat right center;
} 

/* @end */

/* @group labels_required */

label.r {
	background: url(../img/required.gif) no-repeat right center;
	} 

/* @end */
/* @end */

/* @group fields */

input.s,
input.m,
input.l,
input.x,
input.xl,
input.xxl,
input.sml, 
input.med, 
input.big {
	
	border: 1px solid #878787; 
	display: block;
	float: left;
	height: 18px;
	margin: 0 5px 5px 0;
}

input.s{
	width: 25px;
}

input.m
{
	width: 50px;
}

input.l{

	width: 100px;
}

input.x{
	width: 150px;
}

input.xl{
	width: 175px;
}

input.xxl{
	width: 250px;
}

/** Alte definitionen 
input.sml{
	margin: 0 0px 5px 0;
	width: 25px;
}

input.med {
	margin: 0 10px 5px 0;
	width: 80px;
}

input.big {

	margin: 0 10px 5px 0;
	width: 200px;
}

 Alte definitionen ENDE **/

/* @group calculated_locked_fields */

input.c {

	background: #babdcc;
	border: 1px solid #90929e;
}


/* @end */

/* @group query_fields */


input.q {
	background: #ffc repeat; 
	border: solid 1px #000;
}

/* @end */

/* @group required_fields */

input.r {
	border: 1px solid #c80101;
}


/* @end */

/* @group buttons */

input.b
{
	/*background: url(../img/button.gif) repeat-x -0px -1px;*/
	/*display: block;*/
	float: left;
	font-size: 13px;
	height: 20px;
	margin: 0 8px 0 0;
	width: 100px;
}

/** input.b_s {
	background: url(../img/button_sml.gif) no-repeat;
	width: 50px;
}

input.b_l {
	background: url(../img/button_med.gif) no-repeat;
	width: 100px;
}

input.b_xxl{
	background: url(../img/button_big.gif) no-repeat;
	width: 150px;
}
**/ 
/* @end */

/* @end */

/* @group textarea */

textarea {
	float: left;
}

/* @end */
/* @end */

.datenschutz {
	font-size: 12px;
	position: absolute;
	top:10px;
	left: 40px;
}