/*  ------------------------------------- Global Styles --------------------------------------	*/


h1	{
	border-bottom : 1px solid #666666;
	color : #FFFFFF;
	font-size : 1.5em;
	letter-spacing : 0.01em;
	}

h2	{
	border-bottom : 1px solid #666666;
	color : #FFFFFF;
	font-size : 1.25em;
	letter-spacing : 0.01em;
	}

h3	{
	border-bottom : 1px solid #666666;
	color : #FFFFFF;
	font-size : 1.0em;
	letter-spacing : 0.01em;
	}

h4	{border-bottom : 1px solid #666666;
	color : #FFFFFF;
	font-size : 0.925em;
	letter-spacing : 0.01em;
	}


h6	{
	color : #FFFFFF;
	font-size : 0.875em;
	letter-spacing : 0.01em;
	}

p	{
	font-size : 0.875em;
	color : #c0c0c0;
	}


a:link, a:visited, a:active {
	color : #FFFFFF;
	text-decoration : none;
	}

a:hover {
	color : #808080;
	text-decoration : none;
	}

ol	{
	font-size : 0.875em;
	color : #c0c0c0;
	}






body	{
	font-family: trebuchet ms, arial, sans-serif;
	font-size: 100.01%;
	background-color : #c7c7c7;
	background: url('../img/hintergrund-l-webdesign.jpg');
	background-repeat : repeat;
	background-attachment : scroll;
	background-position : 0 0;
	text-align: center;		/* center all elemnts inside body*/
	margin: 0px;			/* setting top and bottom margin */
	padding: 0px;
	}








/*   ---------------------------------------- ID Styles --------------------------------------	*/



#master-box { 
	background-attachment : scroll; 
	background-position : 0 0; 
	width: 59.75em;
	margin: 0px auto; 
	}




#header { 
	height:6.775em;
	position:relative;
	background-image :url('none');
	background-attachment : scroll; 
	background-position : 0 0; 
	margin: 0 auto;
	padding: 0;
	text-align : right; 
	}





#header .topnav {
	font-size : 0.6875em;
	float : right;
	margin-top : 0.875em;
	}

#header .topnav li {
	display : inline;
	margin-right : 1.1em;	
	}

#header .topnav li a{
	color : #FFFFFF;		
	}

#header .topnav li a:hover {
	text-decoration : underline;
	}


#navigation { 
	position:relative;
	background-image :url('none');
	background-attachment : scroll; 
	background-position : 0 0; 
	margin: 0 auto;
	padding: 0;
	text-align : left;
	}

#navreiter {
	background-image :url('none');
	background-attachment : scroll; 
	}






#reiter-first {
	float : left;
	margin-right : 0.25em;
	}


#reiter-middle1 {
	float : left;
	margin-right : 0.25em;
	}


#reiter-middle2 {
	float : left;
	margin-right : 0.25em;
	}

#reiter-middle3 {
	float : left;
	margin-right : 0.25em;
	}


#reiter-last {
	text-decoration : none;
	}




#navline {
	background-color : #A6FF40;
	margin : 0 auto;
	}



/* ------------------------- Textdekoration von naviline -------------------------------------	 */


#navline .nav {
	font-size : 0.75em;
	font-weight : bold;		
	padding : 0 0 0 5px;
	}

#navline .nav li {
	color : #FFFFFF;
	display:inline;
	}



#navigation a.first,
#navigation a.first:visited,
#navigation a.first:link,
#navigation a.first:active {
	background: url(../img/reiter-li00.gif) no-repeat left top;
	padding-left : 0.875em;
	padding-right : 0.875em;
	margin : 0;
	}

#navigation a.first:hover {
	color : #c0c0c0;
	background: url(../img/reiter-li99.gif) no-repeat left top;
	}

#navigation a.first01,
#navigation a.first01:visited, 
#navigation a.first01:link,
#navigation a.first01:active, 
#navigation a.first01:hover {
	background: url(../img/reiter-li01.gif) no-repeat left top;
	color : #000000;
	padding-left : 0.875em;
	padding-right : 0.875em;
	margin : 0;
	}


#navigation a.middle,
#navigation a.middle:visited, 
#navigation a.middle:active, 
#navigation a.middle:link {
	background: #494949 left top; 
	padding-left : 0.875em;
	padding-right : 0.875em;
	}

#navigation a.middle:hover {
	color : #c0c0c0;
	background-color : #000000;
	}

#navigation a.middle01,
#navigation a.middle01:visited,
#navigation a.middle01:active,
#navigation a.middle01:link,
#navigation a.middle01:hover {
	background: #A6FF40 left top;
	color : #000000;
	padding-left : 0.875em;
	padding-right : 0.875em;
	margin : 0;
	}


