@charset "UTF-8";
/* CSS Document */

/* Architour Main CSS */
/* Author: E.Pesendorfer */
/* kohlenstoff.at */

body, html { height: 100% !important; padding: 0; margin-bottom: 1px;}

body{
	font-size: 62.5%;	
	line-height: 1.25em;
	font-family: Verdana, Geneva, sans-serif;
}


  /*********************************/
 /********* BEGIN:Globals *********/
/*********************************/

a:link{text-decoration: none; color: #333;}
a:visited{text-decoration: none; color: #333;}
a:active{text-decoration: none; color: #000;}
a:hover{text-decoration: none; color: #000;}

h1, h2, h3, p{margin: 0em 0em .2em 0em;}

h1{font-size: 1.5em; font-weight: bold; line-height: 2em;}
h2{font-size: 1.2em; font-weight: bold; line-height: 1.3em; color: #222;}
h3{font-size: 0.9em; color: #333;}
h4{font-size: 0.8em;}
h5{font-size: 0.6em; font-weight: bold; margin: 0em 0em 2em 1em;}

#header noscript {position: absolute; display: block; width: 100%; padding: 5px 0px;background: #fff; border: 2px #333 solid; border-top: 0px; z-index:10; -webkit-border-bottom-left-radius: .9em; -webkit-border-bottom-right-radius: .9em; -moz-border-radius: 0em 0em .9em .9em;}
#header noscript h3{text-align: center; color: #F00; font-weight: bold; width: 80em; float: left;}
#header noscript h3 a{color: #F00; text-decoration:underline;}
#header noscript h3 a:visited{color: #F00;}
#header noscript h3 a:hover{color: #333;}
#header noscript h3 a:active{color: #000;}

#noscript_hide{background: #444; float: right; width: 10em; font-size: .9em; color: #fff; padding: .2em .5em; -moz-border-radius: .5em 0em 0em .5em; -webkit-border-bottom-left-radius: .5em; -webkit-border-top-left-radius: .5em; }

ul{ list-style: disc; margin: 0em 0em; padding: .5em 1em;}
ol{ list-style: decimal; margin: 0em .5em; padding: .5em 1em;}

td{vertical-align: top;}

p{margin: 0em 0em 1em 0em;}

label{cursor: pointer;}
label:hover{background: #eee;}

input{border: .1em #999 solid; margin: .2em 0em; width: 15em; font: 1em Verdana, Geneva, sans-serif;}
input:focus{border: .1em #000 solid; margin: .2em 0em;}

textarea{border: .1em #999 solid; margin: .2em 0em; width: 15em; font: 1em Verdana, Geneva, sans-serif;}
textarea:focus{border: .1em #000 solid; margin: .2em 0em;}

.button{ 
		display: inline-block;
		width: auto;
		height: auto;
		margin: .2em 0em;
		padding: .2em .9em;
		background: #ccc;
		border: 0px; 
		text-decoration: none;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 0.7em;
		line-height: 1.4em;
		color: #000;
		cursor: default;
		-moz-border-radius: 0em .5em .5em .5em; /** MOZILLA **/ 
		-webkit-border-radius: 0em .5em .5em .5em; /** Webkit (Safari x.x), KHTML (Konqueror x.x) **/
		-webkit-border-bottom-right-radius: .5em; /** Webkit (Safari 4.x) **/
		-webkit-border-top-right-radius: .5em; /** Webkit (Safari 4.x) **/
		-webkit-border-bottom-left-radius: .5em; /** Webkit (Safari 4.x) **/
	}

.red{background-color: #c33; color: #fff;}
.green{background-color: #363; color: #fff;}

.small{font-weight: normal; font-size: 0.7em;}
.bold{font-weight: bold;}

/* float Contianer autosize with (inside)float-elements */
.addClear:after{
	content: "."; 
	display: block;
	height: 0; 
	clear: both; 
	visibility: hidden;
}

  /*********************************/
 /********* BEGIN:Grid ************/
/*********************************/

.wrapper_margins {
  	position:relative !important;
  	min-height:100%; /* real browsers */
  	height: auto !important;
  	font-size: 1.2em;
	
}

* html .wrapper_margins { height:100% !important; }

.wrapper {
	position: relative;
	padding-bottom: 6em; /* make space for footer (must be more than footer-height */	
	text-align:left; 
	}

/********* BEGIN:Header **********/

#header{
	position: relative; 
	background: url(../images/header.jpg) top repeat-x; 
	height: 205px;
	}
	
#header_active{
	position: relative;
	background: url(../images/header_center.jpg) no-repeat center;
	height: 205px; 
	width: 1000px; 
	margin: 0px auto;
	}

a.header_link_home{position: absolute; top: -1px; display: block; width: 250px; height: 195px; float: left; margin-left: 50px;}
a.header_link_home:hover{background: url(../images/home_link.jpg) no-repeat 0 1px;}

#header_nav{
	position: relative;
	float: right;
	display: inline;
	height: auto; 
	margin: 37px 61px 0px 0px;
}
	
#top_menue{
	position: relative;
	float: right;
	height: 170px; 
	width: 146px;
	padding: 20px 0 0 0; 
	background: url(../images/top_menue.png) no-repeat bottom;
	}	
#top_menue ul{
	z-index: 400;
	position: relative;
	display: block;
	padding: 0; 
	margin: 0;
	}
#top_menue li{position: relative; display: block; list-style-type: none; padding: 0 0 0 10px; margin: 0 0 0 1px; border-top: 1px dotted #ff9797; width: 130px; height: 30px;}
#top_menue li:first-Child{border: none;}
#top_menue a{position: relative; display: block; height: 30px; width: 121px; z-index: 4000;}

#top_menue li a span{display: none;}
#top_menue a.games{background: url(../images/top_menue_games.gif) no-repeat top;}
#top_menue a.games:hover{background: url(../images/top_menue_games_h.gif) no-repeat top;}	
#top_menue a.flug{background: url(../images/top_menue_flug.gif) no-repeat top;}
#top_menue a.flug:hover{background: url(../images/top_menue_flug_h.gif) no-repeat top;}
#top_menue a.menue{background: url(../images/top_menue_menue.gif) no-repeat top;}
#top_menue a.menue:hover{background: url(../images/top_menue_menue_h.gif) no-repeat top;}
#top_menue a.audio{background: url(../images/top_menue_audio.gif) no-repeat top;}
#top_menue a.audio:hover{background: url(../images/top_menue_audio_h.gif) no-repeat top;}
#top_menue a.film{background: url(../images/top_menue_film.gif) no-repeat top;}
#top_menue a.film:hover{background: url(../images/top_menue_film_h.gif) no-repeat top;}


/********* BEGIN:Main ***********/

#main{
	position: relative; 
	text-align: center;
	height: auto;
	}
	
#center{
	position: relative; 
	width: 55em;
	margin: 0px auto;
	margin-bottom: 2.35em;
	text-align:left; 
	padding: 0em;
	line-height: 1.2em;
	font-size: 1.3em;
}

/********* BEGIN:footer **********/


#footer {
    position:relative !important;
    min-width: 74em;
    margin: 0 auto;
    margin: -10.9em 0 auto; /*  #footer to its position corresponding to .wrapper "padding-bottom: ... " */
    background: #7aaee1;
	height: auto !important;
	height: 9em;
	text-align: center;
  }

  #footer_content {
    text-align: left;
    color:#666;
    padding: 1em 2em;
    margin: 0 auto;
	height: 9em;
	width: 55em;
	font-size: 1em;
  }

#footer_content ul{list-style: none; margin: 0 auto;}
#footer_content ul li a{display: block; color: #fff; text-decoration: none; padding: .3em; width: 10em;}
#footer_content ul li a:hover {color: #333; text-decoration: underline;}

#footer_1, #footer_1_2, #footer_2, #footer_3, #footer_4{display: block; float: left; color: #fff; width: 8em;}
#footer_1{width: 10em;}
#footer_2{width: 15em;}
#footer_3{width: 17em;}
#footer_4{width: 5em;}

#footer_4 img{float: left; clear: both; margin: 1.5em 0em 0em 2em;}

  /*********************************/
 /********* BEGIN:Start ***********/
/*********************************/

#start{
	width: 679px;
	margin: 1em 0em 3em 0em;
	float: left;
	}

#start a{display: block; float: left; cursor: pointer; margin: 0; padding: 0; background-repeat: no-repeat; background-image: url(../images/start/sprite.jpg);}

/*a.start_3d{background: url(../images/start/3d_a.jpg); width:184px; height:445px;}
a.start_3d:hover{background: url(../images/start/3d_b.jpg);}

a.start_audio{background: url(../images/start/audio_a.jpg); width:196px; height:191px;}
a.start_audio:hover{background: url(../images/start/audio_b.jpg);}

a.start_film{background: url(../images/start/filme_a.jpg); width:271px; height:191px;}
a.start_film:hover{background: url(../images/start/filme_b.jpg);}

a.start_game{background: url(../images/start/games_a.jpg); width:196px; height:254px;}
a.start_game:hover{background: url(../images/start/games_b.jpg);}

a.start_menue{background: url(../images/start/menue_a.jpg); width:271px; height:254px;}
a.start_menue:hover{background: url(../images/start/menue_b.jpg);}*/


a.start_3d{background-position: 0 -445px; width:184px; height:445px;}
a.start_3d:hover{background-position: 0 0;}

a.start_audio{background-position: -184px -445px; width:196px; height:191px;}
a.start_audio:hover{background-position: -184px 0px;}

a.start_film{background-position: -379px -445px; width:271px; height:191px;}
a.start_film:hover{background-position: -379px 0px;}

a.start_game{background-position: -184px -636px; width:196px; height:254px;}
a.start_game:hover{background-position: -184px -191px;}

a.start_menue{background-position: -379px -636px; width:271px; height:254px;}
a.start_menue:hover{background-position: -379px -191px;}



  /*********************************/
 /********* BEGIN:Menue ***********/
/*********************************/

#menue{
	width: 31em;
	height: auto;
	padding: 1em 0.2em 0em 0.2em;
	margin: 0 auto; 
	}

.menue_wrapper{
	background: #fff;
	width: auto;
	float: left;
	clear: both;
	margin: .0em .0em;
	}

  /*********************************/
 /********* BEGIN:Imprint *********/
/*********************************/

#imprint{width: 55em; margin: 0 auto; font-size: 0.7em;}
#imprint h1{margin: 0em 0em 3.5em 0em;}
#imprint h2{font-size: 0.9em; margin: 3em 0em .5em 0em;}
#imprint_text{width: 28em; float: left; padding: 3em 0em; }
#imprint_text ul {list-style: none; margin: 0em 0em 1em 0em; padding: 0;}
#imprint_text img{float: left; clear: left; margin: .5em 0em;}
#sponsors{width: 18.5em; float: right; margin: 5.6em 0em 1em 0em; padding: 0em 0em 0em 1.9em; border-left: .1em dashed #ccc;}
#sponsors a{display: block; float: left; margin: .5em 0em; border: .1em #fff solid; float: left; clear: left; opacity: .5;}
#sponsors a:hover{border: .1em #666 solid; opacity: 1;}

  /*********************************/
 /********* BEGIN:Contact *********/
/*********************************/

#contact{
	width: 20em;
	margin: 0 auto;
	margin-top: 2em;
	margin-bottom: 8em;
	}
	
#contact h2{margin: 1em 0em;}

#contact input, #contact label, #contact textarea{font-size: .8em; width: 20em;} 

  /*********************************/
 /********* BEGIN:About ***********/
/*********************************/

#about{width: 50em; margin: 0 auto; padding: 3em 3em 4em 0em; font-size: 0.8em; color: #666; background: #fff;}
#about h2{font-size: 1em; margin: .5em 0em;}
#about_architour{background: #fff; width: 20em; float: left; padding: 2em 3em 2em 2.3em; margin: 0em 2em 1em 0em; color: #666;}

  /*********************************/
 /********* BEGIN:Sitemap *********/
/*********************************/

#sitemap{width: 48em; margin: 0 auto; padding: 0 0 4em 0; font-size: 0.8em;}

#sitemap_1, #sitemap_2, #sitemap_3{
	float: left;
	width: 14em;
	margin: 3em 1em 1em 1em; 
	}

