@charset "utf-8";
/* CSS Document */
/* 2010/03/11 by Aces :: aces@wewaii.com */
/* traivans ltr layout */

/* layout page framework */
body {
	direction:ltr;
	/*font:15px/1.5 Arial; */ /* nur für RTL und arabische schriftzeichen */
	margin-left:auto;
	margin-right:auto;
	text-align:center; /* zwingt den IE6 die Seite zu zentrieren */
}
#wrap {
	width:960px;
	background-color:#f9f7eb;
	text-align:left; /* wird benötigt um die Zentrierung im Body für den IE6 aufzuheben */
}
#contentLeft {
	float: left;
	width: 290px;
	padding-left:15px;
	padding-top:35px;
}
#contentRight {
	float: right;
	width: 580px;
	padding-right:15px;
	padding-top:35px;
}

/* supportLink */
a.supportlink {
	display: block;
	width: 283px;
	height: 36px;
	line-height: 36px;
	/* border: 1px solid #b3e9f6; */
	background-image: url(../img/list_bg.jpg);
	background-position: top right;
	background-repeat: repeat-x;
	color: #584321; 
	text-decoration: none;
	margin: 0 auto;
}	
a:hover.supportlink {
	/* background-image: url(../img/wewaii/list_bg.jpg);
	background-position: bottom; */
	color: #7c4910;
	text-decoration: none;
}


/** layout - everything with images **/


/** page layout **/
body {
	background-image: url(../img/body_bg.jpg);
	background-repeat: repeat-x;
	background-color: #c6df7a;
	padding-top: 100px;
	padding-bottom:25px;
}
#header {
	background-image:url(../img/header_bg.jpg);
	background-repeat:no-repeat;
	height:358px;
}
#startersGuide {
	/* top: -231px;
	left: 680px;
	width: 187px;
	height: 105px;
	background-image: url(../img/wewaii/startersGuide_button.png);*/
	display:none;
}
#logo {
	top: -90px;
	width: 435px;
	height: 200px;
}
.logo_bg_en {
	background-repeat:no-repeat;
	background-image: url(../img/header_logo_en.png);
}
.logo_bg_ar {
	background-repeat:no-repeat;
	background-image: url(../img/header_logo_de.png);
}
.logo_bg_de {
	background-repeat:no-repeat;
	background-image: url(../img/header_logo_de.png);
}
.logo_bg_fr {
	background-repeat:no-repeat;
	background-image: url(../img/header_logo_fr.png);
}
.logo_bg_es {
	background-repeat:no-repeat;
	background-image: url(../img/header_logo_es.png);
}
.logo_bg_it {
	background-repeat:no-repeat;
	background-image: url(../img/header_logo_it.png);
}
#footer {
	background-image:url(../img/footer_bg.jpg);
	height:69px;
	background-color: #c6df7a;
	margin-top:25px;
}

/* contentMiddle */
#contentMiddle {
	background-image:url(../img/arrow.gif);
	background-repeat:no-repeat;
	display:inline;
	float:left;
	height:461px;
	width:55px;
	position:relative;
	margin-top:185px;
	left:10px; 
	z-index:20;
}

/** layout h1 headers **/
.shortBox {
	width:291px;
	height:39px;
	background-image: url(../img/h1_short_bg.gif);
	background-repeat: no-repeat;
	margin-bottom:15px;
}
.shortBox h1 {
	line-height:39px;
	color: #584321;
	font-size:17px;
	padding-left:20px;
}
.newsBox {
	width:291px;
	height:39px;
	background-image: url(../img/h1_short_bg.gif);
	background-repeat: no-repeat;
	margin-top:30px;
	margin-bottom:15px;
}
.newsBox h1 {
	line-height:39px;
	color: #584321;
	font-size:17px;
	padding-left:20px;
}
.longBox_a {
	width:579px;
	height:39px;
	background-image: url(../img/h1_long_bg_a.jpg);
	background-repeat: no-repeat;
	padding-bottom:15px;
}
.longBox_a  h1 {
	line-height:39px;
	color:#584321;
	font-size:17px;
	padding-left:20px;
}
.longBox_b {
	width:579px;
	height:39px;
	background-image: url(../img/h1_long_bg_b.jpg);
	background-repeat: no-repeat;
	padding-bottom:15px;
}
.longBox_b  h1 {
	line-height:39px;
	color:#584321;
	font-size:17px;
	padding-left:20px;
}

