/* # CSS DOCUMENT GPS over IP # */

html, body {
		vertical-align:top;
		margin:auto;
		height:100%;
		width:100%;
		font:12px Verdana, Arial, sans-serif;
		line-height:17px;
		color: #6a6c6d;
		}

p {
		text-align:justify;
		}
		
	.box_1_rahmen p{
			margin-top: 5px;
			}
			
blockquote{
		text-align: justify;
		}
			
hr{
		color: #b2b3b5;
		margin: 20px 0;
		}
			
.footnote{
		font-size: 10px;
		line-height: 12px;
		width: 98%;
		}
	
ul.bodytext {
		list-style-image: url(pics/sidenav_guillemet.gif);
		}	

a:link, a:visited, a:active {
		color:#6a6c6d; 
		text-decoration: none; 
		font-weight: bold;
		}

.top_navi a:visited{
		color:#fff;
		}
		
span.menu_active a,span.menu_active a:visited, span.menu_active a:active{
		background-image:url(pics/nav_selected.gif); 
		background-repeat:x-repeat;
		padding:10px 30px 0;
		height:30px;
		color:#ffffff;	
} 

/**html span.menu_active a, *html span.menu_active a:visited, *html span.menu_active a:active{
		width: 20px;
		color: #fff;
		white-space: nowrap;
}

*+html span.menu_active a, *+html span.menu_active a:visited, *+html span.menu_active a:active{
		color: #fff;
}*/

span.menu_active ul a, span.menu_active ul a:visited, span.menu_active ul a:active {
		padding: 0 10px;		
		}

span.menu_active ul a{
		background-image:none;
		font-weight:bold; 
		text-decoration: none;
		}
	
span.menu_active ul a:hover{
		color:#f58425;  		
		text-decoration: none; 
		font-weight: bold;
		}		

a:hover {
		color:#f58425; 
		text-decoration: none; 
		font-weight:bold;
		}
  
div.csc-header	 {
		margin:0 0px 20px 0;
		line-height:20px;
		}		
		
h1, h1.csc-firstHeader {
		font-size:25px;
		font-weight: normal;
		line-height:29px;
		text-align:left;
		background-image: url(pics/headline_guillemet.gif); background-repeat: no-repeat;
		padding-left: 25px;
		}
		
h2,.headline_2{
		font-size:13px;
		line-height:20px;
		text-align:left;
		font-weight:bold;
}
	.box_3_grau h2, .box_2_grau h2, .box_1_grau h2, .box_1_halb_grau h2{
			color: #fff;
	}
	
h2.big{
		font-size:18px;
		font-weight: normal;
		line-height:29px;
		text-align:left;
		background-image: url(pics/headline_guillemet.gif); background-repeat: no-repeat;
		padding-left: 25px;
		}
	
h3 {
		font-weight:bold;
		font-size: 12px;
		color: #6a6c6d;
		padding: 7px 0;
		}	
		
		.footer_column h3{
				padding: 0;
		}
		
.footer_column h3{
		font-size: 10px;
		}

table, tr, td, div, span{
		text-align:left;
		}
		
table{
		margin-top: 10px;
		border-collapse: collapse;
		}
		
	table p{
			text-align: left;
			}
			
	.table_general h2, .table_general_list h2{
			padding-left: 10px;
			color: #fff;
			}
			
	table h3{
			line-height: 12px;
			font-size: 12px;
			}
		
	th{
			background-image:url(pics/tablehead.png); background-repeat:no-repeat;
			width: 700px;
			height: 40px;
			}

	.box_var_background td { border: 0px; }
			
	td{ border: 1px solid #d0d2d4;}
	th{ border: none;}
	tbody{ width: 700px;}
			
			#ShadowBox td{
					border: none;
					}
	
	.table_general{
			font-size: 10px;
			width: 700px;
			line-height: 12px;
			float: left;
			display: inline-block;
			}
			
			.table_general_list{
					width: 700px;
					line-height: 12px;
					float: left;
					display: inline-block;
					margin-bottom: 20px;
					}

			.table_content_list{
					height: 35px;
					}
					
			.table_content_list ul{
					padding-left: 10px;
					}
			
	.table_general p, .table_general h3{
			padding: 5px;
			}
			
	.table_center{
			text-align: center;
			}
			
	.table_icon{
			width: 90px;
			text-align: center;
			}
			
	.table_content{
			width: 390px;
			height: 65px;
			}
			
	.table_tick_big{
			width: 105px;
			text-align: center;
			}
			
	.table_tick{
			width: 70px;
			text-align: center;
			padding-top: 10px;
			}
	
	table ul{
			margin: 0;
			}
			