#sitemap ul{
	list-style-type: none;
	list-style: none;
	margin: 0; 
	padding: .5em 0em;
	}
	
#sitemap li{
	margin: .5em 0em;
	background: url(../images/link.jpg) no-repeat left;
	padding: 0em 0em 0em 1.5em;
	}

#sitemap a:hover{text-decoration: underline;}

  /*********************************/
 /********* BEGIN:Details *********/
/*********************************/

#detail_adds{position: relative; width: 900px; height: 70px; margin: 0 auto;}
#back_button{position: absolute; top: -13px; left: -25px;}
#timeline{position: absolute; top: -50px; left:140px;}
#timeline_dates{position: absolute; top: 19px; left:255px; text-align: center; font-weight: bold;}
#timeline_dates div{display: block; position: absolute; width: 60px; text-align: center;}
#timeline_dates div a{cursor: pointer;}
.date_pre_2{left: 0px; font-size: 10px;}
.date_pre_1{left: 65px;}
.date_this{left: 145px; font-weight: bold; font-size: 18px;}
.date_post_1{left: 220px;}
.date_post_2{left: 290px; font-size: 10px;}

#timeline_dates a:hover{color: #06C;}

#detail_left, #detail_right{
	float: left; 
	margin: 0; 
	padding: 0em 0.5em;
}

