/* CSS Document */

/* basic styles */

/*
* { margin: 0; padding: 0; border: 0; }
*/
html, address, blockquote, body, div, dl, dt, dd, fieldset, form,
p, h1, h2, h3, h4, h5, h6, ol, ul, li, center, hr, pre,
table, tr, td, th, thead, tbody, tfoot, caption, img {
margin: 0; padding: 0; border: 0;
}
html { height: 100%; }
html, body, td {
 font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; 
 font-size: 10px;
 line-height: 14px;
 color: #FFFFFF;
 font: 100.01%/1.5;
}
body {
 text-align:center;
 background:#FFFFFF;
}
#wrappage {
	position: relative;
	text-align: left;
	top: 29px;
	width: 1011px;
	height: 621px;
	margin: 0px auto;
	background:url(images/bg-komplett.gif) no-repeat;
}
#wrappage_video {
	position: relative;
	text-align: left;
	top: 29px;
	width: 1011px;
	height: 700px;
	margin: 0px auto;
	background:url(images/bg-video.gif) no-repeat;
}

/* content styles */

h1 {
font-size: 18px;
}
h1, h2, h3, h4 {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 18px;
}
a {
color: #1a3553;
}
#content_1 {
 position: relative;
 overflow: visible;
 left: 167px; top: 307px; width: 280px; height: 300px;
 color: #868889;
 font-size: 11px;
 text-align: left;
 line-height: 16px;
}
#content_2 {
 position: relative;
 overflow: visible;
 left: 597px; top: 217px; width: 280px; height: 300px;
 color: #868889;
 font-size: 11px;
 text-align: left;
 line-height: 16px;
}
#content_3 {
 position: relative;
 overflow: visible;
 left: 87px; top: 377px; width: 280px; height: 300px;
 color: #868889;
 font-size: 11px;
 text-align: left;
 line-height: 16px;
}
#content_4 {
 position: relative;
 overflow: visible;
 left: 327px; top: 207px; width: 280px; height: 300px;
 color: #868889;
 font-size: 11px;
 text-align: left;
 line-height: 16px;
}
#content_5 {
 position: relative;
 overflow: visible;
 left: 232px; top: 162px; width: 280px; height: 300px;
 color: #868889;
 font-size: 11px;
 text-align: left;
 line-height: 16px;
}

#inhalt {
	left: 43px;
	top: 191px;
	width: 920px;
	height: 290px;
	overflow: scroll;
	position: absolute;
	color: #868889;
	font-size: 11px;
	text-align: left;
	line-height: 16px;
}

#content_6 {
 position: relative;
 overflow: visible;
 left: 30px; top: 157px; width: 950px; height: 300px;
 color: #868889;
 font-size: 11px;
 text-align: left;
 line-height: 16px;
}
#content_small {
 position: relative;
 overflow: visible;
 left: 17px; top: 227px; width: 980px; height: 20px;
 color: #c4c4c5;
 font-size: 9px;
 text-align: justify;
 line-height: 16px;
}
#content_small2 {
 position: relative;
 overflow: visible;
 left: 17px; top: 527px; width: 980px; height: 20px;
 color: #c4c4c5;
 font-size: 9px;
 text-align: justify;
 line-height: 16px;
}
#content_ref {
 color: #868889;
 font-size: 9px;
 line-height: 12px;
}
#content h1, #content h2, #content h3, #content p, #content ul, #content ol {
 margin: 10px 0;
}
#content ul, #content ol {
 padding: 0 20px;
}
#content h1 {
 font-size: 13px;
}
#content a {
 color: #1a3553;
 font-weight: bold;
}
#content a:hover {
 color: #9c9d9f;
}
#popup {
 position: absolute;
 overflow: visible;
 left: 20px; top: 10px; width: 440px; height: 413px;
 color: #0e264d;
 font-size: 11px;
 text-align: left;
 line-height: 16px;
}

/* grafik styles */

