@charset "UTF-8";



/* pt-serif-regular - latin-ext */
@font-face {
    font-family: 'PT Serif';
    font-style: normal;
    font-weight: 400;
    src: local(''),
    url('https://www.filmtipps.at/skin/fonts/pt-serif-v17-latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('https://www.filmtipps.at/skin/fonts/pt-serif-v17-latin-ext-regular.woff') format('woff'), /* Modern Browsers */
    url('https://filmtipps.at/skin/fonts/pt-serif-v17-latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('https://filmtipps.at/skin/fonts/pt-serif-v17-latin-ext-regular.woff') format('woff'); /* Modern Browsers */

}
/* pt-serif-700 - latin-ext */
@font-face {
    font-family: 'PT Serif';
    font-style: normal;
    font-weight: 700;
    src: local(''),
    url('https://www.filmtipps.at/skin/fonts/pt-serif-v17-latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('https://www.filmtipps.at/skin/fonts/pt-serif-v17-latin-ext-700.woff') format('woff'), /* Modern Browsers */
    url('https://filmtipps.at/skin/fonts/pt-serif-v17-latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('https://filmtipps.at/skin/fonts/pt-serif-v17-latin-ext-700.woff') format('woff'); /* Modern Browsers */

}





/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('https://www.filmtipps.at/skin/fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://www.filmtipps.at/skin/fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       url('https://filmtipps.at/skin/fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://filmtipps.at/skin/fonts/open-sans-v34-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */

}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('https://www.filmtipps.at/skin/fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://www.filmtipps.at/skin/fonts/open-sans-v34-latin-700.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       url('https://filmtipps.at/skin/fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://filmtipps.at/skin/fonts/open-sans-v34-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/*
Browser Resets
***********************************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0; outline: none;}
table { border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
ul { list-style-type:none;} 


/*
General
***********************************************************/

body {
/*background: #fefefe;*/
font-family: "Open Sans", sans-serif;	

font-size: 13.63636302947998px;
line-height: 22px;
text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; 

}


/*
Tags
***********************************************************/

h1, h2, h3, h4, h5 { font-weight: bold; font-family: "Open Sans", sans-serif;}
p {font-size:16px; line-height:28px; color:#131313; margin-bottom:15px; font-family: 'PT Serif', serif;}


a, a:active, a:visited { color:#111; text-decoration: none;}
a:hover { color:#FFF; background-color:#222;}

h1 { color: #333; font-size: 20px; line-height: 1.5em; margin-bottom: 18px;}
h2 { color: #333; font-size: 18px; line-height: 1.05em; margin-bottom: 5px;}
h3 { color: #333; font-size: 24px; line-height: 1.5em; margin-bottom: 20px;}
h4 { color: #555; font-size: 16px; line-height: 1.5em;}
h5 { color: #333; font-size: 16px; font-weight: bold; margin-bottom:5px;}




/*
Tag Classes
***********************************************************/
.clear {clear: both;}
.left{float:left;}
.right {float:left;}

#content_main {font-size: 15px; line-height: 1.6em; color: #222;}


/*
Logo
***********************************************************/
h1 { text-indent:-9999px; outline:none; display:none; }
a.home { text-indent:-9999px; outline:none; background-image:url(../images/layout/logo_530_80.png); background-repeat:no-repeat; background-color:#222; display:block; border-top:15px solid #515050; height:80px; padding-bottom:30px;}
#tagline { font-family: "Neue Helvetica", Helvetica, Verdana, Arial, sans-serif;	 text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-size:16px; background:#515050; padding-left:250px; padding-top:1px; margin-top:-30px; color:#fefefe; line-height:0.9em;}



/*
Navigation
************************************************************/
#container_menu { width:1020px; overflow:hidden; margin:30px 0 0 40px; border-top: 1px solid #222;}

#sitemenu { margin: 0; list-style-type: none;}
#sitemenu li { float: left;}
#sitemenu li a {

display: block;
font-size: 16px;
font-weight: bold;
margin-right: 10px;
padding: 10px 15px 10px 10px;
text-transform: uppercase;
}

#sitemenu li a:hover {
background: none repeat scroll 0 0 #111;

text-transform: uppercase;
}

/* #sitemenu li a {display:block; margin-right: 20px; font-size:14px; line-height:20px; font-weight:bold; text-transform: uppercase;} */
#sitemenu li a.active { background-color:#222; color: #C06;}

/*
Layout
***********************************************************/
#container_wrapper { overflow:hidden; background:#333; padding: 0; /* margin-left:20px; margin-top:20px;*/ }
#left_block { /*float:left;*/ margin: 0 auto;  width:1100px; background:#fefefe;  padding: 0;}
#right_block { float:left; width:400px; }
#container_content { overflow:hidden; width:1040px; background:#fefefe; padding-left:20px;}

#left_img55, #right_text_fazit_comment_pics {margin-top:20px !important;}
#content_main { float:left; width:663px; padding-right:30px;  margin-left:20px; margin-bottom:30px;  background-image:url(../images/layout/border_640px_222.png); background-size: 675px; background-repeat:no-repeat; /*background-position:top;*/ border-right:1px solid #2c2c2c; min-height:900px; }


#content_right { float:right; width:300px; margin-left:10px; /* padding-top:30px; border-top: 1px solid #222;*/ }
#content_right h4 {margin-bottom:15px; padding-top:3px; padding-bottom:3px; border-top:1px solid #2c2c2c; border-bottom:1px solid #2c2c2c; 
text-transform: uppercase; color:#C06; }

#content_right h5 {
background: none repeat scroll 0 0 #EEEEEE;
font-size: 1em;
margin-bottom: 5px;
padding-bottom: 5px;
text-transform: uppercase;
display:none;
}

div.general_content {margin-top:30px;}
div.container_top { width:640px; overflow:hidden; }
div.container_kinotipp { width:610px; overflow:hidden; padding-bottom:10px; border-bottom: 1px dotted #999; margin-bottom: 30px;}
div.container_kinotipp.no-border-bottom {border-bottom:none !important;}

/* teaser pink */
div.teaser { text-transform:uppercase;  padding:5px 0 2px 0; border-top:1px solid #999; border-bottom:1px solid #999; margin:30px 0 20px 0; }
div.teaser  h2 { color:#C06; font-size:16px; line-height: 1.2em; }

div.teaser.archiv { text-transform:uppercase;  padding:5px 0 2px 0; border-top:1px solid #999; border:none; margin:30px 0 20px 0; }
div.teaser.archiv  h2 { color:#C06; font-size:22px; line-height: 1.2em; }
div.archiv_teaser .fb-like {margin-top:20px;}
#sortieren_nach  {background:#eaeaea; padding-left:10px; font-weight:bold; margin-top:10px;}

#footer {padding:20px 5px 5px 25px; font-size:9pt; background:#515050; border-top:10px solid #444; color:#fefefe; height:140px;}
#footer a {color:#fefefe;}
#footer ul li {padding-bottom:3px; }



/* Top-Links mit Pfeilchen und Hover-Effekt */
.left_toptipps  { float:left; } /* breite wird flexibel mit w160 etc angegeben */
.right_toptipps { float:left; margin-left:5px; }  /* breite wird flexibel mit w160 etc angegeben */
.left_toptipps ol li a, .right_toptipps ul li a {display: block; min-width:300px; width:100%; text-align: left;  padding-left:15px; background-image: url(../images/layout/a_black.gif); background-position: left; background-repeat: no-repeat;}
.right_toptipps ul li a {max-width:450px;}
.left_toptipps ol li a:hover, .right_toptipps ul li a:hover {background-image: url(../images/layout/a_white.gif);}
.left_toptipps ol { margin-bottom:15px;}

.right_toptipps.w440 h3 {
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 10px;
}

/* nebeneinander stehende bilder */

/*  Rahmen-Effekt bei Bildern mit Links:
Für Link display:block und schriftgöße/lineheight auf 0. width muss leider angebben werden.
border bei a:hover ändern */

.hover_border_70 {font-size:0px; line-height: 0em;	display:block; /*width:70px;*/ width:115px; border:3px solid #E6E6E6; margin-right:5px;}
.hover_border_70:hover { border:3px solid #222;}
.hover_border_130 { font-size:0px; line-height:0em; display:block; width:130px;  border:3px solid #E6E6E6;}
.hover_border_130:hover { border:3px solid #222;}

.hover_border_70 img { width:115px; height:160px;}


/*Text, Links, inputs etc
**********************************************************/

.smallteaser {font-size:0.8em; text-transform:uppercase;  margin-bottom:6px; margin-top:-5px; color:#333; font-family: Georgia, "Times New Roman", serif; font-weight:bold; }
.daten {font-size:12px; line-height: 1.1em; text-transform:uppercase; color:#777; margin-top:3px; margin-bottom:15px; font-family: "Open Sans", sans-serif; }
.right_toptipps h3 a {font-size:1.25em; text-transform:uppercase; }
.year { color:#666;	font-size:0.9em;}
a.linkfilm {text-decoration:none; color:#C06; /* color:#d9271c;*/ font-family: "Open Sans", sans-serif;}

a.linkfilm:hover {color:#FFF; background-color:#000; }
a.linkfilm_up {text-decoration:none; color:#C06; text-transform:uppercase;}
a.linkfilm_up:hover {color:#FFF; background-color:#000;  text-transform:uppercase;}
#left_kritik p a, #fazit p a {text-decoration:none; color:#C06;}
#left_kritik p a:hover, #fazit p a:hover {color:#fff;}



.container_filmsuche, #container_facebook, #container_werbung, #container_genres, .container_rechts {width:300px; margin-bottom:30px; overflow:hidden;}
.container_rechts a {font-size:0.8em; color:#333;}
.container_filmsuche a:hover {background-color:#fefefe;}
.container_filmsuche input { background-image:url(../images/layout/search_bg.png); background-position:center left; background-repeat:no-repeat; padding:0 10px 0 20px; /* damit das Image Platz hat */ width:170px; height:25px; font-size:14px; line-height:16px; color:#333; border-bottom: 1px solid #666; border-right: 1px solid #666; }
.container_filmsuche img { height:28px;}

#container_genres ul li {padding-left:2px; padding-bottom:8px; /* margin-bottom:-2px; list-style-position:inside; list-style-image: url(../images/layout/d_black.gif); */}
#container_genres a { font-weight:bold; color:#555; display:block; width:130px; }
#container_genres a:hover {color:#fefefe;}

.container_team {width: 615px; overflow:hidden; margin-top:30px; padding-bottom:20px; border-bottom: 1px dotted #999;}
.left_team {width:130px; padding-right:25px; float:left;}
.left_team img {margin-top:5px;}
.right_team {width:460px; float:left;}
.right_team h3 {margin-bottom:15px;}
.container_dvd {width: 615px; overflow:hidden; margin-top:30px; padding-bottom:20px; border-bottom: 2px solid #ccc;}
.left_dvd {width:85px; float:left;}

.left_dvd a {
display:block; width:70px; height:100px; padding:3px; margin-left:3px; margin-bottom:2px; background-color:#c2c2c2;
}
.left_dvd a:hover {
background-color:#010101;
}

.right_dvd { 
float:left; 
width:205px;
padding-left:5px; 
padding-right:10px;
background-color:#FFF;
border-left: 1px solid  #CCC;
border-right: 1px solid  #CCC;
}

.right_dvd h3 a{
font-size:12pt;
font-weight:bold;
text-transform:uppercase;
}

.right_dvd p {
font-size:0.96em;
line-height:1.4em;
}

.right_dvd p.daten {
padding-bottom:5px;
font-size:0.86em;
font-family: Georgia;
}

/*Zahlen
***********************************************************/
.w210 {width:210px;}
.w160 {width:160px;}
.w140 {width:140px;}
.w150 {width:150px;}
.w440 {width:440px;}
.br15 {height:15px;}
.br10 {height:10px;}
.br8 {height:8px;}

/* Kampagnen verstecken
************************************************************/

#campaign_1 { display:none;}
#campaign_2 { display:none;}
#campaign_0 { }



/**********************************************/
/* KRITIK */
/**********************************************/

#left_img55  {
float:left; 
width:70px; /* insgesamt 58px */
padding: 5px 0 0 3px;
height:130px;

}


#container_kritik_und_images {
overflow:hidden;
width:668px;
padding-left:2px;
clear:both; /* löst ein safari-problem */
}

#left_kritik {
float:left;
padding-right: 19px;
width: 500px;
}

#content_main strong {
font-weight:bold;
}

#right_images {
float:right;
width:130px;
padding-left:8px;
padding-right:8px;
background-color:#e4e4e4;
font-size:0.95em;
line-height:16px;

}

#filmtitel_und_daten h2 {
font-size:30px;
margin-bottom:15px;
margin-top:10px;
}

#kommentar_link { padding-right:10px; display:inline-block; padding-top:5px;}

#name_666, #text_666 { width: 100%;}
#kommentare table tr td input, table tr td textarea { width: 100%;}
#kommentare table tr td .daten {color:#777; font-size:11px;}
#kommentare input.captcha {width:100px;}
#kommentare input.submit {
    background: #555 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-weight: bold;
    height: 30px;
    margin-top: 15px;
    width: 40%;
}


#form_666 .daten { font-size:11px; color:#777;}
#filmtitel_und_daten .daten {

text-transform:none;
font-weight:normal;
font-size:12px;
background-color:#f8f8f8;
width:625px;
}

#left_kritik p {
margin-bottom:25px;
/*text-align:justify;*/
}

#verweise { padding-bottom:8px;}

#fazit, #verweise, #wertung, #autor, #mehr_davon, #mehr_eintraege, #daten_fakten, #dein_kommentar {
padding-left:5px;
padding-right:10px;
margin-bottom: 20px; /*abstand zum nächsten block */
background-color:#f0f0f0;
width:625px;
}
#mehr_davon {
margin-bottom:0;
padding-bottom:20px;
}


#dein_kommentar {
text-align:right;
margin-top:15px;
background-color:#ddd;
}

#dein_kommentar hr {
margin-top:10px;
margin-bottom:10px;
}

#kommentar_form {
padding:5px;
}

#kommentare {
width:625px;
font-size:0.9em;
line-height:1.3em;
}

#kommentare a {
font-weight:bold;
color:#333;
}

#kommentare a:hover {
font-weight:bold;
color:#fff;
}

#kommentare div { /* divs innerhalb des div kommenatre */
padding:5px;
}


#kommentare div.br5, #kommentare div.br8 { /* divs innerhalb des div kommenatre */
padding:0;
}


.bgcolor_norm {
background-color:#F1F1F1;
/*	background-color:#F0F0F0; */
}

.bgcolor_light {
background-color:#F7F7F7;
}

.bgcolor_dark {
background-color:#ddd;  /* #FC9; */
}

#google_ad_in_kritiken {
margin-top:20px; width:580px; margin-right:10px;
}

td label {

font-weight:bold;
font-size:9pt;
}

td {
font-size:9pt;
}



/******************************************** */
/* jquery autocomplete */
/******************************************** */

ul.ui-autocomplete {
background-color :#d2d2d2;
border:1px solid #b1b1b1;
width:192px;
font-size:0.85em;
color:#ccc;
padding:4px;
}

ul.ui-autocomplete a {
display:block;
padding-top:2px; padding-bottom:2px;
}


.match_colored {
background-color:#FC6; color:blue;
}

.match_colored:hover {
background-color:#000;
color:#FFF;
}

.searchresult {
background-color: #fefefe;
padding: 5px;
}

/**********************************************/
/*  ARCHIV                                    */
/**********************************************/

#container_archiv {
width:648px;
overflow:hidden;
}

#archiv_left {
float:left;
padding-left:3px;
padding-right:3px;
width:305px;
background:#efefef;
}

#archiv_right {
float:right;
width:330px;
overflow:hidden;
}

#archiv_right a {
display:block; float:left; width:70px; height:100px; padding:3px; margin-left:3px; margin-bottom:2px; background-color:#c2c2c2;
}
#archiv_right a:hover {
background-color:#010101; 
}



div.archiv_teaser {
/*background-color:#D9D9D9;*/
padding:5px 0 5px 0;
color:010;
margin:10px 0px 15px 0;
width:623px;

}

.year { /* jahreszahl */
color:#666;
font-size:0.9em;
}

#archiv_left li a {  /* damit in archiv beim mouseover gesamte breite schwarz wird */
padding-left:2px;
margin-bottom:5px;
display:block;
}

#archiv_left li span:hover {
color:#CCC;
}

#sortieren_nach {
color:#414141;
font-size:8pt;
}

#sortieren_nach a{
color:inherit;
}

#sortieren_nach a:hover {  /* sortieren_nach muss ID sein, sonst würde schwarzer hover-effekt von #main ziehen */
color:#00406C;
background-color:#DDD;
text-decoration:underline;
}

a.sortiert {
color:#00406C;
text-decoration:underline;
}


/******************************/
/* Magic */
/******************************/

.magic {
background-color:#EDEDEB;
margin:10px 10px 35px 0;
padding:12px;
font-size:0.95em;
-moz-border-radius:12px;
-webkit-border-radius:12px;
}

.magic p {
margin-top:10px;
}

.magic  h3{
font-size:11pt;
margin-bottom:8px;
}



/************************************/
/* SPECIALS
/************************************/

div.bild_blog {
float:right; background-color:#f2f2f2; margin-left:10px; margin-bottom:10px; width:140px;
}

div.bild_blog  img {
padding-right:10px;
}

div.text_bild_blog {
font-style:italic;
padding-left:8px;
font-size:0.95em;
}

#special p { margin-bottom:25px; }
#special h3 { margin-bottom:15px; font-size:1.3em; }


/* TRAILER */
#trailer {
margin-bottom:20px;
}

.edit_filmkritik_overlay {
background-color: #d2d2d2; padding:10px;
margin-bottom:20px;
}

.edit_filmkritik_overlay ul li {
margin-bottom:10px;
}

.edit_filmkritik_overlay ul li a {
display:block;
}

.edit_filmkritik_overlay label {
font-size:0.8em;
}

/* SPECIAL */
h2.special {
font-size:20px;
color:#444;
background-color:#CCC;
}

#wertung, #autor {font-family:Georgia, serif;  font-size: 16px; line-height: 26px;}
#wertung strong, #autor strong {font-family:'Open Sans', sans-serif;} 

.mobile-only {display:none;}


/* iPad */

@media only screen and (max-width : 1024px) {

#filmtitel_und_daten p.daten { font-size:12px !important;}	

#left_block {
margin-left: 0;
}
}