/** layout content boxes **/
#c_box_select, #c_box_search, #c_box_sitemap {
	margin-left:8px;
	background-image: url(../img/c_box_middle.jpg);
	background-position:left;
	background-repeat:repeat-y;
	width:572px;
	margin-bottom:15px;
}
.c_box_header {
	height: 39px;
	background-image: url(../img/c_box_top.jpg);
	background-repeat: no-repeat;
	margin-bottom:10px;
	width:572px;
}
* html .c_box_header {
	height: 39px;
	background-image: url(../img/c_box_top.jpg);
	background-repeat: no-repeat;
	width:572px;
	margin-bottom:0px;
}
.c_box_header h1 {
	line-height: 45px;
	color:#584321;
	font-size: 14px;
	margin-left:20px;
	margin-bottom:0px;
}
.c_box_footer {
	background-image:url(../img/c_box_footer.jpg);
	background-repeat:no-repeat;
	/* text-align:center; */
	height:20px;
	width:572px;
}

/** layout ul navlist **/
ul.navList li a, ul.navList li span {
	display: block;
	background-image: url(../img/list_bg.jpg);
	/* background-position: top right; */
	background-repeat:no-repeat;
	color: #584321;
	text-decoration: none;
	padding-left: 15px;
	cursor: pointer;
}
ul.navList li a:hover, ul.navList li span:hover {
	display: block;
	/* background-image: url(../img/wewaii/list_bg.jpg);
	background-position: bottom;
	background-repeat: repeat-x; */
	color: #7c4910;
	text-decoration: none;
	padding-left: 15px;
}

/* layout div's */

/* starters guide */
/** werden nur gebraucht wenn #startersGuide angezeigt wird **/
#startersGuide p {
	/* color:#fff;
	padding-top:30px;
	padding-right:5px; */
	display:none;
}
#startersGuide a {
	/* color:#fff;
	text-decoration:none; */
	display:none;
}
#startersGuide a:hover {
	/* color:#fff;
	text-decoration:underline; */
	display:none;
}

/* ul navlist */
ul.navList li {
	width: 283px;
	height:36px;
	line-height: 36px;
	margin: 0 0 5px 10px;
	/* border: 1px solid #584321; */
	padding: 0;
}
* html ul.navList li a {
	width: 283px;
	height:36px;
}

/* newscontent */
.newscontent {
	margin:0 5px 0 10px;
}
.newscontent p {
	color:#584321;
	margin-top:10px;
	margin-bottom:10px;
}
div.newscontent p.author {
	font-size:80%;
}


/* infoArea */
#infoAreaWrap h1 {
	background-image:none;
	margin-bottom:1px;
	padding-top:15px;
	width:100%;
}
#infoAreaWrap p {
	color:#584321;
	font-size:11px;
	margin-top:5px;
	width:200px;
	margin-left:15px;
}

/* contentRight */
#contentRight p, #contentRight ul, #contentRight h2	{
	margin-left:20px;
	margin-right:10px;
}

/* Socialbookmarks */
#socialbookmarks {
	margin:0 0 50px 20px;
	list-style-image:none !important;
	list-style-position:outside !important;
	list-style-type:none !important;
}
#socialbookmarks li {
	float:left;
	margin:0px;
	margin-right:8px;
	padding:0px;
}

/* result */
.result {
	margin-top:30px;
}
.result ul {
	list-style-image:none !important;
	list-style-position:inside !important;
	list-style-type:square !important;
	margin-left:30px;
}

/* footer */
#footer p {
	color:#c6df7a;
	font-size:11px;
	padding-top:35px;
	text-align:center;
}
#footer p a {
	color:#c6df7a;
	text-decoration:none;
}
#footer p a:hover {
	color:#c6df7a;
	text-decoration:underline;
}