.caption{
		padding-bottom: 20px;
		font-size: 10px;
		}

#nav{
		padding-left:5px
		}

li.first_element {
		background:transparent;		
		}

li.rest_element {
		list-style-type:url();
		}

ul.menu, ul.menu ul {
		width:915px;
		/*list-style-image: url(leer);*/
		cursor: pointer;
		color:#FFFFFF;
		}

ul.menu a {
		display: block;
		/*padding: 3px 20px 0 5px;*/
		font-size: 11px;
		font-weight: bold;
		color:#6a6c6d;
		}
		
/*.menu_ebene2 a{
		color: #fff;
		}*/

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

.menu2{
		float: left;
		margin-top: 10px;
		padding: 0px 0;
		position: absolute;
		left: 0;
		color: #6a6c6d;
		list-style: none;
		background-image:none;
		}

ul.menu li {
		list-style-image:none;	
		list-style-type:none;	
		margin: 0;
		float: left;
		}
	
span.top_navi {
		display: block;
		height: 38px;
		float: left;
		font-size: 11px;
		}
		
span.top_navi a{
		color:#fff; 
		font-weight:bold; 
		text-decoration: none;
		padding: 0 30px;
		line-height:38px;
		}

span.top_navi:hover{
		background-image: url(pics/nav_selected.gif);
		background-repeat: repeat-x;
		cursor: pointer;
		padding-top:0px;
		line-height:38px;
		}

/*
	Sonstige Elemente der Ebene 2
*/

li.menu_ebene2{
	padding-top:0px;
	}
	
span.menu_active li.menu_ebene2 a:visited{
	color:#6a6c6d;
	background-image:none;
	padding-top:0px;
}	
span.menu_active li.menu_ebene2 a:hover{
	color:#6a6c6d;
	background-image:none;
}

span.menu_active li.menu_ebene2 a{
	padding-top:0px;
	color:#6a6c6d;
	height: 20px;
}

span.menu_active li.menu_ebene2 a:hover, span.menu_active li.menu_ebene2, span.menu_active menu_ebene2 a:active {
	color:#f58425;
	background-image:none;
	padding-top:0px;
	height: 20px;
}	

/*
	Aktives Element der Ebene 2
*/

span.menu_active li.ebene2_active{
	padding-top: 0px;
}

span.menu_active li.ebene2_active a:visited {
	color:#f58425;
	background-image:none;	
}

span.menu_active li.ebene2_active a:link {	
	background-image:none;
	padding-top:0px;	
}	

span.menu_active li.ebene2_active a, span.menu_active li.ebene2_active a:link {
	color:#f58425;
	background-image:none;
	padding-top:0px;
}

span.menu_active li.ebene2_active a:hover{
		padding-top:0px;
		height: 20px;
}

/* Seitennavigtion */

#sidenavigation{
		margin: 5px 0 50px 0;
		}
		
#sidenavigation li, #sidenavigation_kundenstimmen li{
		list-style-image: url(pics/sidenav_guillemet.gif);
		list-style-position: inside;
		padding-bottom: 3px;
		}

#sidenavigation .sidenavigation_active, #sidenavigation_kundenstimmen .sidenavigation_active{
		list-style-image: url(pics/sidenav_guillemet_active.gif);
		}

#sidenavigation li ul {margin:0.8em;}
#sidenavigation li ul a{font-weight: normal;}

#sidenavigation_kundenstimmen a{font-weight: normal;}


/* Produktliste */

#list_productelement_left{
		width: 340px;
		height: 147px;
		padding: 0 16px 16px 0;	
		background-image:url(./pics/box_productelement.gif);
		background-repeat:no-repeat;
		display: inline-block;
		}
		
#list_productelement_right{
		width: 340px;
		height: 147px;
		padding: 0 0 16px 0;	
		background-image:url(./pics/box_productelement.gif);
		background-repeat:no-repeat;
		display: inline-block;
		}

