/*
===============================================================
Thanks for your interest in the CSS source code!

Filename: default.css
Title: Primary CSS file for the Dallmayr International Language Selection site
Author: Patrick Ording, p.ording@freakworks.de
Agency: Freakworks Munich - http://www.freakworks.de/
License: Copyright 2009, Patrick Ording, All Rights Reserved.
Created: 12.01.2009
Edited: 28.04.2009

===============================================================
*/

/*
===============================================================
Sans-serif Typefaces: Helvetica,Arial,Tahoma,sans-serif;

Gold  (intro)       #AD8C48
White (links)       #FFF
Grey  (body text)   #DDD
Blue  (background)  #000D22
===============================================================
*/

/*
===============================================================
>>RESET RULES
===============================================================
*/

*{
margin:0;
padding:0;
}

/*
===============================================================
>>LINK STYLES
===============================================================
*/

a:link{
color:#FFF;
margin-bottom:2px;
text-decoration:none;
}

a:visited{
color:#FFF;
margin-bottom:2px;
text-decoration:none;
}

a:hover{
color:#FFF;
margin-bottom:2px;
text-decoration:underline;
}

a:active,a:focus{
color:#FFF;
margin-bottom:2px;
text-decoration:underline;
}

/*
===============================================================
>>BASIC SITE STYLES
===============================================================
*/


body{
color:#DDD;
font-family:Helvetica,Arial,Tahoma,sans-serif;
font-size:62.5%;
text-align:center;
}

#international-kaffee{
background:#000D22 url(../images/dallmayr_international_kaff.jpg) no-repeat center top;
}

#international-automaten{
background:#000D22 url(../images/dallmayr_international_auto.jpg) no-repeat center top;
}

#international-gastro{
background:#000D22 url(../images/dallmayr_international_kaff.jpg) no-repeat center top;
}

#page-wrapper{
font-size:1.3em;
line-height:1.5em;
margin:0 auto;
text-align:left;
width:1060px;
}

#international-automaten #page-wrapper{
width:700px;
}

#content-countries{
padding-top:233px;
}

#content-bodytext{
margin-top:3em;
clear:both;
line-height:1.7em;
}

#content-bodytext h3, #content-bodytext p{
display:none;
}

#international-automaten #content-bodytext{
background:transparent url(../images/dallmayr_automaten_text.png) no-repeat;
height:87px;
width:781px;
}

#international-kaffee #content-bodytext{
background:transparent url(../images/dallmayr_kaffee_text.png) no-repeat;
height:90px;
width:979px;
}

#international-gastro #content-bodytext{
background:transparent url(../images/dallmayr_kaffee_text.png) no-repeat;
height:90px;
width:979px;
}

#column-1, #column-2{
padding-bottom:30px;
padding-right:20px;
}

.countries{
float:left;
padding-right:61px;
}

/*
===============================================================
>>HEADINGS
===============================================================
*/

h1{
display:none;
}

#europe{
background: transparent url(../images/international_europe.png) no-repeat;
height:23px;
width:147px;
}

#australiacontinent{
background: transparent url(../images/international_australia.png) no-repeat;
height:23px;
width:147px;
}

#americas{
background: transparent url(../images/international_americas.png) no-repeat;
height:23px;
width:147px;
}

#asia{
background: transparent url(../images/international_asiapacific.png) no-repeat;
height:23px;
width:147px;
}

#africa{
background: transparent url(../images/international_africa.png) no-repeat;
height:23px;
width:147px;
}

h3{
color:#AD8C48;
font-size:1em;
font-weight:bold;
}

/*
===============================================================
>>LISTS
===============================================================
*/

ul{
float:left;
font-size:1.1em;
line-height:1.9em;
list-style:none;
padding:30px 0 20px;
}

.countries li a{
background: transparent url(../images/dallmayr_languages_helvetica.png) no-repeat;
display:block;
height:20px;
}

span{
display:none;
}

#austria{
background-position: 0 0;
width:50px;
}

#austria:hover{
background-position: -151px 0;
width:50px;
}

#belarus{
background-position: 0 -29px;
width:55px;
}

#belarus:hover{
background-position: -151px -29px;
width:55px;
}

#belgium{
background-position: 0 -58px;
width:55px;
}

#belgium:hover{
background-position: -151px -58px;
width:55px;
}

#bulgaria{
background-position: 0 -87px;
width:65px;
}

#bulgaria:hover{
background-position: -151px -87px;
width:65px;
}

#croatia{
background-position: 0 -116px;
width:50px;
}

#croatia:hover{
background-position: -151px -116px;
width:50px;
}

#czech{
background-position: 0 -145px;
width:110px;
}

#czech:hover{
background-position: -151px -145px;
width:110px;
}

