﻿/*klassen fuer den bildaustausch im header*/

.home{/*background-image:url(images/bg_home.jpg);*/ background-repeat:repeat-x;}



/*oberer schwarzer bereich mit topmenue und suche*/
#header{
width:1000px;
height:80px;
background-color:#fff;
margin:0;
padding:0;
/*background-image:url(images/bg_header.jpg);*/}

#headerright{width:819px; height:80px; float:left;}

#flags{width:819px; height:18px; padding-top:3px; margin-right:9px; }
#flags input{float:right; padding:0; margin-left:7px; margin-right:5px; width:20px; height:13px; }
.DEactive { background-image:url(images/flag_de.jpg); background-repeat:no-repeat; }
.flagDE { background-image:url(images/flag_de_inactive.jpg); }
.flagDE:hover { background-image:url(images/flag_de.jpg); }
.FRactive { background-image:url(images/flag_fr.jpg); background-repeat:no-repeat; }
.flagFR { background-image:url(images/flag_fr_inactive.jpg); }
.flagFR:hover { background-image:url(images/flag_fr.jpg); }
.UKactive { background-image:url(images/flag_gb.jpg);background-repeat:no-repeat; }
.flagUK { background-image:url(images/flag_gb_inactive.jpg); }
.flagUK:hover { background-image:url(images/flag_gb.jpg); }
.EUactive { background-image:url(images/flag_eu.jpg);background-repeat:no-repeat; }
.flagEU { background-image:url(images/flag_eu_inactive.jpg); }
.flagEU:hover { background-image:url(images/flag_eu.jpg); }
.USactive { background-image:url(images/flag_us.jpg);background-repeat:no-repeat; }
.flagUS { background-image:url(images/flag_us_inactive.jpg); }
.flagUS:hover { background-image:url(images/flag_us.jpg); }
.ITactive { background-image:url(images/flag_it.jpg); background-repeat:no-repeat; }
.flagIT { background-image:url(images/flag_it_inactive.jpg); }
.flagIT:hover { background-image:url(images/flag_it.jpg); }
.ESactive { background-image:url(images/flag_sp.jpg); background-repeat:no-repeat; }
.flagES { background-image:url(images/flag_sp_inactive.jpg); }
.flagES:hover { background-image:url(images/flag_sp.jpg); }

#textlogo{width:761px; margin:0px; height:30px; padding-left:58px;}
input.searchfield
{font-size:12px;
 background-color:#fff;
 border-color:#7f7a7a;
 border:1px solid #7f7a7a;
 color:#545353;
 width:120px!important;
 margin:10px 4px 3px 8px;
 float:right;}	
 input.searchfieldcontent
{font-size:12px;
 background-color:#fff;
 border-color:#7f7a7a;
 border:1px solid #7f7a7a;
 color:#545353;
 width:120px!important;
 margin:10px 4px 3px 8px;
}
input.searchbutton 
{
 vertical-align:bottom; 
 margin:10px 0 0 4px; 
 font-size:12px; 
 background:transparent;
 border-color:#fff;
 border:1px solid #fff;
 color:#fff;
 cursor:pointer;float:right;}
a.expandedsearch{color:#000; font-size:12px; text-decoration:underline; float:right; margin-right:5px; padding-bottom:1px;}

#searchbar{width:720px; height:30px; padding-left:0px; margin-left: 0px; margin-top: 10px; margin-bottom: 20px;-webkit-appearance: none;
-moz-appearance: none;}
#searchbar input.searchfield 
{font-size:large;
 background-color:#fff;
 border-color:#7f7a7a;
 border:1px solid #7f7a7a;
 color:#545353;
 width:600px!important;
 height: 30px;
 margin:0px 0px 0px 0px;
 float:left;
 padding-left:5px;}	
#searchbar input.searchbutton 
{
 vertical-align:bottom; 
 margin:0px 0 0 0px; 
 background:transparent;
 border-color:#000;
 border:1px solid #000;
 height:34px;
 width:80px;
 color:#000;
 cursor:pointer;float:right;}

/*topmenue als listenmenue*/
#menuetop{width:767px; margin-left:52px; margin-top:6px; padding:0; height:26px;}
#menuetop ul{list-style-type:none; display:inline;}
#menuetop li{
	float: left;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#fff;
	border-right:1px solid #fff;
	padding: 0 11px 0 10px;
	text-transform:uppercase;
	letter-spacing:-1px;
	margin:0;
	}
#menuetop ul li.last{
	border-right:none!important;
	}	
#menuetop li a{text-decoration:none;
color:#000;}
#menuetop li a:hover, #menuetop li a.active{color:#0036b6;}


/*
   oberer bereich mit hauptmenue und grossem bild sowie themenicons
*/
#menuecontainer{
width:1000px;
height:208px;
background-color:#fff;
margin:0;
padding:0;
}
.headerimage{width:760px; height: 208px; position:absolute; left:240px; z-index:2;}
.betaversionhint{z-index:3; width:760px; height: 208px; position:absolute;  }
#menuecontainer ul{width:240px; list-style-type:none; display:block; margin:0; padding:0; float:left; height:208px;}
#menuecontainer img{width:760px; height: 208px; }
#menuecontainer li
{font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color:#fff;
border-bottom:1px solid #b2afaf;
width:240px;
text-transform:uppercase;
background-image:url(images/menuepfeil.gif);
background-repeat:no-repeat; background-position:220px center;}