/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width : 768px) {

.no-mobile {display:none !important;}
.container_filmsuche { width:100%;}
#sitemenu {margin-top:10px;}
#sitemenu li a {
    font-size: 13px;
    font-weight: bold;
    padding: 8px 0 0 11px;
}

#content_main { background-image: none;  }	
#content_main.index {}
.mobile-only {display:block; margin-bottom:10px;}

li.mobile-only h4{
    border-bottom: 1px solid #2c2c2c;
    border-top: 1px solid #2c2c2c;
    color: #c06;
    margin-bottom: 15px;
    padding-bottom: 3px;
    padding-top: 3px;
    text-transform: uppercase;
	margin-left:5px;
}
.container_filmsuche input { margin-left:10px; margin-right:-10px; margin-top:10px; width:145px;}
#content_right {display:none;}
#filmtitel_und_daten p.daten { width: 400px; }	
#content_main {
border-right:none;
width:100%;
}

#right_images {
float: none; 
width:inherit; 
height:160px;
overflow:hidden;
background:#fff;
padding-left:0;
margin-bottom:15px;
}   

#right_images .br15 {
display:none;
}

#right_images img {float:left;}
#sitemenu li {
float: none;
}
#content_main {
max-width: 610px;
width:80%;
}
#content_right {

height:470px;
overflow: hidden;
position: absolute;
top: 0;
width: 300px;
}
#container_content {
position: relative;
padding-left:0;
}
a.home {
background-size: 32% auto;
height:65px;
}
#tagline {
padding-left:10px;	
font-size:0.9em;
width: 90%;
max-width:480px;
}    

