/* Standard css for all browser and OS*/

/*---------------- definition general properties ------------------------------------------*/

/* body css */
body { margin: 0px; background-color:#ffffff; }

/*Main definition for all elements on the page*/
td,th,address,blockquote,h1,h2,h3,h4,li,a,ul,ol,div {
	color:#000000;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	text-align:left;
	font-size:1.0em
}

/*class definition for text elements on the page*/
p.serviceboxtext { font-size:0.7em; line-height:17px; display:inline; }
p.serviceboxtextsmaller { font-size:8pt; display:inline; line-height:13px; }
p.standardtextsmall { font-size:8pt; display:inline; }
p.standardtextsmaller { font-size:7pt; vertical-align:top; display:inline; }
p.breadcrump { font-size:11px; color:#003399; line-height:16px; }
p.content { font-size:9pt; display:inline; color:#000000; }

/*standard headlines*/
h1 { font-size:0.8em; color:#003399; margin:0px 0px 0px 0px; padding:0px; }
h2 { font-size:0.8em; color:#666666; margin:0px 0px 0px 0px; padding:0px; }

/*special headlines for TUEV Germany Framesets because old stylesheet still existing for content formats */
h1.spacer20 { font-size:1.0em; color:#003399; padding:0px 0px 16px 0px; }
h2.special { font-size:0.9em; color:#666666; margin:0px 0px 0px 0px; padding:0px; }


/*----------------- definition of table elements --------------------------------------------*/

/*setting properties border="0" and cellpadding="0" and cellspacing="0"*/
table { border-collapse:collapse; border-spacing:0px; }
td { padding:0px; border:0 none; }

/*set table to full screen-width - important for resolutions larger then 1024*768*/
table.maxwidth { width:100%; }
table.maxwidthheight { width:100%; height:100%; }

/*centers the content of i.e. td, the numbers are percentage*/
.centered { }
.centered30 { text-align:center; vertical-align:top; width:30% }
.centered31 { text-align:center; vertical-align:top; width:31% }
.centered32 { text-align:center; vertical-align:top; width:32% }
.centered38 { text-align:center; vertical-align:top; width:38% }
.centered39 { text-align:center; vertical-align:top; width:39% }

/*arrange content right-justified*/
.right31 { text-align:right; vertical-align:top; width:31% }

/*vertical space left between head and country selection*/
td.spacerleft { height:177px }

/*vertical space right between head and tuev service center search german page*/
td.spacerrightgerman { height:75px }

/*vertical space right between head and tuev companies english page*/
td.spacerrightenglish { height:177px }

/*outer div positioning business and private customer box in the middle of starting page*/
table.centerarea { border-collapse:collapse; border-spacing:0px; width:568px; }

/*----------------- definition of div elements ----------------------------------------------*/

/*chooselanguage-div including link to english homepage*/
.chooselanguage { margin:40px 0px 0px 20px; padding:0px; }

/*searchbar-div including search bar on the right hand side*/
.searchbar { margin:10px 0px 0px 20px; padding:0px; }

/*starting side searchbar-div including search bar on the right hand side*/
.searchbarstart { margin:10px 0px 0px 20px; padding:0px; }

/*searchbar-div private customer including search bar on the right hand side*/
.searchbarprivate { margin:64px 0px 0px 20px; padding:0px; }

/*Main navigation-div bellow picture*/
.mainnavigation { width:568px; height:15px; overflow:visible;}

/*dashed line-div above main navigation 100% in all sites expect starting site*/
.dashedlineabove { position:absolute; top:90px; left:0px; right:0px; width:100%; height:1px; margin:0px; padding:0px; background-image:url('/images/dashedline.gif'); background-repeat:repeat; overflow:hidden; }

/*dashed line-div bellow main navigation 100%*/
.dashedline { position:absolute; top:106px; left:0px; right:0px; width:100%; height:1px; margin:0px; padding:0px; background-image:url('/images/dashedline.gif'); background-repeat:repeat; overflow:hidden; }

/*dashed line-div bellow breadcrump navigation */
.dashedlinenav { position:relative; top:0px; left:0px; right:0px; width:568px; height:1px; margin:0px; padding:0px; background-image:url('/images/dashedline.gif'); background-repeat:repeat; overflow:hidden; }

/*headline*/
.headline { position:relative; top:0px; left:0px; margin-left:8px;}

/*generally definition of select- and infoboxes on the right and left-hand side on */
	/*header*/
	.boxleft { width:209px; position:relative; left:1px; top:0px; }
	
	/*box position on the left-hand side*/
	.boxright { position:relative; left:0px; right:0px; top:0px; width:209px; }
	
	/*grey background select-field*/
	.boxselectfieldgrey { width:209px; height:26px; background-color:#DFDFDF; padding:4px 0px 3px 9px; }


/*service box for business customer*/
.businesscustomerbox { width:282px; }
	
	/*header of box with headline-image and tuev icon*/
	.boxheader { position:relative; top:0px; left:0px; width:282px; height:30px; background-repeat:no-repeat; overflow:hidden; }
	
	/*content of box with grey background*/
	.boxcontentgreybg { width:277px; height:185px; padding: 14px 15px 0px 15px; margin:2px 0px 0px 5px; background-color:#DFDFDF; overflow:hidden; }
	
	/*content of box with blue/turkey background*/
	.boxcontentbluebg { width:277px; height:185px; padding: 14px 15px 0px 15px; margin:2px 0px 0px 5px; background-color:#D2DDFF; overflow:hidden; }

/*service box for private customer*/
.privatecustomerbox { width:282px; }

/*Starting page content of Auto-TÜV service box for private customer !small! with blue/turkey background on the right-hand side*/
.privatecustomerboxsmall { position:relative; top:0px; left:0px; width:209px; height:93px; padding: 0px 13px 6px 12px; background-color:#D2DDFF; overflow:hidden; }

/*content of Auto-TÜV service box for private customer !small! with blue/turkey background on the right-hand side*/
.privatecustomerboxsmall2 { position:relative; top:0px; left:0px; width:196px; height:102px; padding: 0px 13px 6px 5px; background-color:#D2DDFF; overflow:hidden; }

/*dashed grey line-div news-area*/
.dashedlinegrey { width:563px; height:1px; margin:5px 0px 13px 0px; padding:0px; background-image:url('/images/dashedlinegrey.gif'); background-repeat:repeat; overflow:hidden; }

/*Properties of news area*/
div.newsarea { width:563px; }

/*Position, properties of stamp area*/
div.stamparea { width:563px; height:36px; border-left:1px solid black; border-right:1px solid black; border-top:1px solid black; background-color:#D4D4D4 }

/*----------------- definition of anchor elements -------------------------------------------*/

/*standard black link*/
a { text-decoration:none; color:#000000; }
a:link { color:#000000; }
a:visited { color:#000000; }
a:active { color:#000000; }
a:hover { color:#000000; }

/*Small blue link, i.e. the "english version" link in the top-right corner*/
a.bluelink { font-size:8pt; text-decoration:none; color:#003399; }
a.bluelink:link { color:#003399; }
a.bluelink:visited { color:#003399; }
a.bluelink:active { color:#003399; }
a.bluelink:hover {  color:#0066FF; }

/*Main navigation bellow picture in the top*/
a.mainnav {
	font-weight:bold; 
	color:#003399; 
	background-color:#E3E3E3; 
	padding:1px 10px 1px 10px; 
	height:16px;
	border-right-style:solid; border-right-color:#ffffff; border-right-width:1px; border-collapse:collapse;
	display:inline;
	}
a.mainnav:link { }
a.mainnav:visited { }
a.mainnav:active { }
a.mainnav:hover { color:#003399; background-color:#C4D8E6; }

/*this class exactly keeps the main navigation in a fixed size in different OS (i.e. MacOS) by increasing padding-left by 1*/
/*Main navigation bellow picture in the top*/
a.mainnavspecial {
	font-weight:bold;
	color:#003399; 
	background-color:#E3E3E3;
	padding:1px 10px 1px 11px;
	height:16px;
	border-right-style:solid; border-right-color:#ffffff; border-right-width:1px; border-collapse:collapse;
	display:inline;
	}
a.mainnavspecial:link { }
a.mainnavspecial:visited { }
a.mainnavspecial:active { }
a.mainnavspecial:hover { color:#003399; background-color:#C4D8E6; }

/*Left navigation for company sites showing business and private menu - only 1.Level*/
a.subnav {
	font-size:9pt;
	font-weight:bold;
	color:#003399; 
	}
a.subnav:link { }
a.subnav:visited { }
a.subnav:active { }
a.subnav:hover { color:#0066FF; }

/*Smallest blue link, i.e. the "stamp area"*/
a.smaller { font-size:7pt; text-decoration:none; color:#003399; vertical-align:top; }
a.smaller:link { color:#003399; }
a.smaller:visited { color:#003399; }
a.smaller:active { color:#003399; }
a.smaller:hover { color:#0066FF; }

/*Sub navigation, i.e. service box*/
a.breadcrump {
	font-size:11px;
	color:#003399;
	line-height:16px;
	}
a.breadcrump:link { color:#003399; }
a.breadcrump:visited { color:#003399; }
a.breadcrump:active { color:#003399; }
a.breadcrump:hover { color:#0066FF; }

/*Small black link, in blue background boxes on the right-hand side*/
a.blacklink { font-size:0.8em; text-decoration:none; color:#000000; }
a.blacklink:link { color:#000000; }
a.blacklink:visited { color:#000000; }
a.blacklink:active { color:#000000; }
a.blacklink:hover { color:#000000; }

/*Very Small black link, in blue background boxes on the right-hand side*/
a.blacklinksmall { font-size:8pt; text-decoration:none; color:#000000; vertical-align:top; }
a.blacklinksmall:link { color:#000000; }
a.blacklinksmall:visited { color:#000000; }
a.blacklinksmall:active { color:#000000; }
a.blacklinksmall:hover { color:#000000; }

/*----------------- definition of image properties like position or text-float --------------*/

/*position of Tuev-logo*/
img.logoposition { margin-top:6px; }

/*position of centered top Tuev-picture*/
img.headposition { margin-bottom:2px; }

/*properties of red arrow which is followed by a link - space between 8px*/
img.redarrow { float:left; margin: 4px 8px 0px 0px; }

/*properties of red arrow for infoboxes right*/
img.redarrowbox { float:left; margin: 4px 8px 0px 5px; }

/*properties of red arrow which is followed by a link - space between 19px*/
img.redarrowlarge { float:left; margin: 8px 19px 0px 0px; }

/*properties of red arrow which is followed by a link - space between 19px*/
img.redarrowlarge2 { float:left; margin: 4px 7px 0px 0px; }

/*properties of red arrow which is followed by a news*/
img.redarrownews { margin: 3px 5px 0px 0px; }

/*spacer puts a t/b margin to the black dashed line between to paragraphs */
img.spacerdashedlinenews { margin: 7px 0px 6px 0px; }
img.spacerdashedlineheadlines { margin: 24px 0px 11px 0px; }


/*----------------- definition of input and select elements ---------------------------------*/

input.searchfield { width:139px; height:21px; padding:0px; margin:0px; }
input.searchfieldplz { width:40px; height:21px; padding:0px; margin:0px 0px 0px 0px; }
input.searchfieldcity { width:130px; height:21px; padding:0px; margin:0px 0px 0px 0px; }
input.searchbutton { margin:7px 0px 0px 3px; border:none; }
select.selectcountry { width:180px; height:18px; font-size:0.7em; }