#navigation a.last,
#navigation a.last:visited, 
#navigation a.last:link,
#navigation a.last:active {
	background: url(../img/reiter-re00.gif) no-repeat right top;
	padding-left : 0.875em;
	padding-right : 0.875em;
	margin : 0;
	}

#navigation a.last:hover {
	color : #c0c0c0;
	background: url(../img/reiter-re99.gif) no-repeat right top;
	}

#navigation a.last01,
#navigation a.last01:visited, 
#navigation a.last01:link,
#navigation a.last01:active, 
#navigation a.last01:hover {
	background: url(../img/reiter-re01.gif) no-repeat right top;
	color : #000000;
	padding-left : 0.875em;
	padding-right : 0.875em;
	margin : 0;
	}              
	
						






#inhalt { 
	background-repeat : repeat; 
	background-attachment : scroll; 
	background-position : 0 0; 
	background-color : #494949;
	margin : 0 auto; 
	text-align : left;
/*	border: solid 1px #A6FF40;	*/
	}






/* ------------------------- Verschiedene Bilder unterhalb der Navigation ---------------------------	*/



#oben_impressum {
	background : url('../img/index-01.jpg') no-repeat center top;
	clear : both;
	min-height : 100px;
	margin : 0 auto;
	margin-bottom : 0.5em;
	}

#oben_datenschutz {
	background : url('../img/index-01.jpg') no-repeat center top;
	clear : both;
	min-height : 100px;
	margin : 0 auto;
	margin-bottom : 0.5em;
	}

#oben_hilfe {
	background : url('../img/index-01.jpg') no-repeat center top;
	clear : both;
	min-height : 100px;
	margin : 0 auto;
	margin-bottom : 0.5em;
	}

#oben_index {
	background : url('../img/index-01.jpg') no-repeat center top;
	clear : both;
	min-height : 100px;
	margin : 0 auto;
	margin-bottom : 0.5em;
	}

#oben_service {
	background : url('../img/index-01.jpg') no-repeat center top;
	clear : both;
	min-height : 100px;
	margin : 0 auto;
	margin-bottom : 0.5em;
	}

#oben_profil {
	background : url('../img/index-01.jpg') no-repeat center top;
	clear : both;
	min-height : 100px;
	margin : 0 auto;
	margin-bottom : 0.5em;
	}

#oben_kontakt {
	background : url('../img/kontakt-01.jpg') no-repeat center top;
	clear : both;
	min-height : 100px;
	margin : 0 auto;
	margin-bottom : 0.5em;
	}

#oben_callback {
	background : url('../img/callback-01.jpg') no-repeat center top;
	clear : both;
	min-height : 100px;
	margin : 0 auto;
	margin-bottom : 0.5em;
	}

#oben_gmap {
	background : url('../img/index-01.jpg') no-repeat center top;
	clear : both;
	min-height : 100px;
	margin : 0 auto;
	margin-bottom : 0.5em;
	}

#oben_seo {
	background : url('../img/index-01.jpg') no-repeat center top;
	clear : both;
	min-height : 100px;
	margin : 0 auto;
	margin-bottom : 0.5em;
	}







/*  ---------------------- drei Spalten mit mehreren Boxen -----------------------------------	*/

#links_drei_box {
	float : left;
	margin-right : 0.5em;
	padding : 0 0 0 0;
	}	

#mitte_drei_box {
	float : left;
	padding : 0 0 0 0;
	}

#rechts_drei_box {
	float : right;
	padding : 0 0 0 0;	
	}




/* --------------------------- Boxen in linker Spalte ---------------------------	*/

.links_kleine_box {
	padding : 0.275em 0.875em 0.275em 1em;
	margin-left : 0;
	margin-right : 0;
	margin-bottom : 0.5em;	
	background : #000000;
	width : 10em;
	}

.links_kleine_box_letzte {
	padding : 0.275em 0.875em 0.275em 1em;
	margin-left : 0;
	margin-right : 0;
	background : #000000;
	width : 10em;
	}





/* ----------------------- Boxen in mittlerer Spalte bei ... drei Spalten --------------------	*/


.kleine_box_mitte {
	padding : 0.275em 0.875em 0.275em 1em;
	margin-left : 0;
	margin-right : 0;
	margin-bottom : 0.5em;
	background : #000000;	
	width : 33.125em;
	}

.kleine_box_mitte_letzte {
	padding : 0.275em 0.875em 0.275em 1em;
	margin-left : 0;
	margin-right : 0;
	margin-bottom : 0.0em;
	background : #000000;	
	width : 33.125em;
	}

.kleine_box_mitte_no_pad {
	padding : 0 0 0 0;	
	margin-left : 0;
	margin-right : 0;
	margin-bottom : 0.5em;
	background : #000000;			
	width : 35em;
	}