#denmark{
background-position: 0 -174px;
width:65px;
}

#denmark:hover{
background-position: -151px -174px;
width:65px;
}

#france{
background-position: 0 -203px;
width:50px;
}

#france:hover{
background-position: -151px -203px;
width:50px;
}

#georgia{
background-position: 0 -232px;
width:60px;
}

#georgia:hover{
background-position: -151px -232px;
width:60px;
}

#germany{
background-position: 0 -261px;
width:70px;
}

#germany:hover{
background-position: -151px -261px;
width:70px;
}

#greece{
background-position: 0 -290px;
width:50px;
}

#greece:hover{
background-position: -151px -290px;
width:50px;
}

#hungary{
background-position: 0 -319px;
width:70px;
}

#hungary:hover{
background-position: -151px -319px;
width:70px;
}

#italy{
background-position: 0 -348px;
width:50px;
}

#italy:hover{
background-position: -151px -348px;
width:50px;
}

#latvia{
background-position: 0 -377px;
width:50px;
}

#latvia:hover{
background-position: -151px -377px;
width:50px;
}

#lithuania{
background-position: 0 -406px;
width:70px;
}

#lithuania:hover{
background-position: -151px -406px;
width:70px;
}

#luxembourg{
background-position: 0 -435px;
width:85px;
}

#luxembourg:hover{
background-position: -151px -435px;
width:85px;
}

#netherland{
background-position: 0 -464px;
width:75px;
}

#netherland:hover{
background-position: -151px -464px;
width:75px;
}

#norway{
background-position: 0 -493px;
width:55px;
}

#norway:hover{
background-position: -151px -493px;
width:55px;
}

#poland{
background-position: 0 -522px;
width:50px;
}

#poland:hover{
background-position: -151px -522px;
width:50px;
}

#romania{
background-position: 0 -551px;
width:65px;
}

#romania:hover{
background-position: -151px -551px;
width:65px;
}

#russia{
background-position: 0 -580px;
width:50px;
}

#russia:hover{
background-position: -151px -580px;
width:50px;
}

#slovakia{
background-position: 0 -609px;
width:65px;
}

#slovakia:hover{
background-position: -151px -609px;
width:65px;
}

#slovenia{
background-position: 0 -638px;
width:65px;
}

#slovenia:hover{
background-position: -151px -638px;
width:65px;
}

#spain{
background-position: 0 -667px;
width:50px;
}

#spain:hover{
background-position: -151px -667px;
width:50px;
}

#switzerland{
background-position: 0 -696px;
width:79px;
}

#switzerland:hover{
background-position: -151px -696px;
width:79px;
}

#turkey{
background-position: 0 -725px;
width:50px;
}

#turkey:hover{
background-position: -151px -725px;
width:50px;
}

#ukraine{
background-position: 0 -754px;
width:55px;
}

#ukraine:hover{
background-position: -151px -754px;
width:55px;
}

#australia{
background-position: 0 -783px;
width:65px;
}

#australia:hover{
background-position: -151px -783px;
width:65px;
}

#usa{
background-position: 0 -812px;
width:95px;
}

#usa:hover{
background-position: -151px -812px;
width:95px;
}

#canada{
background-position: 0 -841px;
width:55px;
}

#canada:hover{
background-position: -151px -841px;
width:55px;
}

#japan{
background-position: 0 -870px;
width:50px;
}

#japan:hover{
background-position: -151px -870px;
width:50px;
}

#korea{
background-position: 0 -899px;
width:50px;
}

#korea:hover{
background-position: -151px -899px;
width:50px;
}

#emirates{
background-position: 0 -928px;
width:150px;
}

#emirates:hover{
background-position: -151px -928px;
width:150px;
}

#southafrica{
background-position: 0 -957px;
width:85px;
}

#southafrica:hover{
background-position: -151px -957px;
width:85px;
}

#jordan{
background-position: 0 -957px;
width:85px;
}

#jordan:hover{
background-position: -151px -957px;
width:85px;
}

.clearfix:after{
content: ".";
display: block;
font-size:0;
height: 0;
clear: both;
visibility: hidden;
}

.nopadding{
padding:0;
margin:0;
}idth:50px;
}

#emirates{
background-position: 0 -928px;
width:150px;
}

#emirates:hover{
background-position: -151px -928px;
width:150px;
}

#southafrica{
background-position: 0 -957px;
width:85px;
}

#southafrica:hover{
background-position: -151px -957px;
width:85px;
}

#jordan{
background-position: 0 -987px;
width:85px;
}

#jordan:hover{
background-position: -151px -987px;
width:85px;
}

.clearfix:after{
content: ".";
display: block;
font-size:0;
height: 0;
clear: both;
visibility: hidden;
}

.nopadding{
padding:0;
margin:0;
}