/* @override http://www.white-x.de/css/style.css */
body{
	padding: 0;
	margin: 0;
	background: gray url(/images/bg_pattern.gif) fixed;
	font: 13px Helvetica, Arial, sans-serif;
	color: #333333;
}
a{
	color: #395f7e;
	font-size: 13px;
	text-decoration: none;
	}
a:hover{
	text-decoration: underline;
}

.anker{
	height: 80px;
	width: 800px;
	clear: both;
	}
h1{
	margin-top: 20px;
	font: 37px/42px Georgia,"Times New Roman",Times,serif;
	padding-left: 40px;
	margin-bottom: 55px;
        color: #000000;
}
h2{
	font: 20px Georgia, "Times New Roman", Times, serif;
	margin: 0;
	color: #000000;
	margin-bottom: 20px;
}
h3{
	font: 20px Georgia, "Times New Roman", Times, serif;
	margin: 0;padding: 0;
	color: #000000;
	margin-bottom: 15px;
	margin-top: 35px;
	padding-left: 40px;
}

#aussen{
	width: 1000px;
	margin-left: 0px;
	margin-top: 0;
	padding-left: 50px;
	background: url(/images/glow_komplett.png) no-repeat fixed;
	height:100%;
}

/* @group Navigation */

#links{
	height: 300px;
	width: 121px;
	position:fixed;
	top: 80px;
	
	background: url(/images/logo_white_x.png) no-repeat;
	padding-top: 185px;
}
#links li{
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 15px;
	
}
#links ul{
	margin-left: 0;
	padding-left: 0;
}
#links a{
	font: 20px Georgia, "Times New Roman", Times, serif;
	color: #000000;
	 -moz-text-shadow: #cccccc 1px 1px 2px;
	text-shadow: #cccccc 1px 1px 2px;
}
#links a:hover, #links a:active{
	
	color: #395f7e;
	text-decoration: none;
}
.blau_c a:link,.blau_c a:active,.blau_c a{
color: #395f7e !important;
}

/* @end */
#rechts{
	background: url(/images/bgmitte.png) repeat-y -13px 0;
	position: relative;
	left: 110px;
	width: 900px;
	overflow: hidden;
	clear: both;
	
}

#rechts h1{
	-moz-text-shadow: #cccccc 1px 1px 2px;
	text-shadow: #cccccc 1px 1px 2px;

}

/* @group Home */


#homel{
	float: left;
	width: 580px;
	margin-left: 7px;	
	
}
#home .wohin{
	margin-top: 15px;
	margin-bottom: 10px;
}
#homel p {
	padding-right: 10px;
}




#home{
	width: 850px;
	background: url(/images/wandas/wanda_home.png) no-repeat right 5px;
	
}
#homel .zeile{
	
	color: #333333;
	font: 13px Helvetica, Arial, sans-serif;
	width: 493px;
	margin: 0 0 10px;
	padding: 17px 17px 10px 40px;
	height: 58px;
	overflow: hidden;
	cursor: pointer;
}
.zeile.usability{
	background: url(/images/icons/icon_usability_home.png) no-repeat 490px 10px;
	
}
.zeile.seo{
	background: url(/images/icons/icon_seo_home.png) no-repeat 490px 10px;
}
.zeile.socialmedia{
	background: url(/images/icons/icon_socialmedia_home.png) no-repeat 490px 10px;
}
#homer{
	float: left;
	width: 249px;
}
#homer #whitecross{
	position: relative;
	top: 370px;
	height: 52px;
	color: white;
	width: 220px;
	margin-left: -20px;
	font: 16px Georgia, "Times New Roman", Times, serif;
	padding: 15px 30px 20px 10px;
	background: url(/images/whitecross_teaser_home.jpg) no-repeat;
}
#homer #whitecross a{
	font: 16px Georgia, "Times New Roman", Times, serif;
	color: #558ab7;
}
.hometeaser{
	background-color: #f3faff !important;
	margin-left:-40px;
	height: 85px;
	width: 435px;
	overflow: hidden;
	padding-left: 100px;
	padding-right: 15px;
	margin-top: 15px;
}
.hometeaser h4{
	font: 18px Georgia, "Times New Roman", Times, serif;
	
	margin-bottom: 15px;
	margin-top: 15px;
}

#homel .rollanker{
	margin-top: 77px;
}