#detail h1, #film h1{font-variant: small-caps; color: #000; width: 12.05em;}
#detail h1 img{margin: 0em 0em 1em 0em; width: 100%;}

#detail_data{width: 22em; padding: 2em 0em 1em 0em;}
#detail_table{background: url(../images/detail/data_back.jpg) top; border: .1em #ccc solid; border-top: 0em;}
#detail_data table{width: 20.2em; float:left; border-top: .1em #ccc solid; padding: .5em .4em;}
#detail_data table tr{color: #000; font-size: 0.8em;}
#detail_data table td{padding: .3em .3em;}
#detail_data table td img{margin: 0em .3em 0em 0em;}
#detail_data ul{padding: 0; margin: 0; list-style: none; list-style-type: none;}
#detail_data li{margin: 0em 0em .3em 0em; border-bottom: 0em solid #ccc;}
#detail_data_rborder{float: right; }
#image_wrapper{position: absolute; width: 1.7em; left: 24.3em;}
#detail_data_rborder img{width: 100%;}

#detail_left{padding-left: 4em; width: 24em; margin: 1em 0em 0em 0em;}

#detail_text{
	margin: 0em 3em 1.5em 0em;
	padding: 1em 0em 0em 0em;
	font-size: 0.8em;
	line-height: 1.6em;
	text-align: left;
}