/**html #list_productelement_right, #list_productelement_left{
		float:left;
		}*/

#list_accessoires{
		width:700px;	
		}

#list_productelement_image{	
		width: 147px;
		height: 147px;
		float: left;
		display: inline-block;
		}

#list_productelement_text{
		height: 145px;
		float: left;
		display: inline-block;
		width: 175px;
		margin-left: 10px;
		}

#list_productelement_name{
		margin: 5px 0 2px 0;
		font-weight:bold;
		font-size:9px;
		width: 180px;
		color: #6a6c6d;
		}

#list_productelement_teaser{
		font-weight:normal;
		font-size:9px;
		width: 175px;
		line-height: 1.6;
		color: #6a6c6d;
		}

/* Zubeh�r Gro�ansicht */

#list_productelement_wrap1 h1{
		width: 680px;
		}

#list_productelement_price h2{
		float: right;
		font-size: 13px;
		font-weight: bold;
		display: inline-block;
		margin: -36px 0 0 0;
		}

#list_productelement_image_big{	
		width: 147px;
		height: 190px;
		float: left;
		padding-right: 20px;
		display: inline-block;
		}
		
#list_productelement_teaser_big{
		float: left;
		display: inline-block;
		width: 645px;
		}

#list_productelement_wrap1{
		height: 415px;
		width: 820px;
		}		
			
#list_productelement_wrap2{
		width: 820px;
		clear: left;
		}			

#list_productelement_hinweis{
		width: 650px;
		float: left;
		display: inline-block;
		}
		
#list_productelement_anwendungsbeispiel{
		width: 147px;
		padding-left: 20px;
		float: left;
		display: inline-block;
		}
		
#list_productelement_anwendungsbeispiel img{
		padding-top: 10px;
		}
		
#list_productelement_kompatibel{
		width: 820px;
		height: 70px;
		clear: left;
		position: absolute;
		}
		
.copyright{
		font-size: 10px;
		}


.pages{
		float: right;
		padding: 0 0 20px 0;
		}

	#page{
			float:left;	
			}
	
	#page_active{
			float:left;
			color: #f58221;
			}
			

/* Fragenkatalog */

#faqcol1{
		width: 340px;
		text-align: justify;
		float: left;
		padding-right: 20px;
		}

#faqcol2{
		width: 340px;
		text-align: justify;
		float: right;
		}
		
#faqcol1, #faqcol2 li{
		text-align: left;
		}
		
.tx-gpsfaq-pi1{
		width: 700px;
		}

.tx-gpsfaq-pi1 dd{
		margin-left: 0px;
		padding: 5px 0 10px 0;
		}
		
		
/* Newsletter */

#newsletter{
		background-image: url(pics/grauverlauf_bg.png); background-repeat: no-repeat;
		width: 200px;
		height: 313px;
		padding: 10px;
		text-align: justify;
		}

#mailformformtype_mail {
		width:102px;
		height:15px;
		background: url(pics/abschicken.png); background-repeat: no-repeat;
		border:none;
		cursor: pointer;
		margin-top: 10px;
		
		/* Kontakt */
		margin-left: 350px;
		}

#mailformformtype_mail:hover {
		/*background: url(pics/abschicken_hover.png); background-repeat: no-repeat;*/
		background: transparent url(pics/abschicken.png) 0 -16px no-repeat;
		}
		
#newsletter #mailformformtype_mail{
		float: right;
		margin-left: 0;
		background: transparent url(pics/abschicken.png) ;
		background-repeat: no-repeat;
		}


#newsletter #mailformformtype_mail:hover {
		/*background: url(pics/abschicken_hover.png); background-repeat: no-repeat;*/
		background: transparent url(pics/abschicken.png) 0 -16px no-repeat;
		}
		
input.textfeld{
		height: 25px;
		border:none;
		color: #6a6c6d;
		margin-bottom: 10px;
		}
		
.textfeld{
		background: url(pics/textfeld.gif); background-repeat: no-repeat;
		width: 196px;
		padding: 0 0 0 4px;
		margin-bottom: 10px;
		}
		
/* Aktuelle News */

.tx-zeifr-pi10{
		width: 210px;
		height: 313px;
		display: inline-block;
		float: left;
		padding: 0 30px 20px 0;
		}
		