/* @end */
/* @group Agentur */

#agentur{
	
	
}
#agenturo{
	margin-top: 80px;
	position: relative;
	left: 7px;
	padding-left: 15px;
	width: 785px;
	padding-right: 0px;
       background: url(/images/wandas/wanda_agentur.jpg) no-repeat 0px 0px;
	padding-top: 20px;
	border-bottom-style: none;
	list-style-image: url(/images/icons/bulletstar.png);
	min-height: 355px;
}
#agenturo td {
	width: 75%;
	
}

#agenturo ul {
	padding-left: 25px;
	
}

#agenturo table{
	border: 0;
	padding: 10 px;
	margin: 0px;
}

#agenturo li{
	list-style-type:square;
}

#agenturo table h3{
	margin-top: 0;
	padding: 0;
}
#agentur .wohin{
	margin-top: 10px;
}
#agentur .team1 {
	width: 350px;
	overflow: hidden;
	height: 58px;
	padding-left: 40px;
	padding-top: 20px;
	padding-bottom: 8px;
	margin-bottom: 10px;
	margin-right: 20px;
	cursor: pointer;
}

.team1.offen{
	padding-bottom: 35px !important; 
}

#agentur .tp2{
	padding-left: 60px;
}
.team1.pos1{
	
	
}
.teama{
		padding-left: 60px;
}

.team1 .t_name{
	font: 20px Georgia, "Times New Roman", Times, serif;
	margin: 0;padding: 0;
	color: #000000;
	margin-bottom: 20px;
	padding-left: 60px;
}

.t_links{
	float: left;
	margin-left: 7px;
	margin-right: 0;
}
.t_rechts{
	float: left;
	margin-left: 0px;
	margin-right: 0;

}
.team .phone{
	background: url(/images/icons/icon_tel_agentur.png) no-repeat 0 0;
	padding-left: 25px;
	height: 25px;
	padding-top: 5px;
	margin-left: 60px;
}
.team .email{
	background: url(/images/icons/icon_brief_agentur.png) no-repeat 0 0;
	padding-left: 25px;
	height: 25px;
	padding-top: 0px;
	margin-left: 60px;
}
.team{
	height: 310px;overflow: auto;
	padding-right: 40px;
	margin-left: 0px;
}

/* @end */
/* @group Downloads */
#downloads{
		margin-top: 20px;
}
#downloads .wanda{
	background: url(/images/wandas/wanda_download.png) no-repeat 450px;
    height: 280px;
    width: 780px;
    position: absolute;
    z-index: 9999;
    margin-top: -90px;
}
#sterntext{
	color: white;
	text-align: center;
	margin-left: 20px;
	margin-top: 66px;
	width: 80px;
	cursor:pointer;
}
#sterntext.hover{
	color: #8DE3F3;
}
#sternpad{
	height: 150px;
	background: url(/images/pad_stern_klein.png) no-repeat 5px;
	position: absolute;
	width: 200px;
	margin-left: 600px;
	top: 260px;
	z-index: 9999;
}
 #downloads .halblinks{
	float: left;width: 380px;
	padding:20px;
	margin-top: 10px;
}
.halblinks, img{
	vertical-align: middle;
	padding-bottom: 5px;
}

#aufloesg{
	display: none;
}
#aufloesung{
	margin-top: 15px;
	margin-left: 30px;
	margin-bottom: 30px;
	cursor: pointer;
}

.halbrechts{
	margin-top:90px;
	margin-right: 10px;
	
}
.halbrechts .fett{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
}
#downloadso{
	position: relative;
	margin-top: 70px;
	left: 7px;
	padding: 10px;
	width: 780px;
	margin-bottom: 10px;
}
/* @end */

/* @group Leistungen */
#leistungen{
	background: url(/images/wandas/wanda_leistungen.png) no-repeat 593px top;
	margin-top: 20px;
}
#leistungen .rollanker{
	position: relative;
	top: 25px;
	height: 400px;
}
#leistungeno{
	background: url(/images/wandas/wanda_leistungen2.png) no-repeat 660px -28px;
	position: relative;
	margin-top: 50px;
	left: 7px;
	padding: 10px;
	width: 780px;
	margin-bottom: 10px;
}