.detail_text_open{
	margin: 1.5em 0em 1em 0em; 
	cursor: pointer;
	font: bold 1em Verdana, Geneva, sans-serif; 
	color: #11497e;
}

.detail_text_open_hover{
	margin: 1.5em 0em 1em 0em;
	cursor: pointer;
	font: bold 1em Verdana, Geneva, sans-serif; 
	color: #11497e;
}

.detail_text_open > span{
	cursor: pointer;
	font: 1em Verdana, Geneva, sans-serif; 
	color: #11497e;
}

.detail_text_all{
	padding: 1em 0em 0em 0em;
}

#detail_img{width: 20.05em; margin: 0em 0em 2em 0em;}					  
#detail_img img{ width: 100%;}/* making images resize with their containers*/


  /*********************************/
 /********* BEGIN:MediaLinks ******/
/*********************************/

.detail_link{
	width: 19em; 
	background: #11497e;
	height: auto;
	padding: 0.4em .5em 0.2em .5em;
	margin: 0.5em 0em;
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em; /** Webkit (Safari 4.x) **/
}

.detail_link_hover{
	width: 19em; 
	background: #f4ca76;
	height: auto;
	padding: 0.4em .5em 0.2em .5em;
	margin: 0.5em 0em;
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em; /** Webkit (Safari 4.x) **/
}

.detail_link h2{color: #fff;}
.detail_link_hover h2{color: #fff;}

.media_link{cursor: pointer;}

#film_inner{
	padding: 1em 0em;
	}
	
#film_inner p{
	padding: 0em .8em;
	}
	
#pano_inner{
	padding: 1em 0em;
	}
#pano_info img{
	float: left; 
	clear: left;
	margin: 0em .3em;
	}
.pano_info{
	font-size: 0.8em;
	float: left; 
	width: 18em;
	}
#foto_inner{ 
	padding: 1em 0em;
	}
#foto_inner img, #pano_inner #prev img, #film_inner img{margin: .4em; border: .2em solid #333; width: 80px;}
#foto_inner img:hover, #pano_inner #prev img:hover, #film_inner img:hover{border: .2em solid #fae9b3;}

  /*********************************/
 /********* BEGIN:Film ************/