/* Kontaktformular */

.formu{
		margin: 10px 0 0 0;
		width: 460px;
		padding-right: 20px;
		float: left;
		display: inline-block;
		}
		
#col1 .formu{
		width: 200px;
		}
	
.mf-input, .mf-select{
		background: url(pics/textfeld_450x25.gif); background-repeat: no-repeat;
		width: 460px;
		height: 25px;
		border:none;
		padding: 3px 0 0 4px;
		margin: 3px 0 10px 0;
		color: #6a6c6d;
		}
		
.mf-text{
		background: url(pics/textfeld_450x147.gif); background-repeat: no-repeat;
		height: 143px;
		width: 446px;
		border:none;
		padding: 4px 0 0 4px;
		margin: 3px 0 10px 0;
		color: #6a6c6d;
		}
		
#mailformBereich{
		color: #6a6c6d;
		width: 450px;
		margin: 7px 0 20px 0;
		padding: 1px;
		}
		
label{
		font-weight: bold;
		}
		
/* Plugins */
		
.box_1_halb_ohne_pic{
		width: 220px;
		height: 147px;
		display: inline-block;
		float: left;
		padding: 0 0 20px 0;
}

/* Box OverIP Apps/Grau */

.box_1_rahmen_overipapps_blank{
		background-image: url(../images_gpsauge/teaser/overipapps_bg_blank.jpg); background-repeat: no-repeat;
		width: 220px;
		height: 313px;
		display: inline-block;
		float: left;
		padding: 0 20px 20px 0;
}

.box_1_rahmen_overipapps{
		background-image: url(../images_gpsauge/teaser/overipapps_bg.jpg); background-repeat: no-repeat;
		width: 220px;
		height: 313px;
		display: inline-block;
		float: left;
		padding: 0 0 20px 0;
}

.box_1_rahmen_grauverlauf_img{
		width: 200px;
		padding: 9px;
}

.box_1_rahmen_grauverlauf_content{
		width: 200px;
		padding: 10px;
}

/* Teaserboxen */

	/* Zubehoer */

#teaser_zubehoer a{
		width: 220px;
		height: 147px;
		background: url(../images_gpsauge/teaser/zubehoer.jpg); background-repeat: no-repeat;
		display: inline-block;
		float: left;
		margin: 0 0 20px 0;
		}

#teaser_zubehoer a:hover{
		 background: transparent url(../images_gpsauge/teaser/zubehoer.jpg)
		 0 -147px no-repeat;
		}
		
	/* Hardware */

#teaser_hardware a{
		width: 220px;
		height: 147px;
		background: url(../images_gpsauge/teaser/hardware.jpg); background-repeat: no-repeat;
		display: inline-block;
		float: left;
		margin: 0 0 20px 0;
		}
		
#teaser_hardware a:hover{
		 background: transparent url(../images_gpsauge/teaser/hardware.jpg)
		 0 -147px no-repeat;
		}
		
	/* Software */

#teaser_software a{
		width: 220px;
		height: 147px;
		background: url(../images_gpsauge/teaser/software.jpg); background-repeat: no-repeat;
		display: inline-block;
		float: left;
		margin: 0 0 20px 0;
		}
		
#teaser_software a:hover{
		 background: transparent url(../images_gpsauge/teaser/software.jpg)
		 0 -147px no-repeat;
		}
	
/* Rahmenbox variabel */

.box_var_top{
		background-image: url(pics/box_var_top.gif);
		background-repeat: no-repeat;
		height: 100%;
		width: 700px;
}

.box_var_background{
		height: 100%;
		background-image: url(pics/box_var_bg.gif);
		background-repeat: repeat-y;
		width: 700px;
}

.box_var_text{
		padding: 10px 10px 10px 20px;
		height: 100%;
}

.box_var_text_img{
		text-align: center;
		padding: 10px 0;
		}

.box_var_text h2{
		padding-bottom: 5px;
		}

.box_var_bottom{
		background-image: url(pics/box_var_bottom.gif);
		background-repeat: no-repeat;
		height: 5px;
		width:700px;
}

.tx-gpsproduct-pi3{
		padding: 0;
		}
		
.tx-gpsproduct-pi2{
		padding-top: 20px;
		width: 700px;
		}
		
