/* VECTORMAP.AT - CSS <style> */

html {
height:100.2%;
}

body { 
padding:0px; 
margin:0px; 
background-color:#D3D3D3; 
background-image:url(../_elements/page_bg.png);
background-position:center;
background-repeat:repeat-y;
text-align:center; 
height:100%;
}


div.page {
width:960px;
position:relative; 
top:0px; 
left:0px; 
margin:0px; 
text-align:left;
}

a.logo {
display:block;
background:url(../_elements/vectormap-logo.png);
background-position:center center;
background-repeat:no-repeat;
position:absolute;
top:28px;
left:36px;
width:232px;
height:82px;
text-indent:-999em;
}

a.featurelink {
position:absolute;
top:112px;
left:158px;
font-family:Verdana,"Lucida Grande",Tahoma,Sans-Serif;
text-decoration:none;
font-size:10px;
color:#7e7b74; 
}

h1.titletext {
font-family:Sans-Serif;
font-size:1em;
text-indent:-999em;
background:url(../_elements/title-text.png);
background-position:center center;
background-repeat:no-repeat;
position:absolute;
top:25px;
left:304px;
width:535px;
height:90px;
text-indent:-999em;
}

* html h1.titletext {
top:25px;
} /* IE7 Hack */


/* NAV */

div.main_nav { 
position:absolute;
top:164px;
left:38px;
width:240px;
margin:0px; 
padding:0px; 
}

div.main_nav ul  {
margin:0px; 
padding:0px; 
}

div.main_nav li { 
margin:0px; 
padding:0px; 
list-style:none; 
}

ul.main_navlist a { 
display:block; 
height:26px;
line-height:26px;
font-family:Verdana,"Lucida Grande",Tahoma,Sans-Serif;
font-size:1.2em;								 
font-weight:normal;
text-decoration:none;
text-align:left;
padding-left:32px; 
color:#333333; 
background-repeat:no-repeat; 
background-position:left center;
}
								 
a.nav, a.nav:visited, a.nav:active { 
background-image:url(../_elements/nav_idle.png); 
}

a.nav:hover {
background-image:url(../_elements/nav_arrow_hover.png); 
}

ul.second_navlist a { 
display:block; 
height:20px;
line-height:20px;
font-family:Verdana,"Lucida Grande",Tahoma,Sans-Serif;
font-size:.90em;								 
font-weight:normal;
text-decoration:none;
text-align:left;
padding-left:32px; 
color:#333333; 
background-repeat:no-repeat; 
background-position:left center;
}

div.bottomline {
clear:both;
margin-top:22px; 
border-top:1px solid #B8B7B1;
text-align:center;
padding:4px;
}

div.bottomline span {
font-size:.8em; 
color:#66736e;
}

/* BLEND IMAGES */

div.blend_img {
background-color:#ffffff;
position:absolute; bottom:0px; right:0px; width:606px; height:388px;
background-repeat:no-repeat; z-index:1; 
}	

						 
/* CONTENT */

div.content { 
position:relative; 
padding-top:164px; 
left:306px;
width:616px; 
margin-bottom:36px; 
text-align:left;
} 

img { 
border:0px; margin:0px; 
}

div.dots_black { 
height:1px;
background-image:url(../_elements/dots_black.gif);
background-repeat:repeat-x; 
}								 
							 
iframe.bestellung {
position:relative; 
top:0px; 
left:-10px; 
float:right;
width:522px; 
height:620px; 
border:0px; 
overflow:auto; 
margin:0px; 
padding:0px;
}
								 
body {
font-size:.82em;
}

p, td, blockquote, h1, h2, h3, h4, .content ul, .content ol, .content li, .content a, .content div { 
font-family:Tahoma,Arial,Sans-Serif; 
font-size:1em;
line-height:1.5em; 
color:#5C5C5C; 
}

.content a {
color:#314A7C; 
}

a.text, a.text:visited, a.text:hover, a.text:active {
font-weight:bold; 
}

a.jumpto, a.jumpto:visited, a.jumpto:active { 
padding-left:9px; 
margin-right:4px;
font-size:.9em;
text-decoration:none; 
background-image:url(../_elements/jumpto_small.gif);
background-repeat:no-repeat; 
background-position:left center;
}