/*********************************/

#the_film{
	margin: 3em 0em 0em 0em; 
	width: 55em;
	
	}
	
#the_player{
	width: 52.345em;
	margin: 0em auto;
	background: #fff;
	text-align: center;
	border: 0em  #eee solid;
	padding: .5em 0em;
	}

#film_meta{
	margin: 2em 0em 6em 0em; 
	padding: 0em 2em 0em 2em;
	}
	
#film_options{
	float: right; 
	margin: 0em 0em 0em 0em;
	padding: 1em;
	border: .2em solid #eee; 
	width: 22em; 
	}
	
#film_options a{
	background: url(../images/link.jpg) no-repeat left top;
	padding: 0em 0em 0em 1.3em;
	}

  /*********************************/
 /********* BEGIN:3d   ************/
/*********************************/

#unity_player{
	float: left;
	width: 45em;
	margin: 0em auto;
	margin-top: 1.5em;
	margin-bottom: 2em;
	margin-left: 6em;
	text-align: center;
	border: .5em #eee solid;
	padding: .1em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	}
	
#unity_load{
	text-align: center;
	padding: 2em 2em .5em 2em;
	}
	
#unity_info{
	float: left; 
	width: 7em;
	margin: 3em 0em 0em 0em;
	padding: 2em 0em 2em 0em;
	background: #eee; 
	-moz-border-radius: 0em 2em 2em 0em;
	-webkit-border-top-right-radius: 2em;
	-webkit-border-bottom-right-radius: 2em;
	text-align: center;
	}

  /*********************************/
 /********* BEGIN:Games  **********/
/*********************************/

#game{margin: 3em 0 7em 0;}
.games a{display: block; height: 75px; margin: .3em 0 0 0;	}
.game_title{margin: 1em 0 1em 0; float: left; clear: both;}
.game_info{font-family: Verdana; font-size: 0.7em; line-height: 1.6em; width: 360px; height: 210px; float: left; margin: 0 1em 0em 0 ; background-image: url(../images/detail/data_back.jpg); border: 1px solid #A0A0A0; padding: 20px; clear: left;}
.game_info small{color: #666; line-height: 1.5em;}
.game_screen{float: left; border: 1px solid #A0A0A0;}
#game_object{margin: 2em 0 6em 0; text-align: center;}

  /*********************************/
 /********* BEGIN:Audio  **********/
/*********************************/

#audio{margin: 3em 0 7em 0;}
.soundguy{margin: 0 0 0 0; float: left; margin: 0 0 0 -2.5em;}
.mp3{font-family: Verdana; font-size: 0.6em; line-height: 1.6em; width: 370px; float: left; padding: 22px 20px;}
#audio p a{font-size: 2em; padding: 0 0 0 18px;}
#audio p a:hover{text-decoration: underline; background: url(../images/downl.gif) left no-repeat;}
.mp3 small{padding: 0 0 0 18px;}
	

  /*********************************/
 /********* BEGIN:Film List  ******/
/*********************************/

.filmlist a{display: block; height: 65px; margin: 0 0 .2em 0;}
	

  /*********************************/
 /********* BEGIN:Comments ********/
/*********************************/

#comments, #comments_latest3{
	padding: 0em 0em 2em 0em;
	float: left;
	width: 20em;
	height: auto;
	}
	
.comments_open{
	position: relative; /*needed by IE to display the slides correctly!*/
	margin: 1em 1em 0em 0em;
	cursor: pointer;
	font: bold 1em Verdana, Geneva, sans-serif; 
	color: #11497e;
	width: 25em;
}

.comments_open_hover{
	position: relative; /*needed by IE to display the slides correctly!*/
	margin: 1em 1em 0em 0em;
	cursor: pointer;
	font: bold 1em Verdana, Geneva, sans-serif; 
	color: #11497e;
	width: 25em;
}

.comments_open_status{
	font-size: .5em;
	}

#comments_new{
	padding: 1em 0em;
	width: 21em;
	margin-bottom: 2em;
}

#comments_new input{color: #444;}
#comments_new textarea{color: #444;}
.url{display:none; visibility:hidden;}

#error{
	position: relative;
	background: #C33;
	margin: 0em 0em 1em 0em;
	padding: .5em .3em;	
	font-size: 0.8em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em; /** Webkit (Safari x.x) **/
}