#menuecontainer li a{text-decoration:none;
color:#000;
display:block;
line-height:25px;
width:240px;padding-left:12px;}
#menuecontainer li a:hover, #menuecontainer li a.active{color:#fff; background-color:#0036b6; background-image:url(images/menuepfeil_hover.gif);
background-repeat:no-repeat; background-position:220px center;}
#menuecontainer li.last{border-bottom:0px solid #b2afaf; }
#menuecontainer li.shoplist{border-bottom:1px solid #b2afaf; /*background-color:#0036b6;*/}
#menuecontainer li.shoplist a:hover, #menuecontainer li.shoplist a.active{color:#fff; background-color:#0036b6; background-image:url(images/menuepfeil_hover.gif);
background-repeat:no-repeat; background-position:220px center;}

/*themenicons im oberen header*/
#themelist{position:absolute; top:261px; left:240px; z-index:5; background-image:url(images/themeicon_hg.png); background-repeat:no-repeat;  width:760px; height:41px; }
#themelist ul{padding-left:300px; padding-top:6px; margin:0; list-style-type:none; }
#themelist li{width:20px; height:30px; float:left;  margin-left:10px; background-repeat:no-repeat;}
#themelist li a{text-decoration:none; display:block; width:20px; height:30px;}
#themelist li a:hover, #themelist li a.active{background-repeat:no-repeat;}

#themelist ul li.photo{background-color:#75756b;}
#themelist ul li.photo a:hover, #themelist ul li.photo a.active{background-color:#75756b; width:20px; height:40px; }
#themelist ul li.tierreich{background-color:#a27900;}
#themelist ul li.tierreich a:hover, #themelist ul li.tierreich a.active{background-color:#a27900; width:20px; height:40px; }
#themelist ul li.ethnicArt{background-color:#cb6000;}
#themelist ul li.ethnicArt a:hover, #themelist ul li.ethnicArt a.active{background-color:#cb6000; width:20px; height:40px; }
#themelist ul li.spiritualitaet{background-color:#5b0045;}
#themelist ul li.spiritualitaet a:hover, #themelist ul li.spiritualitaet a.active{background-color:#5b0045; width:20px; height:40px; }
#themelist ul li.menschenUndLeidenschaften{background-color:#007dad;}
#themelist ul li.menschenUndLeidenschaften a:hover, #themelist ul li.menschenUndLeidenschaften a.active{background-color:#007dad; width:20px; height:40px; }
#themelist ul li.comicKinderUndHumor{background-color:#e3a800;}
#themelist ul li.comicKinderUndHumor a:hover, #themelist ul li.comicKinderUndHumor a.active{background-color:#e3a800; width:20px; height:40px; }
#themelist ul li.historyAndVintage{background-color:#a4b631;}
#themelist ul li.historyAndVintage a:hover, #themelist ul li.historyAndVintage a.active{background-color:#a4b631; width:20px; height:40px; }
#themelist ul li.modernArt{background-color:#bb0066;}
#themelist ul li.modernArt a:hover, #themelist ul li.modernArt a.active{background-color:#bb0066; width:20px; height:40px; }
#themelist ul li.abstraktemalerei{background-color:#8e0000;}
#themelist ul li.abstraktemalerei a:hover, #themelist ul li.abstraktemalerei a.active{background-color:#8e0000; width:20px; height:40px; }
#themelist ul li.blumen{background-color:#8a81aa;}
#themelist ul li.blumen a:hover, #themelist ul li.blumen a.active{background-color:#8a81aa; width:20px; height:40px; }
#themelist ul li.homeAndLifestyle{background-color:#008573;}
#themelist ul li.homeAndLifestyle a:hover, #themelist ul li.homeAndLifestyle a.active{background-color:#008573; width:20px; height:40px; }
#themelist ul li.landschaften{background-color:#7e966c;}
#themelist ul li.landschaften a:hover, #themelist ul li.landschaften a.active{background-color:#7e966c; width:20px; height:40px; }
#themelist ul li.cityLife{background-color:#d5c500;}
#themelist ul li.cityLife a:hover, #themelist ul li.cityLife a.active{background-color:#d5c500; width:20px; height:40px; }
#themelist ul li.weltreise{background-color:#89b2dc;}
#themelist ul li.weltreise a:hover, #themelist ul li.weltreise a.active{background-color:#89b2dc; width:20px; height:40px; }
#themelist ul li.classic{background-color:#766800;}
#themelist ul li.classic a:hover, #themelist ul li.classic a.active{background-color:#766800; width:20px; height:40px; }

.siegel
{
	position: absolute;
	height: 80px;
	width: 170px;
	float: right;
	right: 45px;
	margin-top: -80px;
	text-align: center;
	vertical-align: middle;
}