a.pagetop, a.pagetop:visited, a.pagetop:active { 
padding-left:12px; 
background-image:url(../_elements/pagetop_small.gif);
background-repeat:no-repeat; 
background-position:left 5px;
}

a.mailto, a.mailto:visited, a.mailto:active { 
padding-left:14px; 
background-image:url(../_elements/mailto.gif);
background-repeat:no-repeat; 
background-position:left center;
}
							   
a.mailto:hover { 
background-image:url(../_elements/mailto_hover.gif); 
}								   
								   
a.linkout, a.linkout:visited, a.linkout:active { 
padding-left:10px; 
background-image:url(../_elements/linkout.gif);
background-repeat:no-repeat; 
background-position:left center;
}

a.linkout:hover { 
background-image:url(../_elements/linkout_hover.gif); 
}

p { 
margin-top:8px; 
margin-bottom:18px; 
line-height:1.4em;
}		

p.small {
font-size:.8em;
line-height:1.1em;
margin:0px;
margin-bottom:12px;
} 


div.small {
font-size:.8em;
line-height:1.1em;
margin:0px;
} 


.indent {
text-indent:16px;
}

.block { 
text-align:justify; 
}

h1,h2,h3,h4,h5 {
font-family:Tahoma,"Lucida Grande",Verdana,Sans-Serif; 
color:#333333; 
margin-bottom:12px; 
margin-top:0px;
}

h1 { 
font-size:1.8em;
font-weight:normal;
}

h2 {
font-size:1.4em;
letter-spacing:0.05em;
font-weight:normal;
}

h2.error {
font-size:1.4em;
letter-spacing:0.05em;
font-weight:normal;
line-height:32px;
padding-left:40px;
background:url(../_elements/error_32.gif) left center no-repeat;
}

h2.warning {
font-size:1.4em;
letter-spacing:0.05em;
font-weight:normal;
line-height:32px;
padding-left:40px;
background:url(../_elements/warning_32.gif) left center no-repeat;
}

h2.ok {
font-size:1.4em;
letter-spacing:0.05em;
font-weight:normal;
line-height:32px;
padding-left:40px;
background:url(../_elements/ok_32.gif) left center no-repeat;
}

h3 {
font-size:0.9em; 
letter-spacing:0.1em;
font-weight:normal; 
text-transform:uppercase; 
}								 				 

h4 { font-size:0.75em; 
letter-spacing:0.1em; 
font-weight:bold; 
text-transform:uppercase; 
}
				 
.minitext {
font-size:0.7em;
line-height:1.3em; 
}		

hr {
color:#DBD3CD;
background-color:#DBD3CD;
height:1px;
border:1px hidden black;
margin:0px; 
}

.content ul {
margin-left:1.1em;
padding-left:.2em;
}

.content li {
padding-left:.5em;
margin-left:2px;
font-size:1.2em;
line-height:1.4em;
}

ul.small {
margin-left:1em;
padding-left:.1em;
}

ul.small li {
font-size:.8em;
line-height:1.1em;
padding-left:0px;
margin-top:.5em;
}

a.nextpage {
float:right;
padding-right:18px; 
margin-right:36px;
margin-top:12px;
margin-bottom:16px;
background-image:url(../_elements/nextpage_arrow.png);
background-repeat:no-repeat; 
background-position:right center;
text-decoration:none;
}

div.productBox {
position:relative;
top:0px; left:0px;
margin:0px;
padding:0px;
width:164px;
float:left;
overflow:hidden;
margin-right:12px; 
background-position:top left; 
background-repeat:no-repeat;
border:1px solid #D0D0CD; 
/* -moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px; */
}

div.productText {
padding:3px;
padding-left:20px;
padding-top:164px;
margin:0px;
}

/* BUTTONS */

.button01, .button02, .button03, .button4 { 
/* border:1px solid red; */
text-decoration:none;
line-height:36px;
cursor:pointer;
display:block;
margin:6px 0px 4px 0px;
}

.button01 span, .button01:link span, .button01:visited span, .button01:focus span, .button01:active span {
height:36px; /* border:1px solid blue; */
background-image:url(../_elements/button_beige_bg.png);
background-repeat:no-repeat;
font-size:12px;
line-height:36px;
color:#555148;
display:block;
}