#error ol{
	list-style: none;
	margin: 0em;
	}
	
#error ol li{
	background: url(../images/attention.png) left no-repeat;
	color: #fff;
	margin: .5em 0em .5em 0em;
	padding: 0em 0em 0em 1.4em;
	line-height: 0.9em;
	}

.error_click{ 
	margin: .5em .5em;
	display:block; 
	text-align: center; 
	background: #fff; 
	border: .1em solid #333;
	color: #333;
	cursor: pointer;
}

/** show the comments: **/
	
#comments ul, #comments_latest3 ul{
	list-style-type: none; 
	list-style:none; 
	padding: 0; 
	margin: 0;
	}

#comments_latest3{ /** 4 latest comments at homepage**/
	width: 9em;
	margin: 6em 0em 0em .5em; 
	padding: 0em 0em 0em 0em;
	border-left: .15em solid #fae9b3;
	color: #11497e;
	}

	
#comments li, #comments_latest3 li{
	position: relative; 
	width: 22em; 
	height: auto;
	margin: 0em 0em 2em 0em;
	}
	
.comment_left{
	float:left; 
	width: 12.2em; 
	padding: 0; 
	margin: 0em 0em 0em 0em; 
	background: #fefade; 
	height: auto;
	}

#comments_latest3 li{
	display: block;
	width: 9.5em;
	margin: 0em;
	border: .15em #fff solid; 
	border-left: 0;
	}

#comments_latest3 .li_hover{
	background: #fefade; 
	border: .15em #fae9b3 solid; 
	border-left: 0; 
	-moz-border-radius: 0em .5em .5em 0em;
	-webkit-border-top-right-radius: .5em;
	-webkit-border-bottom-right-radius: .5em;
	cursor: pointer;
	}

#comments li p, #comments_latest3 li p{
	font-size: 0.8em; 
	margin: 0em; 
	padding: .5em .5em .8em .8em; 
	font-style: italic; font-family: "Comic Sans MS", cursive; 
	border: .5em solid #fae9b3; 
	border-bottom: 0; 
	border-top: 0;
	}


#comments_latest3 li p{
	padding-left: 1em;
	}

#comments_latest3 li a{
	color: #333;
	}
	
	
#comments_latest3 li p span{  /** 4 latest comments at homepage**/
	font: 1em normal Verdana, Geneva, sans-serif; 
	color: #666; 
	border-top: .1em dashed #ccc; 
	margin: 0em; 
	display: inline-block; 
	float: left;
	clear: both;
	width: 8.5em;
	background: url(../images/comments/comment_latest.gif) no-repeat 0em .65em; 
	padding: .2em 0em .3em 1.8em;
	}
	

.comment_left_img img{width: 100%;}

.comment_right{float: right; width: 12.52em; padding: 0.3em 0em; font-size: 0.7em; font-family:Verdana, Geneva, sans-serif; color: #666;}
#comments h2{font-size: .9em; font-weight: bold; line-height: .8em; color: #333; background: url(../images/comments/comment_name.jpg) no-repeat 0em 0em; padding: .4em 0em .4em 2em;}

.comment_date{display: block; width: 7em; height: 2.5em; background: url(../images/comments/comment_date.jpg) no-repeat 0em .4em; padding: 0em 0em 0em 1.7em;}
.comment_date_day{float: left; font-size: 2em; margin: 0em .2em 0em 0em; border-right: .05em solid #ccc; line-height: 1em; color: #999;}
.comment_date_month{float: left; line-height: 1em; margin: .0em 0em .05em 0em;}
.comment_date_year{float: left; line-height: 1em}

.comment_time{line-height: .6em; font-style:italic; background: url(../images/comments/comment_time.jpg) no-repeat; padding: 0em 0em .2em 1.7em;}

#comments_nav{font-size: 0.8em; height: 2em; padding: 2em 3em 0em 0em;}
#comments_more a{float: right; background: url(../images/comments/comment_more.gif) no-repeat right; padding: 0em 1.6em .4em 0em;}
#comments_more a:hover{background: url(../images/comments/comment_more_hover.gif) no-repeat right;}
#comments_less a{float: left; background: url(../images/comments/comment_less.gif) no-repeat left; padding: 0em 0em .4em 1.6em;}
#comments_less a:hover{background: url(../images/comments/comment_less_hover.gif) no-repeat left;}