#left_block {
margin-left:0;	
}

#container_menu {
margin: 10px 0 0;
}    

#sitemenu li a {
font-size: 14px;
font-weight: bold;
padding: 10px 0 0 10px;
}  

.container_filmsuche {margin-top:15px; margin-bottom:15px;}
div.container_kinotipp {padding-bottom:5px; margin-bottom:10px;}
div.container_kinotipp  p:last-child {margin-bottom:0;}
h4.suche {display:none;} 

.right_toptipps.w440 h3 {margin-top:15px;}

#content_main { margin-left:5px; line-height:1.7em; }

div.container_kinotipp {width:99%; max-width:765px;}
.hover_border_70 {
width:100px;
}	

.w440 {
width: 420px;
}

#left_kritik, #fazit, #wertung, #verweise, #dein_kommentar, #kommentare, #autor {
float: none;
padding-right: 0;
width: 90%;
max-width:500px;
}	

} /* ende media */



/* Smartphones (portrait ----------- */


@media only screen and (max-width : 480px) {

#filmtitel_und_daten p.daten { width: 310px; margin-left:5px;}	

#left_img55 {
    float: none;
	height:82px; overflow:hidden;
	padding-bottom:0;
}	

#filmtitel_und_daten h2 {font-size:20px; line-height:22px; width:320px; padding-left:5px;}