.button02 span, .button02:link span, .button02:visited span, .button02:focus span, .button02:active span {
height:36px; /* border:1px solid blue; */
background-image:url(../_elements/button_gruen_bg.png);
background-repeat:no-repeat;
font-size:12px;
line-height:36px;
color:#274f06;
display:block;
}

.button03 span, .button03:link span, .button03:visited span, .button03:focus span, .button03:active span {
height:36px; /* border:1px solid blue; */
background-image:url(../_elements/button_orange_bg.png);
background-repeat:no-repeat;
font-size:12px;
line-height:36px;
color:#521c01;
display:block;
}

.button04 span, .button04:link span, .button04:visited span, .button04:focus span, .button04:active span {
height:36px; /* border:1px solid blue; */
background-image:url(../_elements/button_blau_bg.png);
background-repeat:no-repeat;
font-size:12px;
line-height:36px;
color:#043e60;
display:block;
}


.button01:hover span {
background-image:url(../_elements/button_beige_bg_hover.png);
}

.button02:hover span {
background-image:url(../_elements/button_gruen_bg_hover.png);
}

.button03:hover span {
background-image:url(../_elements/button_orange_bg_hover.png);
}

.button04:hover span {
background-image:url(../_elements/button_blau_bg_hover.png);
}

.button01 span.left, .button02 span.left, .button03 span.left, .button04 span.left{
background-position:top left;
padding-left:10px;
line-height:36px;
}

.button01 span.right, .button02 span.right, .button03 span.right, .button04 span.right {
text-align:center;
background-position:top right;
padding-right:10px;
line-height:36px;
}



/* TABS */

#tabsContainer {
width:548px; height:620px;
position:relative;
/* border:2px solid blue; */

}

#tabContent1 {
width:548px;
position:absolute; 
z-index:50; 
}

#tabContent2 {
width:548px;
position:absolute; 
z-index:40;
}

#tabContent3 {
width:548px;
position:absolute; 
z-index:30;
}

div.tabContentHead {
background-color:#FAFAF8;
border:1px solid #D0D0CD; 
border-top:none;
border-bottom:none;
height:28px;
}

div.tabContentHead h3 {
padding:6px; margin:0px;
}

div.tabContentHead a {
padding:6px; margin:0px;
float:right;
cursor:help;
}


div.tabContentBody {
position:relative;
height:512px;
background-color:#E3E3DF;
background-position:top left; 
background-repeat:no-repeat;
border:1px solid #D0D0CD; 
border-top:none;
padding:6px;
}

div.activeTab {
cursor:default;
overflow:hidden;
height:66px; 
position:absolute; 
top:0px; 
width:248px; 
/* 
-moz-border-radius:6px 4px 0px 0px;
-khtml-border-radius:6px 4px 0px 0px;
-webkit-border-radius:6px 4px 0px 0px; */
}

div.inactiveTab {
cursor:pointer;
overflow:hidden;
height:56px; 
position:absolute; 
top:10px; 
width:150px; 
background-image:none;
}

.tabShadow {
width:484px;
height:122px;
position:absolute;
background-repeat:no-repeat;
}

div.tabText {
padding-top:16px;
text-align:center;
color:#ffffff;
font-weight:normal; 
font-size:1.1em; 
letter-spacing:.05em; 
}

div.activeTab div.tabText {
font-size:1.3em;
}




/* LAYER SELECTOR */

div.layerRow {
width:192px;
overflow:hidden;
}

input.layerGroupCheck, input.layerCheck {
margin:1px; 
padding:0px; 
height:13px;
}

* html input.layerGroupCheck, * html input.layerCheck {
margin-left:-3px;
margin-right:-2px;
outline:none;
} 


div.layerGroup {
padding:2px;
font-size:10px; 
line-height:9px;
}

span.layerGroupName {
padding-left:0px;
}
span.layerGroupNameText {
font-weight:bold;
position:relative;
top:-2px;
}
* html span.layerGroupNameText {
position:relative;
top:0px;
} 