/* sitemap Stuff */
#sitemap {
	text-align:left;
	padding: 10px;
}

.openSitemap {
	background-image:url(../img/list_sdm_bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height:35px;
	text-align:center;
}
.openSitemap a, .openSitemap a:hover, .openSitemap a:visited, .openSitemap a:active  {
	color: #584321;
	text-decoration:none;
	font-weight:bold;
	line-height:35px;
}

#zoom_content h1 {
	color: #fff !important;
}
#utilityNav ul, #utilityNav li {
	list-style-type: none;
}
#utilityNav li {
	float: right; /* vermutlich verantwortlich für den 100% fancybox bug in ie7 */
	padding: 0;
	margin: 5px;
}
#primaryNav li span {
	font-weight:bold;
	color:#584321;
        margin-left: 5px;
}
#primaryNav li a {
        margin-left: 5px;
}
#primaryNav ul, #primaryNav li {
	list-style-type: none;
	margin-left: 15px;
	color:#584321;
	text-align:left;
}

/** html tags **/
/* hx */
h1.introduction {
	color: #584321;
	padding-bottom:4px;
}

h2 {
	color:#584321;
	font-size:14px;
	line-height:20px;
	width:100%;
}
.result h2 {
	margin-bottom:10px;
}

/* select */
select, input[type="text"], input[type="password"], textarea {
	border:1px solid #584321;
	background-color:#fff;
	color:#584321;
	font-size:100%;
	padding:5px;
}
select {
	margin-left:20px;
	margin-right:20px;
}
select.category {
	margin:0 20px 20px;
	width:530px;
}

/* input */
input.mediuminput, select.mediuminput {
	width:520px;
}

/* hr */
hr {
	border-color:#584321;
	border-style:solid;
	border-width:1px 0 0;
	clear:both;
	height:0;
	width:540px;
}

/* p */
p.note {
	color: #aaa;
	font-size: 0.85em;	
}
p, ul, li {
	color: #584321;	
}

/* links general */
a {
	color:#8B4513;
	text-decoration:none;
}
a:hover {
	color:#584321;
	text-decoration:none;
}
p a, ul li a {
	color:#CD853F;
	text-decoration:none;
}
p a:hover, ul li a:hover {
	color:#584321;
	text-decoration:none;
}
a.registerButton /* for Safari */ {
	text-decoration: none;
}

/* fancybox */
#fancybox-outer {
	background: #ccdce2 !important;
}

/* tables */
table {
	border-collapse:separate;
	border-spacing:5px;
	color:#584321;
	empty-cells:hide;
	margin-left:20px;
	width:500px;
}
td {
	border:1px solid #584321;
	text-align:center;
}

/* others */
.result p b, .result p strong {
	color:#584321;
}
.anchor {
	color:#584321;
	margin-left:20px;
}
.important {
	color:#ff0000;
}

/* find an answer button stuff */
/* only here, nowhere else!! */
#headerInfoAreaWrapperPos {
	top:125px;
	left:153px;
	position:absolute;
}
#infoAreaWrap {
	width:212px; /* 10px addition durch folgendes padding mit 5px je Seite, daher eigentlich 272px */
	height:176px;
	padding:5px;
	text-align:center;
	position:absolute;
	z-index:70;
}
* html #infoAreaWrap {
	\width: 222px; /* for IE5 and IE6 in quirks mode */
	w\idth: 222px; /* for IE6 in standards mode */
}
#call2action {
	background-image:url(../img/call2action.png);
	background-repeat:no-repeat;
	background-position:top center;
	height:108px;
	width:212px; /* 10px subtraktion da padding auf 5px steht */
	position:absolute;
	z-index:71;
	top:35px;
}
* html #call2action /* IE6 */ {
	left: 0px;
}
*:first-child+html #call2action /* IE7 */ {
	left: 0px;
}