p {line-height:28px;}

.hover_border_70 { width:55px; height:70px;} 
.hover_border_70 img { width:55px; height:70px;}

#archiv_right, #archiv_left, .left_team, .right_team{
float:none;
}

#left_kritik, #fazit, #wertung, #verweise, #dein_kommentar, #kommentare, #filmtitel_und_daten, #right_images, #autor, #dein_kommentar, div.archiv_teaser, div.right_team {
float: none;
padding-right: 0;
width:100%;
max-width:320px;
overflow:hidden;
}	


#container_content {
overflow: hidden;
width: 480px;
}	


div.container_kinotipp {width:99%; max-width:480px;}	

div.container_top, div.container_kinotipp {
width:350px;
}

.right_toptipps {
width:98%;
float:none;
}

.left_toptipps {
float:none;	
}

}


@media only screen and (max-width: 360px) {
#container_content {
width: 360px;
}	

#left_kritik, #fazit, #wertung, #verweise, #dein_kommentar, #kommentare, #filmtitel_und_daten, #right_images, #autor, div.archiv_teaser, div.right_team {
float: none;
padding-right: 0;
width:90%;
max-width:340px;
}	

}



@media only screen and (max-width : 320px) {
	
#left_kritik, #fazit, #wertung, #verweise, #dein_kommentar, #kommentare, #filmtitel_und_daten, #right_images , #autor, div.archiv_teaser, div.right_team{
float: none;
padding-right: 0;
width:90%;
max-width:310px;
}		
	
#container_content {
width: 320px;
}	
}