/* ---------------------------- Boxen in rechter Spalte ---------------------------	*/

.kleine_box {
	padding : 0.275em 1em 0.275em 0.875em;
	margin-left : 0;
	margin-right : 0;
	margin-bottom : 0.5em;	
	background : #000000;
	width : 10em;
	}

.kleine_box_letzte {
	padding : 0.275em 1em 0.275em 0.875em;
	margin-left : 0;
	margin-right : 0;
	background : #000000;
	width : 10em;
	}

/* -------------------- linke Spalte .. BREIT .. bei ... zwei Spalten mit Boxen --------------	*/


#links_breit_box {
	float : left;		
	margin : 0 0.5em 0em 0;
	width : 45.425em;				
	}



/* ------------------------ Boxen in linker Spalte bei ... zwei Spalten ---------------------	*/

.kleine_box_rechts {
	padding : 0.275em 0.875em 0.275em 1em;
	margin-left : 0;
	margin-right : 0;
	margin-bottom : 0.5em;
	background : #000000;				
	width : 45.425em;
	}

.kleine_box_rechts_letzte {
	padding : 0.275em 0.875em 0.275em 1em;
	margin-left : 0;
	margin-right : 0;
	background : #000000;				
	width : 45.425em;
	}


/* ------------------------ Boxen in linker Spalte bei ... zwei gleich großen Spalten ---------------------	*/




#unten	{
	background-image : url('none');
	background-repeat : repeat;
	background-attachment : scroll;
	background-position : 0 0;
	clear : both;
	margin-top : 0;
	padding : 0.275em 0.875em 0em 1em;
	}

#footer	{
	background-image : url('none');
	background-color : #000000;		/* MUSS WIEDER ENTFERNT WRFERDEN */
	background-repeat : repeat;
	background-attachment : scroll;
	background-position : 0 0;
	clear : both;
	padding : 0.275em 0.875em 0.275em 1em;
	margin : 0.5em 0 0 0;
	}


/* --------------------------------------- Gmap ----------------------------------------------	*/


/* --- Box in der die Karte dargestellt wird ---  */
#box_gmap {
	padding : 0.275em 0.875em 0.275em 1em;
	margin-left : 0;
	margin-right : 0;
	background : #000000;				/*Muss geändert werden */
	width : 43.55em;
	height : 600px;
	}


/* --- Info-Box ---  */
.LWgmapInfo {
	width: 28em; 
	padding: 0.275em 0.875em 0.275em 1em;
	background-image : url('../img/hintergrund-l-webdesign.jpg');
	background-repeat : repeat;
	background-attachment : scroll;
	background-position : 0 0;
	background-color: #000000;
	border: 0.1em dotted #A6FF40;
	}

.LWgmapInfo p {
	margin: 0;
	padding: 0;
	font-size : 0.875em;
	color : #c0c0c0;
	}

.LWgmapInfo .img {
	float: left;
	margin: 0 2.5em 0.275em 0.875em;
	padding: 0;
	border: 0px;
	font-size : 0.875em;
	color : #c0c0c0;
	}

.LWgmapInfo .headline {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	}

.LWgmapInfo .text {
	margin: 0px;
	padding: 0px;
	}

.LWgmapInfo .klein {
	font-size: 0.6em;
	}

.LWgmapInfo .submit {
	padding: 0.55em 0.825em 0 0;
	}

.LWgmapInfo .video {
	float: left;
	margin: 0px 4px 2px 4px;
	padding: 3px;
	background-color: #ffbb60;
	font-size: 0.8em;
	font-weight: bold;
	border: 4px inset #ffbb60;
	}


.LWgmapInfo .inputField {
	border-width : 0.1em;
	border-color : #c0c0c0;
	border-style : solid; 
	font-size : 0.875em; 
	width: 26.5em; 
	background : #c0c0c0;
	} 

.LWgmapInfo .button {
	float: left;
	width: auto;
	margin : 0.875em 1em 0 0;
	}


.LWClear {
	clear: both;
	margin: 0px;
	padding: 0px;
	}


/* ----------------------------------- No - JavaScript ---------------------------------------	*/

.no-javascript {
	padding : 0.275em 0.875em 0.275em 1em;
	margin-left : 0;
	margin-right : 0;
	background : #A6FF40;				/*Muss geändert werden */
	width : 43.55em;
	}

.no-javascript p {
	font-size : 0.875em;
	color : #000000;
	}

.no-javascript a {
	font-weight : bold;
	color : #000000;
	text-decoration : underline;
	}

/* --------------------------------------- Styles ------------------------------------	*/