#infoAreaWrap #call2action:hover {
	background-image: url(../img/call2action.png);
	background-position: bottom;
	text-decoration: none;
}
a #call2action {
	text-decoration: none;
}
.registerButton {
	text-decoration: none;
}

/* find an answer */
#c2aText1 {
	width:212px;
	margin-top:28px;
	position:absolute;
	z-index:72;
}
* html #c2aText1 /* IE6 */ {
	left: -106px;
}
*:first-child+html #c2aText1 /* IE7 */ {
	left: -106px;
}
.c2aText1Light {
	color:#584321;
	font-size: 16px;
	font-weight: bolder;
	z-index:74;
	position:absolute;
	width:212px;
}
.c2aText1Dark {
	color: #fff;
	font-size: 16px;
	font-weight: bolder;
	z-index:73;
	position:absolute;
	width:212px;
	margin-top:1px;
}

/* hover link für "find an answer" */
#infoAreaWrap #call2action:hover div.c2aText1Light {
	color: #7c4910;
	text-decoration: none;
}
#infoAreaWrap #call2action:hover div.c2aText1Dark {
	color: #fff;
	text-decoration: none;
}

/* click to start */
#c2aText2 {
	width:212px;
	margin-top:56px;
	position:absolute;
	z-index:75;
}
* html #c2aText2 /* IE6 */ {
	left: -106px;
}
*:first-child+html #c2aText2 /* IE7 */ {
	left: -106px;
}
.c2aText2Light {
	z-index:77;
	position: absolute;
	font-size: 9px;
	font-weight: bolder;
	color: #19430f;
	width:212px;
}
.c2aText2Dark {
	z-index:76;
	position: absolute;
	font-size: 9px;
	font-weight: bolder;
	margin-top:1px;
	color: #cefc9d;
	width:212px;
}

/* got a question? */
#question {
	height:35px;
	line-height:35px;
	width:212px;
	margin-top:10px;
	position:absolute;
	z-index:80;
}
* html #question /* IE6 */ {
	left: -106px;
}
*:first-child+html #question /* IE7 */ {
	left: -106px;
}
.questionLight {
	position: absolute;
	z-index:82;
	color: #584321;
	font-size: 16px;
	font-weight: bolder;
	margin-top:10px;
	width:212px;
}
.questionDark {
	display:none;
}

/* answers will help you ... */
#answer{
	width:212px;
	position:absolute;
	z-index:83;
	top:123px;
}
* html #answer /* IE6 */ {
	left: -106px;
}
*:first-child+html #answer /* IE7 */ {
	left: -106px;
}
.answerLight {
	color: #584321;
	font-size:11px;
	width:212px;
	position:absolute
}
.answerDark {
	display:none;
}

/* autocomplete */
/* Farbschema der Autocompletebox dem Design anpassen */
.autocomplete { 
	color: #584321; /* text farbe */
	border-color: #584321 !important; /* randfarbe der box */
	/* text-align: left !important; */ /* text ausrichtung innerhalb der box anpassen */
}
.autocomplete .selected {
	background: #D0D0D0 !important; /* zu highlightende auswahl innerhalb der box */
}  
.autocomplete strong {
	color: #CD853F !important; /* zu highlightendes wort */
}

/* ie6update textausrichtung */
/* um richtig zu funktionieren wurde innerhalb der ie6update.1.0.js in den zeilen 247 und 261 das float attribut auskommentiert */
#activebar-container { text-align: left; }
#activebar-container .icon { float: left; }
#activebar-container .close { float: right; }

/* schlagschatten mit css3 */

.shadow {
	box-shadow: 0px 0px 6px #666;
	-moz-box-shadow: 0px 0px 6px #666;
	-webkit-box-shadow: 0px 0px 6px #666;
	border: 8px solid #F8F8F8;
	filter:progid:DXImageTransform.Microsoft.Shadow(strength=6,color=#666666,direction=135); /* Schatten für die IE Freunde */
}

/* floats */
.float-left {
	float:left;
	margin-right: 15px;
}
.float-right {
	float:right;
	margin-left: 15px;
}