#FancyDIV{
		background-image: url(pics/fancydivbg.png); background-repeat: no-repeat;
		margin: 10px 0 0 10px;
		}		
		
/* IN1 Individualisierung */

#individualisierung_box{
		background-image: url(../images_gpsauge/produktseiten/inone/individualisierung.jpg); background-repeat: no-repeat;
		width: 700px;
		height: 727px;
		padding: 0 0 20px 0;
		}
		
#individualisierung_text{
		padding-top: 430px;
		width: 385px;
		height: 270px;
		}
		
#individualisierung_text h2 {
		font-size:18px;
		font-weight: normal;
		line-height:29px;
		text-align:left;
		background-image: url(pics/headline_guillemet.gif); background-repeat: no-repeat;
		padding-left: 25px;
		}
		
/* IN1 Navigation */

#navigation_box{
		background-image: url(../images_gpsauge/produktseiten/inone/inone_device.jpg); background-repeat: no-repeat;
		width: 700px;
		}
		
#navigation_text{
		padding: 375px 0 20px 0;
		}
		

/* GPS-Explorer - Features */

.tx-gpsscreenshot-pi1{
		width: 700px;
		}

.gpsexplorer_features{
		width: 700px;
		}
		
/*.gpsexplorer_features_text p{
		font-size: 10px;
		} 
*/

.gpsexplorer_features_text_left{
		float: left;
		width: 220px;
		padding: 10px 20px 20px 0;
		}
		
.gpsexplorer_features_pic_left{
		float: right;
		width: 460px;
		padding: 10px 0 20px 0;
		}
		
.gpsexplorer_features_text_right{
		float: right;
		width: 220px;
		padding: 10px 0 20px 0;
		}
		
.gpsexplorer_features_pic_right{
		float: left;
		width: 460px;
		padding: 10px 20px 20px 0;
		}
		
		
#banner4{ padding-bottom: 10px;	}

#presselogos a{ margin-right:20px;}

.linknormal a{ font-weight: normal; }
		
.job{
		float: left;
		margin-top: -60px;
		}

.tx-gpsproduct-pi3 .box_var_bottom{
		padding-bottom: 20px;
		}
		
/* Box 1 Rahmen */	
		
.box_1_rahmen{
		background-image: url(../specialelements/gpsauge_box_1_rahmen/pics/box_1_rahmen_bg.png); background-repeat: no-repeat;
		width: 220px;
		height: 313px;
		display: inline-block;
		float: left;
		padding: 0 20px 20px 0;
}

.box_1_rahmen_img{
		width: 200px;
		padding: 9px;
}

.box_1_rahmen_content{
		width: 200px;
		padding: 10px;
}

#col1 .box_1_rahmen{	
		padding: 0 0  20px 0;
		vertical-align:top
}

/* Sitemap */

#sitemap_column_wrap{
		position: relative;
		padding: 10px 0 0 0;
		width: 940px;
		height: auto;
		top: 2px;
}

.sitemap_column {
		width: 136px;
		padding-right: 20px;
		display: inline-block;
		float: left;
		color: #6a6c6d;
}

#sitemap_column_wrap a{
		font-weight: normal;
}

#sitemap_column_wrap h3 a{
		font-weight: bold;
}

.sitemap_column li{
		list-style: none;
		margin: 0;
}

.sitemap_column li ul li{
		/*list-style: disc;*/
		list-style-image: url(pics/sidenav_guillemet.gif);
		margin-left: 2px;
}

.sitemap_column li ul{
		list-style: none;
		margin: 5px 0 10px 15px;
}

/* Pressebox */

.box_pressemeldung{
		background-image: url(../../../../../fileadmin/template_gpsauge/pics/box_1_halb_rahmen.gif);
		background-repeat: no-repeat;
		width: 700px;
		height: 147px;
		padding: 0 0 20px 0;
}

*html .box_pressemeldung{
		padding: 0;
		}

.box_pressemeldung_pic{
		width: 220px;
		height: 147px;
		padding: 0 20px 0 0;
		float: left;
}

.box_pressemeldung_article{
		width: 440px;
		height: 147px;
		float: right;
		padding: 10px 20px 0 0;
}

		.box_pressemeldung_article h2{
				font-size: 13px;
				font-weight: bold;
				}