/*	#rechts ul {
		list-style : none;
		margin : 0 0 0 0;
		}

	#rechts ul li {
		background : url('li05.gif') no-repeat;
		display : block;
		margin : 0;
		padding-left:1em; padding-right:0; padding-top:0; padding-bottom:0.875em;
		}

	#rechts ul li a {
		text-decoration : none;
		color : #000000;
		}

	#rechts ul li a:hover {
		color : #808080;
		}
*/



.kleine_box ul {
	color : #c0c0c0;		/* MUSS ENTFERT werde */
	font-size : 0.75em;
	list-style : none;
	padding: 0.875em 0 0 0;
	margin : 0 0 0 0;
	}

.kleine_box ul li {
	list-style : none;	
	display : block;
	margin : 0;
	padding-left : 0.5em; padding-right:0; padding-top : 0.5em; padding-bottom : 0.5em;
	border-bottom : 1px solid #666666;	
	}



#unten a {
	text-decoration : underline;
	}








/* ----------------------------- Class Styles --------------------------------	*/



.nav 	{
	font-size : 0.8em;
	font-weight : bold;	
	list-style : none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}

.nav li {
	display : inline;
	list-style : none;
	}


.hidden {
	display : none;
	}



.h1	{
	border-bottom : none;
	}

.ha a:hover {
	color : #FFFFFF;
	}

.f06r	{
	font-size : 0.4em;
	color : #c0c0c0;
	text-align : right;
	}

.f06	{
	font-size : 0.4em;
	color : #c0c0c0;
	}

.f10	{
	font-size : 0.7em;
	color : #c0c0c0;
	}

.f11	{
	font-size : 0.8em;
	color : #c0c0c0;
	}

.f12	{
	font-size : 0.875em;
	color : #c0c0c0;
	}

.f12b	{
	font-weight : bold;
	font-size : 0.875em;
	color : #c0c0c0;
	}

.f12_a	{
	font-size : 0.875em;
	color : #c0c0c0;
	}

.f12_a a {
	color : #c0c0c0;			
	}

.f12_a a:hover	{
	color : #808080;
	}

.f12_space {
	font-size : 0.875em;
	color : #c0c0c0;
	letter-spacing : 0.11em;
	}

.f14b_c	{
	font-weight : bold;
	font-size : 1em;
	color : #c0c0c0;
	text-align : center;
	}


.mitte {
	font-size : 0.875em;
/*	text-align : justify; */
	color : #c0c0c0;
	}

.mitte h1 a:hover, h3 a:hover {
	text-decoration : none;
	color : #FFFFFF;
	}

.img-footer {
	text-align : right;
	padding : 1em 3em 1em 0;
	margin : 0;
	}

.footer {
	font-size : 0.625em;
	text-align : center;
	color : #c0c0c0;
	}

.footer a {
	text-decoration : underline;
	color : #FFFFFF;
	}

.frame	{
	border : 0px
	}

.header-image {
	position:absolute;
	left: 27.9375em;
	top: 0.9375em;
	}

.img-logo-top {
	width:2.8125em;
	height:5.125em;
	border : 0px;
	}


.img-google {
	border : 0px;
	width : 100% ;
	height : 600px;
	}

.img-callback {
	width:3.3125em;
	height:3.3125em;
	float : right;
	border : 0px;
	margin-left : 0.5em;
	}

.img-button {
	width:0.875em;
	height:0.875em;
	border : 0px;
	}

.img-browser-icons {
	width: 1em;
	height: 1em;
	padding-right : 0.25em;
	border : 0px;
	}

.img-browser-screen-klein {
	width: 16em;
	height: 12em;
	padding : 0.25em 0.25em 0.25em 0.25em;
	border : 0px;
	float : right;
	}


.kontakt_formular {
	border : 0px;
	width : 100% ;
	height : 600px;
	}

.callback_formular {
	border : 0px;
	width : 100% ;
	height : 500px;
	}

.img-navigation {
	position: relative;
	left : 0;
	top : 0;
	height: 95px;
	width : 100%;
/*	border-style : collapse;	*/
	border : 0px;
	}


.meta {
	padding-right:0.5em;
	padding-left:0.5em;
	color : #FFFFFF}

.to_top {
	font-size : 0.65em;
	padding-right:0.5em;
	text-align : right;
	}



/*  ---------------------- Kontaktformular  -------------------------------  */
.kontakt {
	margin : 0;
	padding : 0;
	line-height : 1.5em;
	}

label	{
	display: block;
	float: left;
	width: 8em;
	}

input	{
	display: block;
	float: left;
	width: 10em;
	}


form br {
	clear: left;
	}

.button {
	float: none;
	width: auto;
	margin : 0.875em 1em 0 0;
	}