body {margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  color: #333;
  font-size:70%;
	background: ;
	text-align: center;
	background:url(../images/constants/bgk.jpg) no-repeat center top #000;
	/* part 1 of 2 centering hack */
}

-->
p {line-height:140%; padding:5px 8px 5px 17px ; text-align:justify;}
h1 {color:#632019;margin: 0px;font-size:120%;  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;}
h2 {color:#632019;font-size:125%;font-family: Verdana, Geneva, Arial, helvetica, sans-serif;}
h3 {padding: 0px;margin: 0px 0 3px 0;color:#043e4d;font-size:110%; font-weight:lighter;font-family: Verdana, Geneva, Arial, helvetica, sans-serif;}
h4 {color:#043e4d;padding: 0px;margin: 0px;font-size:125%;font-family: Verdana, Geneva, Arial, helvetica, sans-serif;}
h5 {padding: 0px;margin: 0px 0 3px 0;color:#632019;font-size:105%; font-family: Verdana, Geneva, Arial, helvetica, sans-serif;}
h6 {padding: 0px;margin: 5px 0 3px 0;color:#043e4d;font-size:105%; text-transform:uppercase; font-family: Verdana, Geneva, Arial, helvetica, sans-serif;}

img {border:none;} 
	#flashcontent {	nothing: nil;margin:120px 0 0 0;}
	#flashcontent2 {	nothing: nil;}
/* ----------container zentriert das layout-------------- */
#container {width: 960px;padding:0px;margin: 0px;margin-left: auto;margin-right: auto; text-align:center;} 

#outer{padding:0; margin:0 } 

	#nav { float: right;list-style: none;   padding: 0px;margin:0px 0px 15px 0;}
	#nav li { float:left; padding: 0;display:block;margin:0}
	#nav li ul {position: absolute;left: -999em;height: auto;margin: 0;padding: 0;}
	#nav li li {padding: 0px 0 0 0; margin:0px 0 0 0}
	#nav li ul a {list-style: none;color:#FFF;}
	#nav li ul ul {	margin: 0px 0 0 0px;list-style: none;}
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;	}
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {	left: auto;list-style: none;}
	#nav li:hover, #nav li.sfhover {list-style: none; }	
	#nav li a, ul#nav li a:link, ul#nav li a:active, ul#nav li a:visited { display: block; padding: 0px 0px 0px 0px; text-align:left;list-style: none; }

a:link {color: #666;   text-decoration: none;}
a:visited {color: #666;text-decoration: none;}
a:hover {color: #009ED7;text-decoration: underline;}
a:active {color: #666;text-decoration: none;}
/* ----------banner for logo-------------- */
#banner {background: #FFFFFF url(images/constants/header.jpg) no-repeat;padding: 0px;margin: 0px; height:89px;width: 744px; }

div#header {width:960px; height:125px;margin:0px 0 0 0;padding: 0px 0 0 0px; text-align:left;}
					div#header img {padding: 0px  0 0 0px;}

div#flashcontent2 {margin:0 0 70px 0;padding:0px; text-align:left; float:left;}
					
#subnavli, #subnavli ul {float:left; text-align:right;margin:0 ; list-style: none;padding:30px 0 0 0px; width:100px; font-size:94%;}
#subnavli a {text-decoration: none; color:#7f7f7f;padding: 0 0px 0 0px; margin:0;text-align:right;}
#subnavli li {padding:0; margin:0;}
#subnavli li a:hover { text-decoration:underline;padding: 0 0px 0 0px; margin:0;}

#banner_img {padding:20px 0px  0px 0px ; border:none;float: left; width:220px;height:89px text-align:left;} 
#ad {float: right;margin: 0px;padding: 15px 0 0 0; text-align:left; width:485px;height:74px}


#flashplaya {text-align: right;padding: 0px;margin: 0px; width:960px;}

/* ----------outer und inner----------------- */

#inner{margin:0; width:100%;}
#content {margin:0; padding:5px 5px 5px 20px; text-align:center; font-size:95%;}





/* ----------rounded boxes----------------- */
div#aboutscr{float:left;width: 225px; height:368px; overflow:auto;
    padding: 0px;margin:0px 0px 0 0}

div#aboutscr2{float:left;width: 458px; height:368px; overflow:auto;
    padding: 0px;margin:0px 0px 0 0}


ul#about,ul#about li{list-style-type:none;margin:0;padding:0;}
ul#about{margin:5px auto 0;text-align:left;}
ul#about li{float:left;width: 225px; height:420px;
    padding: 0px;margin:8px 8px 0 0}
li#ab1{background: #b2d9e5}
li#ab2{background: #b2d9e5}
li#ab2 .img {margin:5px 0 0 11px; padding:0px;}
li#ab2 h2 {margin:0px 0 0 0px; font-size:125%; padding:0px;}
li#ab2 p {margin:0px 0 0 0px; padding:0px;}
li#ab3{background: #b2d9e5;margin:0px 0 0 0px; padding:0px;}
li#ab3 p {margin:5px 0 0 0; padding:0px;}
li#ab4{background: #b2d9e5}
li#ab5{background: #b2d9e5}
li#ab6{background: #FFF;color: #000}
li#ab7{background: #000;color: #FFF}
ul#aboutw,ul#aboutw li{list-style-type:none;margin:0;padding:0;}
ul#aboutw{margin:5px auto 0;text-align:left;}
ul#aboutw li{float:left;width: 458px; height:416px;
    padding: 0px;margin:8px 8px 0 0}

ul#aboutwide,ul#aboutwide li{list-style-type:none;margin:0;padding:0;}
ul#aboutwide{margin:5px auto 0;text-align:left;}
ul#aboutwide li{float:left;width: 690px; padding: 0px 10px 0 0;margin:8px 8px 0 0}	

ul#aboutwi,ul#aboutwi li{list-style-type:none;margin:0;padding:0;}
ul#aboutwi{margin:5px auto 0;text-align:left;}
ul#aboutwi li{float:left;width: 458px; padding: 0px;margin:8px 8px 0 0}
ul#abouti,ul#abouti li{list-style-type:none;margin:0;padding:0;}
ul#abouti{margin:5px auto 0;text-align:left;}
ul#abouti li{float:left;width: 225px; height:740px; padding: 0px;margin:8px 8px 0 0}

ul#aboutwic,ul#aboutwic li{list-style-type:none;margin:0;padding:0;}
ul#aboutwic{margin:5px auto 0;text-align:left;}
ul#aboutwic li{float:left;width: 458px; height:416px;padding: 0px;margin:8px 8px 0 0}

ul#aboutc,ul#aboutc li{list-style-type:none;margin:0;padding:0;}
ul#aboutc{margin:5px auto 0;text-align:left;}
ul#aboutc li{float:left;width: 225px; height:940px; padding: 0px;margin:8px 8px 0 0}

ul#aboutwidg, ul#aboutwidg li{list-style-type:none;margin:0;padding:0;}
ul#aboutwidg{margin:5px auto 0;text-align:left;}
ul#aboutwidg li{float:left;width: 330px; height:368px;padding: 0px;margin:8px 8px 0 20px}

/* ----------content boxes----------------- */

#vidhouse {padding: 5px 0 0 1px;margin: 5px 0 0 5px; width:213px; height:170px; text-align:center;bac_kground: url(images/constants/back_v.gif) no-repeat }

.cowide {float: left;padding: 2px 0px 2px 17px; width:441px;text-align: left;color:#632019;font-size:125%;margin:10px 0 0px 0;background: #8ec6d9; font-size:95%}
.co415nav {float: left;padding: 5px 8px 5px 5px; width:400px; text-align: left;margin:15px 0 25px 17px; text-transform:uppercase;color: #990000;border-top: #8ec6d9 solid 1px; border-bottom: #8ec6d9 solid 1px; }
.co415 {float: left;padding: 0 3px 0 17px; width:400px;text-align: left;margin:5px 0 3px 0;}


.co180 {float: left;padding: 0 8px 0 17px; width:180px;text-align: left;margin:5px 0 5px 0;}
.co188 {float: left;padding: 0 6px 0 11px; width:195px;text-align: left;margin:10px 0 5px 0;}

.co188items {float: left;padding: 0 8px 0 11px; width:188px;text-align: left;margin:3px 0 2px 0;}

.co188g {float: left;padding: 0 8px 0 17px; width:188px;text-align: left;margin:10px 0 10px 0;}

.co150 {float: left;padding: 0 5px 0 17px; width:140px;height:10px;text-align: left;margin:5px 0 0 0; font-weight:bold;color:#043e4d;}
.co100s {float: left;padding: 0 5px 0 5px; width:90px;height:10px;text-align: left;margin:5px 0 0 0;}
.co100g {float: left;padding: 0 5px 0 5px; width:160px;height:20px;text-align: left;margin:5px 0 0 0;}
.co100p {float: left;padding: 0 8px 0 10px; width:127px;	text-align: left;margin:0px 0 0 0;}
.co100o {float: left;padding: 0 8px 0 17px; width:120px;	text-align: left;margin:0px 0 0 0;}
.co100o a {text-transform:uppercase;color: #990000; font-size:90%}
.co83o {float: left;padding: 0 8px 0 10px; width:132px; text-align: left;margin:10px 0 0 0;}
.co100 {float: left;padding: 0 8px 0 5px; width:120px;height:82px;text-align: left;margin:10px 0 0 0;}
.co83 {float: left;padding: 0 8px 0 17px; width:72px; height:82px;text-align: left;margin:10px 0 0 0;}
.co180 a:link {color: #990000;   text-decoration: none;}
.co180 a:visited {color: #990000;text-decoration: none;}
.co180 a:hover {color: #990000;text-decoration: underline;}
.co180 a:active {color: #990000;text-decoration: none;}

.co415nav a:link {color: #990000;   text-decoration: none;font-weight:bold;padding: 15px 5px 5px 5px;}
.co415nav a:visited {color: #990000;text-decoration: none;font-weight:bold;padding: 15px 5px 5px 5px;}
.co415nav a:hover {color: #990000;text-decoration: underline;font-weight:bold;padding: 15px 5px 5px 5px;}
.co415nav a:active {color: #990000;text-decoration: none;font-weight:bold;padding: 15px 5px 5px 5px;}

.co180 img {margin: 3px 0 3px 0 }
#browse {margin:5px 0 0 12px;background: url(images/constants/browse.gif) no-repeat; width:195px; height:40px; color:#b2d9e5; padding: 0px 0 10px 5px;} 

/* ----------lightbox gallery---------------- */
#thumb {margin:10px 0 0 0;text-align: left; }
		#thumb img {width: 150px;height: 90px;margin:0px 5px 10px 10px;}
	#lightbox{position: absolute;top: 40px;left: 0;width: 100%;	z-index: 100;text-align: left;line-height: 0; 	}
	#lightbox a img{ border: none;}
	#outerImageContainer{position: relative;background-color: #000;width: 250px;height: 250px;margin: 0 auto;}
	#imageContainer{padding: 10px;}
	#loading{position: absolute;top: 40%;left: 0%;height:100%;width: 100%;text-align: center;line-height: 0;}
	#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
	#imageContainer>#hoverNav{ left: 0;}
	#hoverNav a{ outline: none;}
	#prevLink, #nextLink{width: 49%;height: 100%;background: url('../images/constants/blank.gif') no-repeat; /* Trick IE into showing hover */display: block}
	#prevLink { left: 0; float: left;}
	#nextLink { right: 0; float: right;}
	#prevLink:hover, #prevLink:visited:hover { background: url('../images/constants/prevlabel.gif') no-repeat left 15%; }
	#nextLink:hover, #nextLink:visited:hover { background: url('../images/constants/nextlabel.gif') no-repeat right 15%; }
	#imageDataContainer{background-color: #000;	margin: 0 auto;	line-height: 1.4em;	}
	#imageData{	padding:0 10px;}
	#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
	#imageData #caption{ margin:0px;}
	#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}			
	#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;}	
	#overlay{position: absolute;top: 0;	left: 0;z-index: 90;width: 100%;height: 500px;background-color: #10aaf0;filter:alpha(opacity=60);-moz-opacity: 0.6;	opacity: 0.6;	}	
	.clearfix:after {content: "."; display: block; 	height: 0; 	clear: both; 	visibility: hidden;	}
	* html>body .clearfix {	display: inline-block; 	width: 100%;}* html .clearfix {	/* Hides from IE-mac \*/height: 1%;/* End hide from IE-mac */}	
	

/*  ----------------form elements---------------------- */ 

.submitbutton{width: 90px;font-weight: bold;border: #273794 solid 1px; background:#FF7F00;font:"Arial", Helvetica, sans-serif; color:#FFF;}
select{width: 160px; border: #CCC solid 1px; font:"Verdana", Helvetica, sans-serif; text-transform:uppercase; font-size:95%; color:#043e4d; margin: 22px 0 0 0; }
input{width: 200px;border: #273794 solid 1px; font:"Verdana", Helvetica, sans-serif; }




/*  ----------------footer---------------------- */ 
#footer {clear:left;padding:10px 10px 0px 0;margin:0px 0 0 0 ;text-align: right; background: #FFF url(images/constants/footer.gif) no-repeat; height:80px;} 
#f_left{text-align:right}
#f_right{text-align:right;color: #666; text-transform:uppercase;font-size:90%;padding:0px 20px 0px 0;}
		#f_right a {padding:15px 0 0 0;}

#footnav, #footnav ul {margin:0 0 0 24px;text-align: left;display: block; padding: 0; list-style: none;}
#footnav a {display:block;font-size:95%;text-decoration: none;padding-top: 0px;padding-left: 15px;padding-right: 15px;padding-bottom: 0px;border-right-width: 1px;border-right-style: solid;border-right-color: #666;color: #666}
#footnav li {float:left;}
#footnav li a:hover {display:block;text-decoration:underline;}Ô_6http://www.themanisalive.com/test/scripts/prototype.jsOúbplist00Ô