/* ZE_OVERIPAPPS BEGIN */

.apps_single,
.apps_single_odd,
.apps_single_even{
	width: 700px;
	height: 147px;
	overflow: hidden;
	margin-bottom: 20px;
	background: url('pics/apps_bg_list.gif') 0px 0px no-repeat;
}

.apps_single_even{
	background: url('pics/apps_bg_list2.gif') 0px 0px no-repeat;
}

.apps_icon{
	float: left;
	height: 147px;
	width: 220px;
	margin-right: 30px;
}
.apps_icon_container {
	width: 220px; height: 145px; text-align: center; vertical-align: middle;
}

.apps_description{
	float: left;
	width: 420px;
}

.apps_teaser{
	height: 53px;
	overflow: hidden;
}

.apps_description h4{
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 18px 0 0 0;
	line-height: 1.3em;
}

.apps_description .apps_price{
	float: right;
	text-align: left;
	margin-top: 55px;	
}

.apps_description h2,
.apps_description h2 a:link,
.apps_description h2 a:visited,
.apps_description h2 a:active{
	font-size: 20px;
	font-weight: normal;
	margin: 0;
	margin: 17px 0 10px 0;
	line-height: 1.3em;
}

.apps_pagination{
	margin-bottom: 20px;
	text-align: right;
}

.apps_pagination .pagination_current{
	color: #f48222;
}

.overipapps{
	width: 700px;
}

.overipapps h1{
	margin-bottom: 28px;
}

.overipapps .apps_app0{
	background: url('pics/apps_bg_single0.gif') top left repeat-y;
}

.overipapps .apps_app1{
	background: url('pics/overip-apps-bg.png') top left no-repeat;

}

.overipapps .apps_app2{
	background: url('pics/apps_bg_single2.gif') bottom left no-repeat;
	padding: 12px;
}

.overipapps .app_icon{
}

.overipapps h3 {
		font-weight:bold;
		font-size: 12px;
		color: #6a6c6d;
		padding: 15px 0 5px;
		}	

.overipapps .app_top{
	background: url('pics/apps_bg_list_single.png') no-repeat;
	height: 147px;
	width: 676px;
	padding-bottom: 15px;
}

.overipapps ul{
		padding-top: 1.5em;
}

.overipapps .app_top p{
	padding-top: 1em;
}

.overipapps .app_top h2{
	font-weight: normal;
	font-size: 22px;
	line-height: 1.6em;
	padding: 12px 0 0 0;
}

.overipapps .app_price{
	width: 152px;
	height: 63px;
	font-size: 13px;
	margin: 40px 0 0 513px;
	color: #fff;
	font-weight: bold;
	position: absolute;
}

.overipapps .app_price a:link,
.overipapps .app_price a:visited,
.overipapps .app_price a:active{
	width: 144px;
	padding-right: 40px;
	height: 56px;
	padding-top: 7px;
	display: block;
	text-align: right;
	line-height:34px;
	color: #fff;
	text-align: center;
	background: url('pics/apps_btn_kaufen.png') 0px 0px no-repeat;
}.overipapps .app_price a:hover{
	height: 60px;
	padding-top: 3px;
	background: url('pics/apps_btn_kaufen_hover.png') 0px 0px no-repeat;
}
.overipapps .app_comment{
	margin-top: 12px;
	padding: 8px 4px;
}
.overipapps .app_comment_author{
	background: #f0f0f0;
}

.overipapps .app_screenshots{
	background: #f0f0f0;
	padding: 20px 0;
	margin: 12px 0;
	border-top: 1px solid #979ea4;
	border-bottom: 1px solid #979ea4;
}

.overipapps .area{
	margin: 0.5em 0;
}

.overipapps label{
	float: left; width: 150px;
}

.overipapps .table_general{
	float: none;
	margin-bottom: 9px;
}

.overipapps .table_general h2{
	float: left;
	padding-top: 10px;
}

.overipapps .table_general img{
	float: right;
	margin-right: 15px;
}

.overipapps_platform_img{
	float: right;
	padding-top: 2px;
}

.overipapps_platform_img img{
	margin-right: 10px;
}

input.buybutton{
	margin-left: 150px;
	padding: 0 15px;
}

/* ZE_OVERIPAPPS END */