#leistungen h1{
	margin-bottom: 20px !important;
}
#leistungeno li{
	font: 16px/150% Georgia, "Times New Roman", Times, serif;
	margin: 0; padding: 0;
	color: #1e1e1e;
	margin-bottom: 0px;
	list-style-type:disc;
	text-indent: 5px;
	margin-left: -20;
	list-style-image: url(/images/icons/bulletstar.png);
}

#leistungeno li li{
	font: 16px/150% Georgia, "Times New Roman", Times, serif;
	margin: 0; padding: 0;
	color: #1e1e1e;
	margin-bottom: 0px;
	list-style-type:square;
	text-indent: 5px;
}

#leistungeno ul ul{
	margin-top: 10px;
}


.l_links{
	float: left;
	margin-left: 7px;
	margin-right: 0;
}
.l_rechts{
	float: left;
	margin-left: 0px;
	margin-right: 0;

}
.l_name{
	font: 20px Georgia, "Times New Roman", Times, serif;
	margin: 0;padding: 0;
	color: #000000;
	margin-bottom: 0px;
}
.l_link{
	background-position: right 12px !important;
	height: 13px;
	padding-top: 35px;
	margin-top: -20px;
}
#leistungen .team1{
	padding-top: 15px;
	cursor: pointer;
	padding-left: 95px !important;
	width: 290px!important;
	padding-right: 5px !important;
	padding-bottom:  18px !important;
}

/* @end */

/* @group arbeit */

/* @group Beispiele */

#arbeitsbeispiel{
	color: white;
	background-color: #1e1e1e;clear: both;
	width: 800px;
}
#arbeitsbeispiel #close{
	position: relative;
	top: -60px;
	left: 770px;
	width: 30px;
}
#arbeitsbeispiel h1{
	margin-bottom: 30px;
	margin-top: 15px;
	font-size: 26px;
        color: #ffffff;
}
#ab_links{
	float: left;
	width: 520px;
	height: 350px;
}

#ab_links img{
	margin-bottom: 15px;
}
#ab_rechts{
	float: left;
	width: 240px;
	padding-left: 20px;
	line-height: 135%;
}
#ab_rechts a{
	color: #5f9bcc;
}
#ab_rechts ul{
	padding-left: 17px;
}

.ab_bild_u{
	padding-left: 50px;
}
#arbeitsbeispiel #abbsubtext{
	position: absolute;
	top: 455px;
	
	
	background-color: #1e1e1e;
	padding-left: 50px;
	padding-top: 10px;
	
	left: 100;
	color: white;
	}
#abbnext{
	position: absolute;
	left: 490px;
	top: 460px;
	background: url(/images/icons/forward_active.png) no-repeat;
	border-style: none;
	width: 20px;height: 20px;
}
#abbprev{
	position: absolute;
	left: 470px;
	top: 460px;
	background: url(/images/icons/backward_active.png) no-repeat;
	border-style: none;
	width: 20px;
	height: 20px;

}
#abbprev[disabled]{
	background: url(/images/icons/backward_inactive.png) no-repeat !important;
}
#abbnext[disabled]{
	background: url(/images/icons/forward_inactive.png) no-repeat !important;
}
#slider {
	
	background:#202834 url(/images/slider/loading.gif) no-repeat 50% 50%;
	
}
#slider img {
	position:absolute;
	top:101px;
	left:0px;
	display:none;
	width: 520px;
	height: 350px;
	
}

#slider a {
	border:0;
}


/* @end */

#arbeit{
	background: url(/images/wandas/wanda_arbeit.png) no-repeat 300px top;
	padding-top: 284px;
}
.a_eintrag{
	width: 240px;
	height: 280px;
	overflow: hidden;
	float: left;
	padding-left: 20px;
	padding-bottom: 15px;
	margin-bottom: 10px;
	cursor: pointer;
}
.a_eintrag h3{
	padding-left: 0;
	padding-top: 160px;
	margin-bottom: 10px;
}
.feld1{
	margin-left: 7px;
}
.feld2{
	margin-left: 10px;
}
.feld0{
	margin-left: 10px;
}
#layerarbeit{
	height: 1px;
	top: 100px;
	left: 167px;
	position: absolute;
	width: 800px;
	z-index: 9999;
	background-color:#1e1e1e;
	display: none;
}

/* @end */


/* @group Kontakt */