span.layerName {
padding-left:16px;
}
span.layerNameText {
position:relative;
top:-2px;
cursor: url(../_cursors/cursor_lupe2.png), url(http://www.vectormap.at/_cursors/cursor_lupe2.cur), pointer;
}
* html span.layerNameText {
position:relative;
top:0px;
} 

.layerRow img {
cursor:help;
}

img.icon_edition {
width:10px;
height:10px;
}

div.mapPreviewImg {
position:absolute; 
top:1px; 
left:3px; 
width:132px; 
height:432px;
display:none;
}


/* LIZENZEN */


td.lrcBox {
padding:3px;
width:24px; 
text-align:left;
vertical-align:top;
background:#F3F3F1;
border-bottom:3px solid #e3e3df;
padding-bottom:5px;
}

td.textBox {
padding:3px;
text-align:left;
vertical-align:top;
background:#F3F3F1;
border-bottom:3px solid #e3e3df; 
padding-bottom:5px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	td.lrcBox , td.textBox, #lrcInfo {
	font-size:90%;
	}
}

* html td.lrcBox, td.textBox {
padding-bottom:4px;
}

.checkLicenseText {
font-size:0.9em;
line-height:1.2em;
padding-right:4px;
}

* html #pmm input {
margin-top:-2px;
margin-left:-4px;
border:0px; 
}


div.procedere_ok {
margin-left:6px;
height:28px;
line-height:28px;
font-size:0.9em;
padding-right:4px;
padding-left:36px;
background:url(../_elements/listbullet_ok.gif) left top no-repeat;
}

div.procedere_email {
margin-left:6px;
height:28px;
line-height:28px;
font-size:0.9em;
padding-right:4px;
padding-left:36px;
background:url(../_elements/listbullet_email.gif) left top no-repeat;
}

/* PREISPANEL */

#errFld {
position:absolute; 
top:92px; 
left:3px; 
width:132px; 
height:29px; 
background:url(../_elements/error_bg_fail.gif); 
}

#errTxt {
position:absolute;
right:3px;
top:2px;
border:none;
font-family:Tahoma, Sans-Serif; 
color:black; 
font-size:9px; 
line-height:12px; 
text-align:left;
width:106px; 
height:22px;
background:none;
}

* html #pricePanel {
padding-top:8px;
}


/* HILFE */

.helpTxt {
width:564px;
text-align:left;
}

.helpTxt p {
width:500px;
text-align:left;
}



/* LOADER */

#vmAnimClip {
position:absolute; 
left:50%;
top:50%;
margin-top:-32px;
margin-left:-32px;
width:64px; 
height:64px; 
overflow:hidden; 
text-align:center;
}

#vmAnim {
background-image:url(../_elements/vm_logoClock_red64.png);
position:absolute;
top:0px; left:0px;
width:1920px;
height:64px;
}
* html #vmAnim {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../_elements/vm_logoClock_red64.png');
}


/* INPUTS BESTELLUNG */

.greyText {
color:#888888;
margin-bottom:4px;
border:1px solid grey;
}

div.lrcInfo ul {
/* padding:default;
margin:default; */
width:365px;
margin-top:4px;
margin-bottom:4px;
}

div.lrcInfo li {
padding:0px;
margin-top:4px;
margin-bottom:4px;
line-height:14px; 
}

/* BESTELLUNG ZUSAMMENFASSUNG */

table.orderSummary {
width:556px;
border-bottom:1px solid #888888;
}

table.orderSummary td {
padding:3px;
vertical-align:top;
border-top:1px solid #888888; 
}

table.orderSummary td.left_odd {
background-color:#F3F3F1;
}

table.orderSummary td.left_even {
background-color:#EEEEEB;
}

table.orderSummary td.right_odd {
background-color:#EBEBE9;
}

table.orderSummary td.right_even {
background-color:#E2E2E0;
}


/* BESTELLSTATUS */


div.orderStatus {
border-top:1px solid #888888; 
position:absolute;
top:208px;
left:-269px;
width:236px;
background-color:#E3E3DF;
padding:4px;
}

div.orderStatus td {
background-repeat:no-repeat;
background-position:left center;
height:36px;
vertical-align:middle; 
text-align:left;
}

div.orderStatus i {
font-style:normal;
font-size:17px;
font-weight:bold;
color:#E2E2DE;
margin-left:8px;
margin-right:46px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	html {
	font-size:116%;
	}
}


/* ENDE */