#flash {
 position: absolute; left: 7px; top: 127px; width: 998px; height: 500px;
}
#followus {
 position: absolute; left: 820px; top: 457px; height: 30px;
}
#headline_home {
 position: absolute; left: 142px; top: 277px; height: 30px;
}
#headline_reise {
 position: absolute; left: 487px; top: 187px; height: 30px;
}
#headline_verb {
 position: absolute; left: 297px; top: 177px; height: 30px;
}
#headline_ref1 {
 position: absolute; left: 227px; top: 177px; height: 30px;
}
#headline_ref2 {
 position: absolute; left: 607px; top: 177px; height: 30px;
}
#headline_kontakt {
 position: absolute; left: 357px; top: 287px; height: 30px;
}
#headline_beweise {
 position: absolute; left: 32px; top: 147px; height: 30px;
}
#logo {
 position: absolute; left: 720px; top: 7px; width: 240px; height: 75px;
}
#navi {
 position: absolute; left: 7px; top: 99px; width: 936px; height: 24px;
}
#impressum {
 position: absolute; left: 935px; top: 13px; height: 20px;
}
#nextpage {
 position: absolute; left: 867px; top: 477px; height: 20px;
}
#nextpage2 {
 position: absolute; left: 17px; top: 477px; height: 20px;
}
#facebook {
 position: absolute; left: 711px; top: 650px;
}
#skypeme {
 position: absolute; left: 300px; top: 300px;
}
#beauty {
 position: absolute; left: 20px; top: 20px; height: 208px; width: 346px;
}
#videos {
 position: absolute; left: 40px; top: 40px; height: 66px; width: 357px;
}
#demo {
 position: absolute; left: 25px; top: 120px; width: 960px; height: 528px;
}

/* CSS Drop Down Menu */

#menuh-container
	{
	position: absolute;		
	top: 416px;
	left: 390px;
	}

#menuh
	{
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size:1.6em;
	width:100%;
	float:left;
	margin:0em;
	margin-top:0em;
	}
		
#menuh a
	{
	text-align: left;
	display:block;
	white-space:nowrap;
	margin:0;
	padding:0.1em;
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: #1a3553;
	background-color: #d8dcd7;
	text-decoration:none;
	}
	
#menuh a:hover						/* menu on mouse-over  */
	{
	color: white;
	background-color: #1a3553;
	text-decoration:none;
	}	
	
#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	}

#menuh li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	width:85px;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {
 line-height: 1px;
 font-size: 1px;
 position: absolute;
 top: 0; left: 0;
}

.vscrollerbase {
 width:22px; 
 background: url(scrollbar.png) 0px 0px repeat-y;
}
.vscrollerbar {
 width: 22px;
 background: url(scrollbar.png) -22px 0px repeat-y;
/* following is the bit that allows us fixed height scrollbars */
 height: 50px !important;
/* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.*/

 background: url(scrollbar.png) -24px 0px repeat-y;
/* unfortunately, due to limitations of CSS, we cannot provide a color for the background when we are
using alpha images, thay have to be transparent.*/
}

.vscrollerbarbeg {height: 24px !important;width: 20px;background: url(scrollbar.png) -108px -32px no-repeat;}
.vscrollerbarend {height: 24px;width: 22px;background: url(scrollbar.png) -108px 0px no-repeat;}
.vscrollerbasebeg {width: 36px;height: 28px !important;background: url(scrollbar.png) -72px -28px no-repeat;}
.vscrollerbaseend {height: 28px;width: 36px;background: url(scrollbar.png)  -72px 0px no-repeat;}


/* * html .vscrollerbar {
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='scrollbar.png');
 background-image: none;
} */


/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
/* .hscrollerbase { height: 22px; }
.hscrollerbar { height: 22px; background-color: #84ADD6; }
*/
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
/*.vscrollerbar, .hscrollerbar {
 padding: 0px;
 z-index: 2;
} */

/* properties for scroller jog box, just in case */
.scrollerjogbox {
 width: 22px;
 height: 22px;
 top: auto; left: auto;
 bottom: 0px; right: 0px;
 background: #698AAA;
}


/* Scroll Bar Master Styling Ends Here */

.tx-pilmailform-pi1 .formtext {
 float: left; width: 160px;
}