#kontakt{
	background: url(/images/wandas/wanda_kontakt.png) no-repeat 513px top;
	margin-bottom: 50px;
	margin-top: 50px;
	min-height: 800px;
}
#k_links{
	float: left;
	width: 300px;
	height: 400px;
	margin-left: 7px;
}
#k_rechts{
	
	margin-top: 194px;
	width: 500px;
	float: left;
}

.ktxt1, .ktxt2{
	padding-left: 50px;
		margin-bottom: 25px;
}
.ktxt3{
	padding-right: 50px;
	margin-top: 25px;
}
#k_links h3{
	padding-left: 0;
}
#kontakt .telefon{
	background: url(/images/icons/icon_tel_kontakt.png) no-repeat 0 0;
	margin-left: 50px;
	padding-left: 25px;
	margin-bottom: 10px;
}

#kontakt .twitter{
	background: url(/images/icons/icon_twitter.png) no-repeat 0 0;
	margin-left: 50px;
	padding-left: 25px;
	margin-bottom: 35px;
}

#kontakt .fax{
	background: url(/images/icons/icon_fax_kontakt.png) no-repeat 0 0;
	margin-left: 50px;
	padding-left: 25px;
	margin-bottom: 10px;
}
#kontakt .mail{
	background: url(/images/icons/icon_brief_kontakt.png) no-repeat 0 0;
	margin-left: 50px;
	padding-left: 25px;
	margin-bottom: 10px;
}
#kontakt .web{
	background: url(/images/icons/icon_web_kontakt.png) no-repeat 0 0;
	margin-left: 50px;
	padding-left: 25px;
	margin-bottom: 10px;
	padding-bottom: 2px;
}
#kontakt #whitecross{
	position: relative;
	height: 52px;
	color: white;
	width: 220px;
	background: url(/images/whitecross_teaser.jpg) no-repeat;
	margin-left: -0px;
	font: 16px Georgia, "Times New Roman", Times, serif;
	padding: 15px 20px 20px 10px;	
	margin-bottom: 0;
}

#kontakt #whitecross a{
	font: 16px Georgia, "Times New Roman", Times, serif;
	color: #558ab7;
}
		
#anfahrt{
	height: 400px;
	width: 500px;
	background: url(/images/anfahrtskizze.gif) no-repeat;
	margin-top: -20px;
}
/* @end */

/* @group News */
#news{
	background: url(/images/wandas/wanda_news.png) no-repeat 543px 36px;
	margin-bottom: 0px;
	
}
#news h2{
	font-size: 25px;
	position: relative;
	top: 100px;
	left: 260px;
	margin-bottom: 124px;
}
.twitterzeile{
	font-family: Georgia,Times,serif;
	font-size: 20px;
	margin-left: 7px;
	padding-left: 50px;
	padding-top:20px;
	padding-bottom: 5px;
	width: 700px;
	padding-right: 50px;
}
.twitterzeile a{
	font-family: Georgia,Times,serif;
	font-size: 20px; font-weight: normal;
}
.twitterdate{
	font-size: 12px;
	margin-top: 15px;
	margin-bottom: 15px;
	font-family: helvetica, arial,sans-serif;
}
#follow{
	background: url(/images/btn_follow.png) no-repeat;
	width: 64px;
	color: white;
	height: 28px;
	position: relative;
	left: 670px;
	top: 50px;
	border-style: none;
	text-align: center;
	padding: 6px 12px 10px;
}
/* @end */




#unten{
	text-align: right;
	padding-right: 140px;
	background: url(/images/schatten_zettel.png) no-repeat 108px -7px;
	margin-bottom: 100px;
	height: 100px;
	padding-top: 8px;
	color: white;
	font-family: georgia,times,serif;
	font-size: 14px;
}
.beige{background-color: #e2dfd4 !important;}
.hellblau{
	background-color: #d0dce6 !important;
}

.hellblau li{
	list-style-image: url(/images/icons/bulletstar.png);
}
.grau{background-color: #1e1e1e !important; color: #ffffff;}


i {
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
	color: #333333;
	font-weight: normal;
	font-style: normal;
}

.resolutiontable a{
	font-size: 12px;
}
.resolutiontable td{
	vertical-align: top;
	padding-left: 10px;
}

.resolutiontable img{
	vertical-align: top;
	padding-left: 10px;
	margin: 0px;
}
.resolutiontable strong{
	margin-bottom:;
}