/* ////////////////////////////////////////// */
/* General Styles */
/* ////////////////////////////////////////// */
html				{	width: 100% !important; height: 100%;  }
body			{	width: 100% !important; height: 100%; position: relative; text-align: center; background: #101010; font-family: 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #999; margin: -20px 0 0 0 !important; }

h1, h2, h3, h4 	{	font-weight: bold }
h1				{	font-size: 24px; color: #3399ff; border-top: 1px solid #4d4d4d; border-bottom: 1px solid #4d4d4d; padding: 5px 0; margin-bottom: 20px; text-align: center }
h2				{	font-size: 18px; margin-top: 30px; border-bottom: 1px dashed #999  }
h3				{	font-size: 14px }
h4				{	border-bottom: 1px dotted #999 }
hr 				{	border-top: 1px dashed #999; border-right: 0; border-left: 0; border-bottom: 0; height: 1px; margin: 20px 0; clear: both }
p 				{	margin: 5px 0 20px 0 }
textarea			{	background-color: #fff; font-size: 11px }
img				{	border: 0 }
table			{	font-size: 12px; color: #999 }
form			{	margin: 0 }
.border			{	border: 1px solid #fff }
.left 			{	float: left; margin-right: 10px }
.right			{	float: right; margin-left: 10px }
.center			{	text-align: center }
.gotcha			{	display: none; visibility: hidden }
.big 			{	font-size: 1.5em }
.small			{	font-size: 9px; margin: 0; }
.infotext		{	background: yellow; padding: 5px 10px }
.info			{	background: #3399ff; color: #fff; padding: 5px 10px }
.info_kalender	{	position: absolute; top: 15px; font-size: 12px; left: 70px; width: 600px; background: #3399ff; color: #fff; padding: 5px 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px;  }
.cleaner		{	clear: both }
.color			{	color: #3399ff }
a				{	color: #999 }

/* ////////////////////////////////////////// */
/* Layout */ 
/* ////////////////////////////////////////// */
/* #global 		{	position: relative; width: 770px; height: 100%; margin: 0 auto; text-align: left; } */
#global 			{	position: relative; width: 770px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; text-align: left; }
#logo	 		{	position: absolute; top: 20px; left: -100px; z-index: 999 }
#logo_adventkalender	 		{	position: absolute; top: 20px; left: -200px; z-index: 999 }
#facebook 		{	position: absolute; top: 90px; left: -102px; z-index: 999 }
#facebook_adventkalender 		{	position: absolute; top: 90px; left: -202px; z-index: 999 }
#main	 		{	width: 100%; background: #000; margin: 0; padding-bottom: 170px; border: 1px solid transparent; z-index: 50 }
#visuals 		{	width: 100%; height: 230px; }
.agentur 		{	width: 555px; height: 80px; background: url('../img/bg_agentur.jpg'); font-size: 10px; line-height: 1.1em; padding: 5px 10px 5px 205px }
#sites			{	position: relative; margin-top: 100px; text-align: left; padding: 0 20px; height: 100%; background: url('../img/bg_sites.jpg') }
/*
#sites.home		{	margin: 20px 0 0 0; height: 800px; background: url('../img/bg_home.jpg') center 120px no-repeat;   }
*/
#sites.home		{	margin: 20px 0 0 0; height: 800px; }
#sites.friends,
#sites.videos,
#sites.impressum	{	height: 600px; }
#footer				{	 }

#navbuttons			{	position: relative; top: -210px; }
#navbuttons.home	{	position: relative; top: 0px; }

#backbutton			{	font-size: 18px; border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 5px 0 }
#backbutton	a		{	color: #3399ff; text-decoration: none }

.appstore			{	position: absolute; top: 100px; right: -125px; z-index: 999}
.appstore_adventkalender			{	position: absolute; top: 100px; right: -225px; z-index: 999}

/* ////////////////////////////////////////// 
Friends Login v2
////////////////////////////////////////// */
#friends-login_v2				{	position: absolute; top: 10px; right: -135px; font-size: 11px; z-index: 1000; padding: 5px; background: #000; opacity:0.50;     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";     filter:alpha(opacity=50);     zoom:1  }
#friends-login_v2:hover			{	 opacity:1;     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";     filter:alpha(opacity=100);     zoom:1  }
#friends-login_v2 h1			{	margin: 0 0 5px 0; font-size: 12px; font-weight: bold; border: 0 }
#friends-login_v2 p,
#friends-login_v2 form			{	margin: 0 }
#friends-login_v2 input			{	float: left; width: 80px; padding: 2px; font-size: 10px; margin-right: 5px }
#friends-login_v2 input.pw		{	float: left; width: 40px; padding: 2px; font-size: 10px; margin-right: 5px }
#friends-login_v2 .pwforgot		{	font-size: 9px }
#friends-login_v2 input.submit	{	width: 63px; height: 26px; border: 0; margin-top: -3px; background:url(../friends/img/btn_login.jpg) repeat-x left top; cursor: pointer }


/* ////////////////////////////////////////// */
/* Marquees */
/* ////////////////////////////////////////// */
.marquee	{	font-size: 90px; color: #000; position: absolute; z-index: 10; text-transform: uppercase  }
.mleft		{	left: -320px;  }
.mleft1		{	top: 30px; font-size: 70px;  }
.mleft2		{	top: 80px; }
.mleft3		{	top: 230px;}
.mleft4		{	top: 400px; font-size: 60px; }
.mleft5		{	top: 440px; }
.mleft6		{	top: 600px; }
.mright		{	left: 772px;  }
.mright1	{	top: 50px; font-size: 80px;}
.mright2	{	top: 200px; }
.mright3	{	top: 400px; font-size: 60px; }
.mright4	{	top: 600px; }


/* ////////////////////////////////////////// */
/* Visuals */
/* ////////////////////////////////////////// */
#slideshow {
    position:relative;
    height:350px;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow img.active {
    z-index:10;
    opacity:1.0;
}

#slideshow img.last-active {
    z-index:9;
}


/* ////////////////////////////////////////// */
/* Navleiste Mainnav */
/* ////////////////////////////////////////// */
#navleiste1			{	position: fixed; bottom: 15px; left: 0; width: 100%; z-index: 999;}
#navleiste1 div		{	position: relative; width: 770px; margin: 0 auto;  background: #000   }


/* ////////////////////////////////////////// */
/* Navleiste Subnav*/
/* ////////////////////////////////////////// */
#navleiste			{	position:fixed !important; bottom: 0 !important; left: 0; width: 100%; background: url('../img/bg_navleiste.jpg'); z-index: 999; padding-bottom: 5px }
#navleiste div		{	margin: 0 auto; width: 770px; text-align: left; height: 20px; padding-top: 1px; font-size: 12px; font-weight: bold;  }
#navleiste ul 		{	list-style-type: none; margin: 0; padding: 3px 0 0 0 }
#navleiste ul li	{	float: left; margin: 0 25px }
#navleiste ul li.last{	margin-right: 0 }
#navleiste a 		{	text-decoration: none; color: #000 }


/* ////////////////////////////////////////// */
/* Videoleiste */
/* ////////////////////////////////////////// */
#videoleiste		{	position:fixed !important; bottom: 0px !important; left: 0; width: 100%; height: 100px; font-size: 10px; background: url('../img/bg_videoleiste.jpg'); z-index: 999 }
#videoleiste h1		{	font-size: 14px; font-weight: bold; color: #3399ff; border-top: 1px solid #4d4d4d; border-bottom: 1px solid #4d4d4d; padding: 3px 0; width: 70px; float: left; margin-top: 20px }

 
/* ////////////////////////////////////////// */
/* Home */
/* ////////////////////////////////////////// */
.agentur h1			{	font-size: 12px; color: #3399ff; margin: 0; border: 0; text-align: left  }
.agentur p			{	margin: 5px 0  }
.agentur b			{	color: #3399ff  }
.agentur a			{	font-weight: bold; color: #3399ff; text-decoration: none  }
.agentur div		{	float: left; margin: 5px 20px 0 0; padding-right: 18px; border-right: 1px dashed #999 }
.agentur div.jobs	{	line-height: 1.3em }

.agentur input				{	font-size: 10px }
.agentur input.email		{	float: left; width: 90px;  }
.agentur input.submit		{	padding: 0 2px; float: left; margin: 0 0 0 3px }

#buttons 					{	position: relative; }
#buttons img.shops,
#buttons img.gallerie,
#buttons img.news,
#buttons img.shootings, 
#buttons img.shops_over,
#buttons img.gallerie_over,
#buttons img.news_over,
#buttons img.shootings_over {	position: absolute;	top: 0px; }
#buttons img.shops,
#buttons img.gallerie,
#buttons img.news,
#buttons img.shootings 		{	z-index: 10; }
#buttons img.shops, 
#buttons img.shops_over 	{	left: -5px;  }
#buttons img.gallerie, 
#buttons img.gallerie_over 	{	left: 185px;  }
#buttons img.news, 
#buttons img.news_over 		{	left: 375px;  }
#buttons img.shootings, 
#buttons img.shootings_over {	left: 565px;  }

#philosophie		{	position: absolute; color: #666; top: 220px; text-align: center; font-size: 11px; width: 770px; }
#philosophie p		{	margin: 10px 0 }
#philosophie .color	{	line-height: 1.8em }

#feddelegrand		{	position: absolute; top: 210px; left: 20px; z-index: 1 }

#online_buchen		{	position: absolute; top: 235px; left: 19px; z-index: 100 }
#online_buchen.link	{	width: 770px; height: 100px; top: 230px; left: 0; z-index: 9999 !important; }
#adventlink			{	position: absolute; width: 770px; height: 100px; top: 0; left: 0; z-index: 9999 !important; }

/* ////////////////////////////////////////// */
/* Shops */
/* ////////////////////////////////////////// */
.filiale				{	float: left; width: 240px; text-align: center;  }
.filiale table			{	margin: 0 auto; text-align: left; background: transparent}
.filiale a				{	color: #999 }
.filialinfo				{	height: 100px }
 
/* ////////////////////////////////////////// */
/* Fotos */
/* ////////////////////////////////////////// */
#sites img.glamour	{	margin: 5px  }

 
/* ////////////////////////////////////////// */
/* Events */
/* ////////////////////////////////////////// */
#sites.events img,
#sites.events-archiv img	{	border: 1px solid #999  }


/* ////////////////////////////////////////// */
/* Jobs */
/* ////////////////////////////////////////// */
#gehalt				{	float: right; width: 240px; height: 524px; text-align: right; background: url('../img/bg_jobs.jpg') }
#gehalt table td	{	text-align: right; vertical-align: top }
/* #gehalt .freejob 	{	color: #3399ff;  } */
#formular			{	float: left; width: 450px; }

#jobformular input,
#jobformular select			{	width: 250px }
#jobformular input.w1		{	width: 100px }
#jobformular input.w2		{	width: 142px }
#jobformular textarea		{	width: 248px }
#jobformular textarea.h1	{	height: 150px }
#jobformular textarea.h2	{	height: 50px }


/* ////////////////////////////////////////// */
/* Links & Partner*/
/* ////////////////////////////////////////// */
#sites.links img,
#sites.partner img	{	border: 1px solid #fff; float: left; margin: 20px 20px 20px 0 }


/* ////////////////////////////////////////// */
/* ysfriends */
/* ////////////////////////////////////////// */
#memberdaten td.titel	{	padding-top: 15px }
#memberdaten td			{	vertical-align: top }
.feldtitel				{	padding-right: 10px }
.feldweite				{	width: 350px }
.feldweite2				{	width: 171px }
.feldweite3				{	width: 30px; text-align: right }
.feldweite4				{	width: 20px; text-align: right }
#member-vorteile		{	float: left; margin-right: 20px; }
#member-formular		{	float: right; width: 320px; }
#member-formular h2		{	margin: 0 0 15px 0; padding-bottom: 3px; width: 320px;  }
#member-formular p		{	margin: 3px 0 }
#member-formular label	{	float: left; width: 100px; margin-top: 10px; font-size: 14px }
#member-formular input	{	width: 200px; padding: 5px; font-size: 18px }
#member-formular input#mann,
#member-formular input#frau	{	width: 15px; padding: 5px; margin: 10px 0 }
#member-formular select	{	width: 210px; height: 30px; padding: 5px; font-size: 14px; display: block; margin-top: 10px }
#member-formular .optional label	{	float: left; width: 100px; margin-top: 5px; font-size: 10px }
#member-formular .optional input	{	width: 205px; padding: 2px; font-size: 10px }
#member-formular .optional input#plz	{	width: 40px;  }
#member-formular .optional input#ort	{	width: 153px;  }
#member-formular .optional input#geburtsdatum	{	width: 80px;  }
#member-formular .optional h2		{	font-size: 12px; margin: 0 0 15px 0; padding-bottom: 3px; width: 320px;  }


/* ////////////////////////////////////////// */
/* Adventkalender */
/* ////////////////////////////////////////// */
#kalender			{	position: absolute; top: 70px; left: 250px; width: 650px;  }
.kalendertag		{	float: left; width: 75px; margin: 9px 13px }
.kalender_aktiv:hover,
.kalender_inaktiv:hover	{	opacity: 1; filter: alpha(opacity=100); }
.kalender_inaktiv	{	border: 2px solid #666; opacity: 0.2; filter: alpha(opacity=20); }
.kalender_aktiv		{	opacity: 1; filter: alpha(opacity=100); }
.kalender_heute		{	position: absolute; top: -75px; left: -50px; border: 5px solid #fff; width: 200px; height: 300px; opacity: 1; filter: alpha(opacity=100); z-index:999 }
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

/* ////////////////////////////////////////// */
/* Checkform */
/* ////////////////////////////////////////// */
.LV_valid 						{	padding-left: 5px;  }
.LV_invalid 					{	color: red; font-size: 1px; display: none }
.LV_valid_field 				{	border: 2px solid green }
.LV_invalid_field 				{	border: 2px solid red }