* {margin: 0px; padding:0px; font-family:Calibri;}
.messagetext img {vertical-align: middle; max-width: 960px;}
.messagecont {padding: 0px 10px 0px 0px;}
.xembedded img,.xembedded video{max-width: 55%;}
body {
background-color: #faf8eb;
text-align:left;
font-size: 16px !important;
color: #686868;
background-image: url(http://img5.fotos-hochladen.net/uploads/7845515666d87dmxwfuj07tv.jpg);
background-position: top;
background-repeat: fixed;
background-attachment: fixed;

}
.content { padding: 0px 2px 0px 2px; width: 1000px; min-width: 600px; }
/*Code-Formatierung*/
.bbcode_code {padding: 10px; font-family: Courier !important; white-space:pre-wrap; color: #686868 !important; font-weight: normal !important; position: relative;}
.bbcode_code_line {float: left; font-weight: bold; border-right: 1px solid #ebd7ce; padding: 0px 10px 0px 10px; margin: 0px 10px 0px 0px; font-family: Courier !important; color: #c78b70;}
.bbcode_code_code {font-family: Courier !important; overflow: auto; position: relative;}
.bbcode_code *{font-family: Courier !important;}
.bbcode_code pre {overflow: auto; width: 700px; padding: 0px !important; position: relative;}
blockquote .bbcode_code, blockquote .bbcode_code_code, blockquote .bbcode_code pre {font-style: normal !important; color: #686868 !important; position: relative;}
blockquote a {text-decoration: none !important; padding-left: 15px !important;}
pre { font-family: Courier !important; padding: 10px; color: #686868 !important; width: 700px; overflow: auto; position: relative;}
#tabs li {
display: inline;
padding: 5px 10px 3px 10px;
}
#tabs li a {text-decoration:none;}
.activetab { background-color: #ece5e2; }
/*Navigation*/
.underdiv {
border-left: 1px solid #ebd7ce;
border-right: 1px solid #ebd7ce;
border-bottom: 1px solid #ebd7ce;
right: -16px;
top: 20px;
position: absolute;
display: none;
background-color: #faf8eb;
line-height: 20px;
z-index: 500;
-moz-opacity:0.95;
filter: alpha(opacity=95);
opacity: 0.95;
}
.navbar {
 background-color: #faf8eb; padding-left: px !important;}
.navbar ul {list-style: none; list-style-image: none;}
/*Unterpunkte*/
.undernav li {padding: 6px 15px 6px 15px; border: none !important; width: 140px !important; text-align: left !important;}
.undernav li:hover {background-color: #ffffff !important;}
.navbar li {padding: 6px 15px 6px 15px;  float: left;}
.navbar a, .undernav a, .undernav li a {text-decoration: none !important; font-size: 12px; color: #dda88f !important;}
.navbar a img, .navbar img, .undernav a img, .undernav img {border: none !important; vertical-align: middle !important; margin-right: 4px !important;}
/*Letzten User-Aktionen*/
.lastaction {padding: 2px 0px 2px 0px;}
.lastaction img {margin-right: 4px; vertical-align: middle;}
.lastaction a {text-decoration: none !important;}
.lastaction a img {border: none;}
/*Area beim Beitrag schreiben für die Integrationen*/
.integration_container {padding: 20px 0px 20px 0px;}
.back:hover {background-color: red; z-index: 9999;}
.para { position: relative; top: -20px; background-color: #faf8eb; padding: 3px 10px 3px 0px; font-weight: bold;}
.grey {color: #686868; font-weight: normal;}
.contact {padding: 8px 0px 5px 0px; font-size: 14px; border-bottom: 1px solid #ebd7ce;}
.contact a {text-decoration: none;}
.int_content {padding: 15px 20px 15px 20px; background-color: #faf8eb; margin: 5px 10px 5px 10px; font-size: 14px !important; display: none;}
.photolistitem {
position:relative;
display:block;
float:left;
list-style:none !important;
width:205px;
margin:0px 10px 10px 0px;
text-align:center;

height: 178px;
}
.droparea {
float:left;
background-color: #EFEFE0;
border: 1px solid #EFEFE0;
min-width:200px;
width:90%;
min-height: 200px;
}
.widget_add{background-color: #faf8eb; z-index: 9999 !important; }
.cal_hover:hover {cursor: pointer !important;}
.photolistitem:hover {cursor: pointer !important;}
/* this is old but needed to make edited templates work */
#row_h:hover {background-color: #ffffff !important; cursor: pointer !important;}
#row_h:hover a {text-decoration: underline !important;}
/*Kategorie-Items der Bildergalerie*/
.cat_item_new {border: 1px solid red !important;}
.cat_item_content {width: 200px !important; height: 150px !important; overflow: hidden; position: relative;}
.cat_item {margin: 0px 10px 10px 0px; float: left; border: 1px solid #ebd7ce; width: 200px; height: 195px;}
.cat_item_link {text-align: center; border-top: 1px solid #ebd7ce; padding: 3px 0px 3px 0px; margin-top: 5px; }
.cat_item_description {height:150px;min-height:150px; position:absolute;width:200px; background-color: black; display: none; padding: 5px; color: white; overflow: hidden; -moz-opacity: 0.7; filter: alpha(opacity = 70); opacity: 0.70;}
.cat_item_description small {padding: 5px 8px 5px 5px;}
/*Bilder-Beschreibung anzeigen Höhen- und Breitenangaben richten sich nach .Photolistitem*/
.pic_item_description {position: absolute; width: 185px; height: 185px; background-color: black; display: none; padding: 5px; color: white; overflow: hidden; -moz-opacity: 0.7; filter: alpha(opacity = 70); opacity: 0.70;}
.pic_item_description small {padding: 5px 8px 5px 5px;}
.pic_new {border: 1px solid red !important;}
.view_table {border-collapse: collapse;}
.view_table tr, .view_table td {padding: 7px 10px 7px 0px; margin: 3px;}
.forumtable{width:100%; border-collapse: collapse; margin-bottom: -3px;}
.forumtable .firsttd{padding: 7px 10px 7px 0;}
.view_table .firsttd{border-top: 1px solid #ebd7ce; vertical-align:middle;padding: 0px 8px;text-align:center;}
.view_table .firsttd img{vertical-align:middle; text-align:center;}
table, tr, td {font-size: 16px !important;}
.error,a.abusemessage,strong.abusemessage {font-weight: normal; color: #a71111 !important;}
a {color: #686868 }
a:link { color: #c78b70 }
a:visited { color: #c78b70 }
a:hover { color: #dda88f }
a:active { color: #c78b70 }
a img {border: none;}
.page /* Umgibt den Inhalt des Forums */
{
text-align:center;
margin: 0 auto;
color: #686868;
-moz-opacity: 1;
}
.page2 { }
.inpage
/* Umschließt nur den änderbaren inhalt z.B. Kategorien, Foren, Threads */
{
text-align:left;
color: #686868;padding-top: 8px;
}
.table_bg {background-color: transparent !important;}
/* Forum Übersicht */
/*Runde Ecken des Headers*/
.c_r_top1_head {
background-size:100% 100%;
background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_forumheaderleft-color1_-color2_-color3_FFF.png); height: 10px; background-position: left; background-repeat: no-repeat; margin-right: 11px !important;
}
.c_r_top1_head div {
background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_forumheaderright-color1_-color2_-color3_FFF.png); height: 10px; width:11px; background-position: right; background-repeat: no-repeat; float: right; position: relative; right: -11px !important;

}
/* 1. Hintergrund der Kategorien mit runden Ecken */
.c_r_content1, .c_r_content2, .c_r_content3, .a_r_content2

{border-right: 1pt solid #dda88f; border-left: 1px solid #dda88f; background-color: #faf8eb; padding: 5px 10px 5px 10px; margin-top: -1px; margin-bottom: -1px;}

.c_r_top1 div, .c_r_top2 div, .c_r_top3 div, .a_r_content2 div

{ background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_forumheaderright-color1_dda88f-color2_faf8eb-color3_FFF.png); height: 10px; width:11px; background-position: right; background-repeat: no-repeat; float: right; position: relative; right: -11px !important;}

.c_r_top1, .c_r_top2, .c_r_top3, .a_r_content2

{ background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_forumheaderleft-color1_dda88f-color2_faf8eb-color3_FFF.png); height: 10px; background-position: left; background-repeat: no-repeat; margin-right: 11px !important;background-size: cover;}

.c_r_bottom1, .c_r_bottom2, .c_r_bottom3, .a_r_content2

{ background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_forumfooterleft-color1_dda88f-color2_faf8eb-color3_FFF.png); height: 10px; background-position: left; background-repeat: no-repeat; margin-right: 11px !important; background-size: cover;}

.c_r_bottom1 div, .c_r_bottom2 div, .c_r_bottom3 div, .a_r_content2 div

{ background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_forumfooterright-color1_dda88f-color2_faf8eb-color3_FFF.png); height: 10px; width:11px; background-position: right; background-repeat: no-repeat; float: right; position: relative; right: -11px !important;}

.c_r_cont2, .c_r_cont1, .c_r_cont3 {z-index: 9 !important;}
/* Foren Ansicht */
.subforums2
{
margin: 0px auto;
font-weight: bold;
font-size: 16px;
color: #686868;
}
.subforums2 li span {
display: block;
}
.subforums2 ul {
margin: 0px;
padding: 0px;
}
.subforums2 li {
padding: 0px;
margin:2px;
margin-right: 10px;
margin-bottom: 15px;
width: 95%;
list-style-type:none;
min-height: 50px;
height: 50px;
height: auto !important;
display: block;
}
/* Tabellen */
/* Zeilen für die Themen */
.topiclist {
font-size: 16px;
padding: 2px;
}
/* Überschriften */
h2, h2 a, a h2, h3, h3 a, a h3 {
font-size:22px;
color: #686868 !important;
font-weight: bold;
padding: 5px 0px 3px 0px;
font-family: Calibri !important;
padding-left: 5px !important;
}
h2 a, h2 a:link, h2 a:hover {
font-size:22px;
color: #686868 !important;
font-weight: bold;
text-decoration: none;
}
.headerlogo h2, .headerlogo h2 a, .headerlogo a h2, .headerlogo h3, .headerlogo h3 a, .headerlogo a h3{
color: #686868 !important;
}
small {
font-size: 14px;
}
dt {
float:left;
padding-right: 20px;
width:25%;
}
.option dd{float:left}
/* Trennstrich */
hr {
border-top: 1px solid #ebd7ce;
border-bottom: transparent;
height: 1px;
margin: 7px 0px 7px 0px;
}
/* Bereich in dem der Beitragstext steht */
.text
{
margin-top: 10px;
margin-left: 0px;
padding: 5px 0px 10px 0px;
}
blockquote {font-style: italic !important; padding: 5px 7px; color: #686868 !important; font-weight: normal !important;}
.text a {background-image: url(http://img.homepagemodules.de/ds/static/gaia/external-rtl.png); background-repeat: no-repeat; background-position: left center; padding-left: 14px; text-decoration: none !important;}
blockquote a {text-decoration: underline !important; color: #686868 !important; background-image: none !important; margin-left: -14px !important;}
/* Seitenansicht */
.pagination {
text-align: left;
padding: 2px;
}
.pagination strong, .pagination b {
font-weight: normal;
}
.pagination span strong
/* Aktuelle Seite */
{
font-weight: normal;
color: #fff9ed;
background-color: transparent;
border: 1px solid #fff9ed;
font-size: 16px;
margin: 0px 2px;
padding: 2px 8px;
}
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active
/* weitere Seiten */
{
font-weight: normal;
text-decoration: none;
color: #fff9ed;
background-color: transparent;
border: 1px solid #fff9ed;
font-size: 16px;
line-height: 1.5em;
margin: 8px 4px 10px 0px;
padding: 2px 8px;
}
.pagination span a:hover
/* Seiten beim Überfahren mit der Maus*/
{
background-color: transparent;
text-decoration: underline !important;
}
.pagination span.page-sep {
display: none;
}
/* Beitraginformationen, z.B. Name, Titel, Datum */
.post {
float:left;
padding-right:20px;
font-size:16px;
color: #686868;
}
.post li {
display: block;
}
.post ul {
padding: 0;
margin:0;
}
.post ul li {
float: left;
list-style-type:none;
margin: 0;
padding: 0 0 0 20px;
}
/* Schnelllogin */
.login {
font-size: 16px;
background-color: ;
margin: 0px 0px 3px 0px;
padding: 2px 20px 2px 20px;
max-height: 30px;
height: 30px;
}
.login h4
/* Schnelllogin Überschrift */
{
font-weight: bold;
padding: 0px;
margin-right: 30px;
}
.login label{
margin-right: 5px;
}
/* Suche */
.inputbox_search {
font-size: 14px;
background-color: #ffffff;
border: 1px solid #fff9ed;
color:  !important;
padding: 2px 8px; margin: 0px;
}
/* Inputfelder */
.inputbox {
font-size: 16px;
background-color: #ffffff;
border:1px solid #fff9ed;
padding: 2px 5px 2px 5px;
margin: 3px 0px 3px 0px;
color:  !important;
}
.button1, .widget_calendar_event input {
padding:5px 25px 5px 25px;
margin: 3px 5px 3px 0px;
background-color: #ebd7ce;
border: 1px solid #fff9ed;
font-size: 16px;
font-weight: normal;
color: #686868;
}
.button1:hover {
background-color:#ffffff;
border-color:#fff9ed;
}
/*Schnell-Login*/
.button_login{
padding:1px 3px 1px 3px;
margin-right: 5px;
background-color: #ebd7ce;
border: 1px solid #fff9ed;
font-size: 14px;
font-weight: normal;
color: #686868;
}
.inputbox_small {padding: 1px 4px !important; margin-right: 3px; font-size: 14px;
background-color: #ffffff;
border:1px solid #fff9ed;
color:  !important;}
.button_small:hover {
background-color:#ffffff;
border-color:#fff9ed;
}
/* weitere Buttons z.B. Neues Thema, Antworten, Edit etc. */
strong {
font-weight:bold;
}
li {
float:left
}
.button_reply , .button_edit {overflow: hidden; white-space:nowrap; height: 37px; padding-left:22px; padding-top:13px; position: absolute; background-position: 0px 0px; float: left; background-repeat: no-repeat; bottom: -26px;}
.button_reply a, .button_edit a {font-size: 14px !important; text-decoration: none;}
.button_reply img, .button_edit img {margin-right: 3px; border: none; vertical-align: middle; max-width: 20px;}
.button_reply {
background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_replybutton2-color1_dda88f-color2_ebd7ce-color3_dda88f.png);
width:110px;
left: -10px;
z-index: 500;
}
.button_reply:hover {
background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_replybutton2-color1_dda88f-color2_ffffff-color3_dda88f.png);
}
.button_edit {
background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_editbutton2-color1_dda88f-color2_ebd7ce-color3_dda88f.png);
width:160px;
left: 108px;
z-index: 100;
}
.button_edit:hover {
background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_editbutton2-color1_dda88f-color2_ffffff-color3_dda88f.png);
}
.ifos {margin: 15px 0px 5px -20px; display: block !important;}
.cal_error {font-weight: bold; padding: 20px; margin: 0px 0px 10px 0px; color: red;}
.tabs {list-style: none;}
.tabs li {padding: 5px 15px 5px 15px; background-color: #f4efec; border-right: 1px solid #ebd7ce;}
.tabs #current { background-color: #ece5e2; }
.calendar_header{
width: 90%;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.calendar_weeks{
border-collapse:collapse;
border:none;
padding: 0px;
font-size:2em;
font-weight:bold;
vertical-align: middle;
text-align:center;
background: #f4efec;
}
.calendar_add_event_link{
font-size:2em;
font-weight:bold;
text-align: center;
}
.calendar_day_link{
text-decoration: none;
font-weight: bold;
font-size: 17px;
color: #686868 !important;
}
.calendar_next_link{
text-decoration: none;
}
.calendar_days_header{
font-weight: bold;
background: #f4efec;
color: #686868
}
.calendar_days_body{
height:256px;
background:#ece5e2;
vertical-align:top;
}
.calendar_H1 {
color:#686868;
font-weight:bold;
}
#day_view_table{
text-align:center;
width:50%;
border-collapse: collapse;
margin-left: 25%;
}
.calendar_nav_tabs{
margin-left: 25%;
}
.forumbg { padding: 5px 0px 3px 0px; }
.forumbg a {text-decoration: none;}
.forumbg a img {margin: 0px !important;}
.forumbg_light{
background:#f4efec none repeat-x scroll 0 0;
margin-bottom:5px;
}
fieldset {border: none !important;}
/*WIDGET Einstellungen*/
.settingbox {margin: 5px 10px; padding: 2px 5px; border: 1px solid #ebd7ce; display: none;}
.settingbox input, settingbox select {font-size: 14px !important; border: 1px solid #fff9ed; padding: 1px 5px;}
.message .messagehead h3 {font-size: 16px; display: inline; color: #686868 !important; font-family: Calibri !important;}
.message .messagehead a {text-decoration: none; background-image: none;}
.message .messagehead img, .message .messagehead a img {border: none; vertical-align: middle; margin-right: 3px;}
.r {float:right;}
.c {clear: both;}
/*
iframe {border: none !important; width: 100% !important; overflow: auto; height: 700px !important;}
iframe body {border: none !important;}
*/
.message .messagehead ul {margin-left: 20px; float: none !important; display: block;}
.message .messagehead li {float: none; margin: 0px; padding: 0px; line-height: 100%;}
.message .messagehead ul li ul {padding-top: 0px;}
.warning {color: #e8a900; font-size: 14px;}
.okay {color: green; font-size: 14px;}
/*Seitenanzeige*/
.pagesBg {height: 24px; -moz-border-radius: 7px; margin: 10px 0px 0px 0px; width: 998px; background-image: url(http://img.homepagemodules.de/ds/cached/gradientplus-w_1-h_24-top_f9f9f9-bottom_e3e3e3-btop_f9f9f9.png);); border: 1px solid #c2c2c2;}
.pagesBg a {text-decoration: none; color: #626262; font-weight: bold; line-height: 24px; display: block; float: left; padding: 0px 10px; border-right: 1px solid #c2c2c2; height: 24px; font-size: 14px;}
.pagesBg a:hover {background-color: #f6f6f6; background-image: none; cursor: pointer;}
.pagesBg a.active {background-color: #f8f8f8; background-image: none;}
.pagesBg .pages, .mark_as_read {float: left; display: block; height: 24px; padding-right: 20px; padding-left: 10px; font-weight: bold; border-right: 1px solid #c2c2c2; line-height: 24px; font-size: 14px; color: #626262; }
.pagesBg a.inactive {color: #d6d6d6;}
.pagesBg a.inactive:hover {background-color: transparent; cursor: default;}
/*Neue CSS Update 11.02.10*/

.thrPag a {display: block; float: left; margin-right: 4px; font-size: 12px; border: 1px solid #c78b70; padding: 0px 4px; -moz-border-radius: 2px; border-radius: 2px;}
.thrPag {float: right; margin-right: 10px;}
.thrPag b {font-size: 12px; margin-right: 5px; float: left;}
.button_reply {margin-left:-1px;}
.onstat {font-size: 14px; white-space: nowrap; display: inline;}
.onstat span {text-transform: capitalize;}
.igmid {vertical-align: middle; margin-right: 3px; border: none;}
.row_h:hover {background-color: #ffffff !important; cursor: pointer !important;}
.row_h:hover a {text-decoration: underline !important;}
.jumpTo a {text-decoration: none; font-size: 14px; font-size: 14px; display: block; float: none; border-top: 1px solid #ebd7ce; border-bottom: 1px solid #ebd7ce; margin-top: -1px; padding: 5px 7px;}
.jumpTo a:hover {background-color: #ffffff !important; cursor: pointer;}
.jumpTo {width: 300px; max-height: 300px; overflow-y: scroll; overflow-x: hidden; border: 2px solid #ebd7ce; background-color: #faf8eb; font-weight: normal !important; z-index: 4000; line-height: 100% !important; text-align: left !important;}
.close:hover {cursor: pointer;}
.graph {position: relative;}
.graph div {font-size: 10px !important; width: 500px; color: white; height: 22px; display: block; float: none;}
.botop {border-top: 1px solid #dddddd;}
span.pageNow {text-decoration: none; color: #626262; font-weight: bold; line-height: 24px; display: block; float: left; padding: 0px 10px; border-right: 1px solid #c2c2c2; height: 24px; font-size: 14px; background-color: #f8f8f8; background-image: none;}
/*Neue CSS ENDE*/
/*Neue CSS Update 19.02.10*/
/*Spoiler-Design*/
.hpm_spoiler_open{
background:url("http://files.homepagemodules.de/b2001010/a_488.gif") no-repeat scroll left center transparent;
display:block;
padding-left:14px;
}
.hpm_spoiler_closed {
background:url("http://files.homepagemodules.de/b2001010/a_489.gif") no-repeat scroll left center transparent;
display:block;
padding-left:14px;
}
.hpm_spoiler_body {
background:none repeat scroll 0 0 #faf8eb;
display: none;
border-color:#ebd7ce;
border-style:solid;
border-width:0 1px 1px 1px;
margin:0;
padding:0;
width:100%;
}
.hpm_spoiler_headinput {
border:0 none;
cursor:pointer;
font:bold 11px Verdana,Arial,sans-serif;
margin-bottom:0;
margin-left:6px;
margin-top:0;
padding:2px 14px 3px;
position:relative;
text-align:left;
width:100%;
}
.hpm_spoiler {
margin:6px;
width:60%;
}
.hpm_spoiler_headdiv {
background:none repeat scroll 0 0 #faf8eb;
border:1px solid #ebd7ce;
height:20px;
margin:0;
padding:1px 0px;
width:100%;
}
/*Neue CSS ENDE*/
/*Added for new Code-Block*/
.codeblock{border:0px solid black;width: 640px;padding:0 5px 0px 5px; }
.codeheader{margin-left:0px; text-transform:capitalize; font: 100% courier,monospace;}
.codelines{
color: #686868;
float:left;
margin: 0 5px;
font-size: 12px;
border-right: 1px solid #ebd7ce;
padding: 0;
text-align:center;
line-height: 20px;
background-color: #faf8eb;
background-image: url(http://files.homepagemodules.de/b2001010/a_675.png);
background-repeat:repeat;
width: 25px;
overflow: auto;
overflow-Y:hidden;}
.code pre{
font-size: 12px;
padding: 0;
margin: 0;
line-height: 20px;
background-color: #faf8eb;
background-image: url(http://files.homepagemodules.de/b2001010/a_675.png);
background-position: top;
background-repeat:repeat;
width: 600px;
overflow: auto;
overflow-Y:hidden;}
pre code {
font-size: 11px;
font-family: courier,monospace;
color: #686868;
margin: 0 0 0 15px;
padding: 0;
display: block;}
#fb_like {background-color: transparent; padding: 3px 3px 0px; }
.widget_calendar_integration {float: left; margin-right: 10px; padding: 0px;}
.widget_view {float: left;}
.widget_view input, .widget_calendar_integration input {background-color: transparent; border: none; color: #c78b70; font-size: 14px; text-decoration: underline;}
.widget_view_intext {display: block;}
.widget_view_intext input {clear: both;}
.widget_view_body div {float: left; margin-right: 5px;}
.widget_view_body_delete {display: block; clear: both;}
/*Kalender Widget*/
.widget_calendar_event {border-bottom: 1px solid #ebd7ce; padding: 5px; margin: 2px; text-align: left;}
.widget_calendar_date {font-size: 14px; float: right; width: 30%;}
.widget_calendar_name {font-weight: bold; float: left; width: 60%; border-right: 1px solid #ebd7ce;}
.widget_calendar_check {float: left; padding: 3px 10px 3px 5px;}
/*Kalender Widget Integration*/
.widget_calendar_integration {width: 200px; border: 1px solid #ebd7ce; padding: 5px; text-align: justify; font-size: 14px; margin-bottom: 10px;}
.widget_calendar_integration_empty {width: 200px; height: 100px; background-image: url(http://files.homepagemodules.de/b2001010/a_127.png) !important; background-repeat: no-repeat; background-position: center;}
.widget_calendar_integration a {text-decoration: none; margin-bottom: 5px;}
/*Bilder Widget Integration*/
.widget_picture_integration .image {border: 1px solid #ebd7ce; position: relative; float: left; margin: 5px;}
.widget_picture_info {width: 150px; height:150px; background-color: black; filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; color: white;}
.widget_picture_info small {padding: 5px;}
.widget_picture_integration {float: left;}
.statimg{vertical-align:middle; padding-left: 2px; padding-top: 2px;}
.postbody h1,.postbody h2,.postbody h3{color:}
ul.postindex{margin-left:20px; list-style:none;}
ul.postindex li{float:none !important;line-height:30px;}
ul.postindex li.size_1{margin-top:5px;}
ul.postindex .size_1 a{font-size: large; }
ul.postindex .size_2 a{padding-left:10px;font-size: medium}
ul.postindex .size_3 a{padding-left:20px; font-size: small}
/*Ratings.start*/
.xratings{text-align:left;margin-right:10px;}
.r_type, .c_type,.c_id,.i_id,.xor_id{display:none;}
.ratingbutton{
padding:5px 15px 5px 15px;
margin: 3px 5px 3px 0px;
background-color: #ebd7ce;
border: 1px solid #fff9ed;
font-size: 16px;
font-weight: normal;
color: #686868;
cursor:pointer;
display: inline-block;
}
.ratingbutton img{vertical-align:middle;}
.ratingbutton_text{margin-left:5px;}
.rating_table{width:100%;}
.ratinguser{display:inline-block; text-align:center; }
.ratingusers_temp{display:none;}
.ratinguser img{max-width:60px;}
.rating_header img{vertical-align:middle; margin-right:10px; 2px 0px 2px 5px;}
/*Ratings.end*/
/*Upload Progress Bar start*/
#progress {
width:300px;
text-align:left;
background: #faf8eb;
border: 1px solid #ebd7ce;
margin-top: 20px;
}
#progressbar {
width: 0px;
height: 24px;
background: #ffffff bottom left repeat-x;
}
/*Upload Progress Bar end*/
/*Zitate*/
.savequot{padding-left:20px !important; background:url(http://files.homepagemodules.de/b2001010/a_277.png) no-repeat left center !important;}
.savequot.act{background:url(http://files.homepagemodules.de/b2001010/a_276.png) no-repeat left center !important;}
.nopad{margin: 0px !important; padding:0px !important;}
/*Spoiler wenn Avatare links*/
.avaleft .hpm_spoiler{float:left;}
.avaleft .spoilerclear{clear:both; display:block !important;}
/* Listen im Beitragstext */
.messagetext li,.text li {
display: list-item;
margin-left: 20px;
float: none;
}
.ForumRules li {
float:none;
margin-left: 20px;
}
/*Kalender*/
#calroot {
z-index:10000;
margin-top:-1px;
width:198px;
padding:2px;
background-color:#fff;
font-size:11px;
border:1px solid #ccc;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-moz-box-shadow: 0 0 15px #666;
-webkit-box-shadow: 0 0 15px #666;
}
#calhead {
padding:2px 0;
height:22px;
}
#caltitle {
font-size:14px;
color:#0150D1;
float:left;
text-align:center;
width:155px;
line-height:20px;
text-shadow:0 1px 0 #ddd;
}
#calnext {
display:block;
width:20px;
height:20px;
background:transparent url("http://files.homepagemodules.de/b2001010/a_491.png") no-repeat scroll center center;
float:left;
cursor:pointer;
color: red !important;
margin-top:1px;
}
#calprev {
display:block;
width:20px;
height:20px;
background:transparent url("http://files.homepagemodules.de/b2001010/a_492.png") no-repeat scroll center center;
float:left;
cursor:pointer;
color: red !important;
margin-top:1px;
}
#calprev.caldisabled, #calnext.caldisabled {
visibility:hidden;
}
#caltitle select {
font-size:10px;
}
#caldays {
height:14px;
border-bottom:1px solid #ddd;
}
#caldays span {
display:block;
float:left;
width:28px;
text-align:center;
}
#calweeks {
background-color:#fff;
margin-top:4px;
}
.calweek {
clear:left;
height:22px;
}
.calweek a {
display:block;
float:left;
width:27px;
height:20px;
text-decoration:none;
font-size:11px;
margin-left:1px;
text-align:center;
line-height:20px;
color:#666;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.calweek a:hover, .calfocus {
background-color:#ddd;
}
a.calsun {
color:red;
}
a.caloff {
color:#ccc;
}
a.caloff:hover {
background-color:rgb(245, 245, 250);
}
a.caldisabled {
background-color:#efefef !important;
color:#ccc !important;
cursor:default;
}
#calcurrent {
background-color:#498CE2;
color:#fff;
}
#caltoday {
background-color:#333;
color:#fff;
}
body.stop_scrolling
{
position: fixed;
overflow-y: scroll;
width: 100%;
}
.clear {
line-height:0;
height: 0;
font-size: 1px;
clear: both;
margin: 0;
padding: 0;
float:none !important;
border: none; }
.niceTitleBox {
visibility: hidden;
transition: 300ms;
opacity: 0;
position: absolute;
padding: 10px;
bottom: 100%;
left: 0px;
min-width: 200px;
max-width: 500px;
max-height: 300px;
font-size: 16px;
color: ;
background-color: #faf8eb;
z-index: 99;
word-wrap:break-word;
-moz-box-shadow: -2px 4px 6px #e5db99;
-webkit-box-shadow: -2px 4px 6px #e5db99;
box-shadow: -2px 4px 6px #e5db99;
-moz-border-radius: 6px 6px 0px 0px;
-webkit-border-radius: 6px 6px 0px 0px;
border-radius: 6px 6px 0px 0px;
border: 1px solid #cd9b85;
}
.donationinfo{padding-left: 100px; background:url(http://img.homepagemodules.de/ds/static/iconset/basic/64/basic2-163_money_coin_euro.png) 20px center no-repeat; margin-bottom:10px;background-size:contain;}
.donationbox{max-width:500px;}
.donation_options{width:100%;}
.donation_options.vertical{max-width:150px;}
.donation_options td{text-align:center; padding: 10px; border: 1px solid;}
.donation_options td:hover{
cursor:pointer;
-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
}
.donation_goal{text-align:center; font-weight:bold;}
.donation_progress{border:1px solid; padding: 10px;text-align:center;position:relative;max-width:500px;height:20px;}
.donation_progress .peuro{height:20px; position:absolute; display: block; width: 100%; z-index:2;}
.donation_progress .ppercent{
max-width:100%; height:20px;
background: #a9db80; /* Old browsers */
background: -moz-linear-gradient(top, #a9db80 0%, #96c56f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #a9db80 0%,#96c56f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a9db80 0%,#96c56f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=0 ); /* IE6-9 */
position:absolute; top:0px; left:0px; padding:10px 0; max-width:100% !important;}
.mfiles{max-width:45%;}
.hidden{display:none;}
.xquotecont{
font-size:smaller;
}
.email_confirm{display:none;}
img.xsmile[src$=".svg"], .xob_iconlist > .xob_icon_cont img[src$=".svg"] { max-height: 24px; }
#privacydiv h2{margin-top:12px;}
#privacydiv h3{margin-top:6px;}
#privacydiv h4{margin-top:6px;}
.fb_login_btn{float:right; margin: 0 0 0 0 !important;}
.google_login_btn{
width: 190px;
height: 45px;
float:right;
cursor:pointer;
background: url(//files.homepagemodules.de/b2001010/a_1756_953153e9.png) no-repeat white;
}
.google_login_btn:hover{
background: url(//files.homepagemodules.de/b2001010/a_1755_da2ccafa.png) no-repeat white;
}
.google_login_btn:active{
background: url(//files.homepagemodules.de/b2001010/a_1757_a059aae1.png) no-repeat white;
}
.postimage_cont{
display: inline-block;
width: auto;
text-align: center;
}
.postimage_cont span{
display: inline-block;
width: 100%;
margin:auto;
}
#input-group-cont{position:relative; }
#passwordunhider{position:absolute; right:4px; top:0px;}
#signup_form #input-group-cont, #login_form #input-group-cont{display:inline-block; }
#login_form #input-group-cont{width:100%; }
#signup_form #passwordunhider, #login_form #passwordunhider{top:8px;}
.boxcont #login_form #input-group-cont{display:inline; width:100%;}
.boxcont #login_form #passwordunhider{top:0px; right:5px;}
#passwordunhider .fa{display:inline-block; width:15px; height:15px;cursor:pointer;}
#passwordunhider .fa-eye{background: url(//files.homepagemodules.de/b2001010/a_1758_fd9e3d55.svg) no-repeat center center; }
#passwordunhider .fa-eye-slash{background: url(//files.homepagemodules.de/b2001010/a_1759_009f8ff4.svg) no-repeat center center; }
.blockpns p.text{
opacity: 0.6;
text-decoration: line-through;
}
.verlauf1 {
background-image: linear-gradient(#ffffff, #F0EBFF);
background-image: -webkit-linear-gradient(#ffffff, #F0EBFF);
}
 

.verlauf2 {
background-image: linear-gradient(#ffea00, #F0EBFF);
background-image: -webkit-linear-gradient(#ffea00, #F0EBFF);
} 

.verlauf3 {
background-image: linear-gradient(#ff7f50, #F0EBFF);
background-image: -webkit-linear-gradient(#ff7f50 #F0EBFF);
} 

.verlauf4 {
background-image: linear-gradient(#FF8000, #F0EBFF);
background-image: -webkit-linear-gradient(#FF8000 #F0EBFF);
} 






______________________________________________________________________________________________________________
.rahmen {
        background-color: 
        padding:2px;
        -moz-border-radius: 15px;
        -moz-box-shadow: 2px 2px 2px #ffffff;
        -webkit-border-radius: 2px; 
        -webkit-box-shadow: 5px 5px 5px #ffffff;
        -khtml-border-radius: 10px;
        border-radius: 15px
        box-shadow: 3px 3px 3px #ffffff
        border:          
}
.rahmen1 {
        background-color: 
        padding:2px;
        -moz-border-radius: 15px;
        -moz-box-shadow: 2px 2px 2px #ffffff; 
        -webkit-border-radius: 2px;
        -webkit-box-shadow: 5px 5px 5px #ffffff;
        -khtml-border-radius: 10px;
        border-radius: 50px;
        box-shadow: 5px 5px 5px #ffffff; 
        border:          
}
.rahmen2 {
        background-color: 
        padding:2px;
        -moz-border-radius: 2px;
        -moz-box-shadow: 10px 10px 10px #ffffff; 
        -webkit-border-radius: 2px;
        -webkit-box-shadow: 5px 5px 5px #ffffff;
        -khtml-border-radius: 2px;
        border-radius: 2px;
        box-shadow: 3px 3px 3px #ffffff; 
        border:          
}
.rahmen3 {
        background-color: 
        padding:2px;
        -moz-border-radius: 100px;
        -moz-box-shadow: 10px 10px 10px #ffffff; 
        -webkit-border-radius: 10px;
        -webkit-box-shadow: 5px 5px 5px #ffffff;
        -khtml-border-radius: 10px;
        border-radius: 100px;
        box-shadow: 3px 3px 3px #ffffff; 
        border:          
}
.rahmen4 {
        background-color: 
        padding:2px;
        -moz-border-radius: 1000px;
        -moz-box-shadow: 10px 10px 10px #ffffff; 
        -webkit-border-radius: 250px;
        -webkit-box-shadow: 5px 5px 5px #ffffff;
        -khtml-border-radius: 10px;
        border-radius: 1000px;
        box-shadow: 3px 3px 3px #ffffff; 
        border:          
}


----------------------------------------------------------------------------------------------------------------------------------------

----------------------------------------------------------------------

----------------------------------------------------------------------------------------------------------------------------------------

----------------------------------------------------------------------

/***************** SCROLLBAR ********************/
 
      ::-webkit-scrollbar-thumb:vertical {
        border-left:2px solid #f8f8f8;
        border-right:2px solid #f8f8f8;
        border-top:0;
        border-bottom:0;
        background-color:#0a0a0a;
        height: 7px;
      }
      ::-webkit-scrollbar-thumb:horizontal {
        background-color:#0a0a0a;
        height:7px!important;
        border-top:2px solid #f8f8f8;
        border-bottom:2px solid #f8f8f8;
        border-left:0;
        border-right:0;
      }
      ::-webkit-scrollbar {
        background-color:#f8f8f8;
        height:7px;
        width:7px;
      }
     
    /***************** GENERAL *******************/
     
      body{
        background-color:#f8f8f8;
        color:#000;
        font-family:calibri;
        font-size:10px;
        background-attachment:fixed;
        background-repeat:repeat;
        text-align:justify;
      }
     
      .content{
        width:1065px;
        margin:auto;
        background:#trans;
        margin-top:150px;
      }
     
   
    /******************* GRID STRUCTURE *********************/
     
      .film-grid{
        max-width:1065px;
        padding:0;
        margin:0;
        position:relative;
        background:#trans;
        list-style-type:none;
      }
     
      .film-grid .film{
        margin:0px 4px 5px 3px;
        display:inline-block;
        width:204px;
        height:281px;
        position:relative;
        z-index:1;
      }
     
      .film-grid .film img{
        width:180px;
        max-height:257px;
        margin:0;
        padding:0;
        border:0;
      }
     
     
    /******************** GRID ITEMS CONTENT *********************/
      .onclickstuff{
        max-height:257px;
        overflow:hidden;
        position:absolute;
        z-index:1;
        padding:12px;
        background-color:#ffffff;
        -webkit-transition:opacity 0.4s ease-in-out 0s, margin 0.3s ease-out 0s;
        transition:opacity 0.4s ease-in-out 0s, margin 0.3s ease-out 0s;
        -moz-transition:opacity 0.4s ease-in-out 0s, margin 0.3s ease-out 0s;
        -o-transition:opacity 0.4s ease-in-out 0s, margin 0.3s ease-out 0s;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-box-shadow: 1px 1px 5px rgba(200, 200, 200, 0.85);
        -moz-box-shadow:1px 1px 5px rgba(200, 200, 200, 0.85);
        box-shadow:1px 1px 5px rgba(200, 200, 200, 0.85);
      }
     
      .onclickstuff .description{
        height:0px;
        width:0px;
        opacity:0;
        padding:0;
        margin:0;
        float:right;
        -webkit-transition:all 0.3s ease-in;
        transition:all 0.3s ease-in;
        -moz-transition:all 0.3s ease-in;
        -o-transition:all 0.3s ease-in;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
      }
     
      .onclickstuff.scaleup{
        position:absolute;        
        width:400px;
        -webkit-transition:all 0.5s ease-in-out 0s;
        -moz-transition:all 0.5s ease-in-out 0s;
        -o-transition:all 0.5s ease-in-out 0s;
        transition:all 0.5s ease-in-out 0s;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        margin-left:-98px;
      }
     
      .onclickstuff.scaleup .description{
        opacity:1;
        width:206px;
        -webkit-transition:all 0.3s ease-in 0.4s;
        -moz-transition:all 0.3s ease-in 0.4s;
        -o-transition:all 0.3s ease-in 0.4s;
        transition:all 0.3s ease-in 0.4s;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        background-color::#trans;
        margin-left:0px;
        text-align:center;
        position:relative;
      }
     
      .onclickstuff.hide{
        position:absolute;
        -webkit-transition:all 0.5s ease-in 0s;
        -moz-transition:all 0.5s ease-in 0s;
        -o-transition:all 0.5s ease-in 0s;
        transition:all 0.5s ease-in 0s;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        opacity:0.1;
      }
     
     
     
      .onclickstuff.hide .description{
        width:0;
        height:0;
        opacity:0;
        -webkit-transition:all 0.2s ease-in 0s;
        -moz-transition:all 0.2s ease-in 0s;
        -o-transition:all 0.2s ease-in 0s;
        transition:all 0.2s ease-in 0s;
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
      }
     
     
      /********************* FILM INFORMATION *************************/
     
     
     
      .onclickstuff .description .filmdata, .onclickstuff .description h1, .onclickstuff .description div, .onclickstuff .description span{
        opacity:0;
        -webkit-transition:all 0s ease-in 0s;
        transition:all 0s ease-in 0s;
        -o-transition:all 0s ease-in 0s;
        -moz-transition:all 0s ease-in 0s;
      }
     
      .onclickstuff.scaleup .description .filmdata, .onclickstuff.scaleup .description h1, .onclickstuff.scaleup .description div, .onclickstuff.scaleup .description span {
        display:block;
        opacity:1;
        -webkit-transition:all 0.3s ease-in 0.55s;
        -o-transition:all 0.3s ease-in 0.55s;
        -moz-transition:all 0.3s ease-in 0.6s;
        transition:all 0.3s ease-in 0.55s;
      }
     
     
      .description h1{
        margin:0px;
        padding:0px 0px 3px 0px;
        font:14px kreon;
        font-weight:300;
        color:#999;
        text-transform:uppercase;
        border-bottom:1px solid #ccc;
        width:100%;
        line-height:14px;
        letter-spacing:1px;
      }
     
      .description .filmdata{
        font:10px calibri;
        letter-spacing:0px;
        max-height:193px;
        overflow-y:auto;
        background:#trans;
        -webkit-transition:0s;
        -moz-transition:0s;
        -o-transition:0s;
        transition:0s;
        color:#999;
        margin-top:5px;
        line-height:13px;
        text-align:justify;
        padding-right:4px;
        display:block;
        margin-bottom:4px;
      }
     
      .description .filmdata p{
        margin:2px 0px;
      }    
     
      .filmdata em{
        letter-spacing:1px;
        margin-right:3px;
        line-height:8px;
        color:#666;
        font-weight:bold;
      }
     
      .dateandtype{
        text-align:left;
        font:8px calibri;
        letter-spacing:1px;
        display:block;
        color:#999;
        font-style:italic;
      }
     
     
     
    /******************** STAR RATING *********************/
     
      .stars{
        width:100%;
        padding-top:4px;
        border-top:1px solid #ccc;
        position:absolute;
        top:242px;
        z-index:1000;
        background:#fff;
      }
     
      .zero, .half, .one, .oneandahalf, .two, .twoandahalf, .three, .threeandahalf, .four, .fourandahalf, .five{
        width:50px;
        height:10px;
        margin:auto;
        position:relative;
        z-index:4;
      }
     
      .zero{
        background-image:url(http://static.tumblr.com/2lqtwbf/Xblmr8qqi/zero.png);
      }
      .half{
        background-image:url(http://static.tumblr.com/2lqtwbf/D5kmr8qsi/half.png);
      }
      .one{
        background-image:url(http://static.tumblr.com/2lqtwbf/Do8mr8qtz/one.png);
      }
      .oneandahalf{
        background-image:url(http://static.tumblr.com/2lqtwbf/eo5mr8quh/oneandahalf.png);
      }
      .two{
        background-image:url(http://static.tumblr.com/2lqtwbf/sxGmr8r3m/two.png);
      }
      .twoandahalf{
        background-image:url(http://static.tumblr.com/2lqtwbf/P5umr8r7v/twoandahalf.png);
      }
      .three{
        background-image:url(http://static.tumblr.com/2lqtwbf/GW6mr8r8d/three.png);
      }
      .threeandahalf{
        background-image:url(http://static.tumblr.com/2lqtwbf/z5Smr8rfo/threeandahalf.png);
      }
      .four{
        background-image:url(http://static.tumblr.com/2lqtwbf/DFrmr8rjw/four.png);
      }
      .fourandahalf{
        background-image:url(http://static.tumblr.com/2lqtwbf/7vYmr8rna/fourandahalf.png);
      }
      .five{
        background-image:url(http://static.tumblr.com/2lqtwbf/Wwtmr8roq/five.png);
      }
     
    /********************* HEADER **********************/
     
      header {
        text-align: justify;
        padding:0;
        background: #0a0a0a;
        color: #fff;
        width:100%;
        height:130px;
        position:fixed;
        top:0;
        left:0;
        font-family:kreon;
        font-weight:300;
        z-index:10000000;
      }
     
     
      header::after {
        content: '';
        display: inline-block;
        width: 100%;
      }
     
      header > div,
      header nav,
      header div h1 {
        display: inline-block;
        vertical-align: middle;
        margin:0;
        padding:0;
      }
     
      header > div {
        width: 50%;
        height: 100%;
        text-align: left;
      }
     
      header > div::before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
      }
     
      header div h1{
        text-transform:uppercase;
        letter-spacing:1px;
        font-size:30px;
        margin-left:22%;
      }
     
      header nav{
        font-size:13px;
        text-transform:uppercase;
        margin-right:10%;
      }
      header nav a{
        margin-right:15px;
        padding:10px 0px;
        border-top:0px solid #0a0a0a;
        border-bottom:4px solid #0a0a0a;
        -webkit-transition:all 0.5s ease-in-out;
        -o-transition:all 0.5s ease-in-out;
        -moz-transition:all 0.5s ease-in-out;
        transition:all 0.5s ease-in-out;
        text-decoration:none;
        color:#fff;
      }
     
      header nav a:hover{
        padding:4px 0px;
        border-color:#fff;
      }
     
      header div h1 span{
        font-size:8px;
        font-weight:300;
        line-height:8px;
        display:block;
        letter-spacing:2px;
      }
     
     
      @media screen and (max-width:766px){        
        header > div,
        header > div h1,
        header nav {
          height: auto;
          width: auto;
          display: block;
          text-align: center;
          margin:10px 0px!important;
        }
       
        .content, .film-grid{
          width:auto;
          max-width:638px;
          margin:auto;
        }
       
        .content{
        margin-top:150px;
        }        
    }
 
    @media screen and (min-width:767px) and (max-width:950px){
        header > div,
        header > div h1,
        header nav {
            height: auto;
            width: auto;
            display: block;
            text-align: center;
            margin:10px 0px!important;
            }
   
        .content, .film-grid{
            width:auto;
            max-width:851px;
            margin:auto;
        }
   
        .content{
            margin-top:150px;
        }
    }

-------------------------------------------------------------------------

/* Sidebar */
 
#sidebar {
    top: 200px;
    margin-left:0px;
    padding:0px;
    position:fixed; }
 
#side{  
    width:150px;
    margin-top:-5px;
    margin-bottom: 25px;
    padding: 5px;
    margin: 5px;
    text-align:justify;
    font-family: Arial;
    font-size: 10px;
    margin-top: auto; }
   
#sidebar img {
    width:150px;
    height:150px;
    border:3px double #e8e8e8;
    margin-bottom:10px;
    background-color: #fff;
    padding: 8px; }
 
   
/* Hover Image */
 
#sidebar:hover .img_one{
    opacity: 1.0;
    -webkit-transition: 2s ease-in-out;
    -moz-transition: 2s ease-in-out;
    -o-transition: 2s ease-in-out; }
   
#sidebar:hover .img_two{
    opacity: 1.0;
    -webkit-transition: 2s ease-in-out;
    -moz-transition: 2s ease-in-out;
    -o-transition: 2s ease-in-out; }
   
.img_one:hover .img_two {
    opacity: 1.0;
    -webkit-transition: 2s ease-in-out;
    -moz-transition: 2s ease-in-out;
    -o-transition: 2s ease-in-out; }
 
.img_one img{
    width: 150px;
    height: 150px; }
 
 
.img_one{
    -webkit-transition-duration:3s;
    -moz-transition-duration: 3s;
    -o-transition-duration: 3s;
    float:left;
    margin-right:10px;
    margin-top: 10px; }
 
 
.img_two img{
     width: 150px;
     height: 150px; }
 
.img_two{
    margin-right:10px;
    margin-top: -184px;
    position:absolute;
    z-index:3;
    opacity:0;
    -webkit-transition: 2s ease-in-out;z
    -moz-transition:: 2s ease-in-out;
    -o-transition: 2s ease-in-out; }
 
/* Description and Pagination */
 
.descrip {
    width:162px;
    padding: 5px;
    margin: 0px;
    margin-top: 0px;
    font-family: Cambria;
    font-style:none;
    font-size: 8px;
    letter-spacing: 1px;
    background-color: transparent;
    -webkit-transition-duration: .80s;
    -o-transition-duration: .80s;
    -moz-transition-duration: .80s;
    -ms-transition-duration: .80s;
    opacity:0;}
 
.descrip:hover {
    opacity:0;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out; }
 
#sidebar:hover .descrip{
    opacity:1;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out; }
 
#sidebar:hover .links{
    opacity:1;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out; }
 
#sidebar:hover #pagination {
    opacity:1;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out; }
 
 
#pagination {
    margin-left: 68px;
    -webkit-transition-duration: .80s;
    -o-transition-duration: .80s;
    -moz-transition-duration: .80s;
    -ms-transition-duration: .80s;
    opacity:0;}
   
.pag {
    text-align:center;
    font-size:8px;
    letter-spacing:1px;
    text-transform:uppercase;
    font-family: Cambria; }
 
 
/* Links */
 
.links {
    padding:2px;
    position:fixed;
    font-family:Cambria;
    font-size:8px;
    text-align:left;
    letter-spacing:1px;
    margin-top:20px;  
    margin-left:185px;
    opacity:0;
    -webkit-transition-duration: .80s;
    -o-transition-duration: .80s;
    -moz-transition-duration: .80s;
    -ms-transition-duration: .80s;
    color:{color:link};    }
   
.links a{
    text-transform: uppercase;
    padding:3px;
    margin-bottom:4px;
    font-style:normal;
    display: block;
    border-bottom: 1px solid #e8e8e8;
    background-color: #fff;
    color:{color:linkshover}; }
   
.links:hover {
    opacity:0;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out; }

----------------------------------------------------------------------------------------------------------------------------------


@import url(http://fonts.googleapis.com/css?family=Sofia);

::-webkit-scrollbar-thumb:vertical {
background-color: ;
height:3px; 
border: 0px solid #000;
}

::-webkit-scrollbar-thumb:horizontal {
background-color: ; 
height:2px !important;
}

::-webkit-scrollbar {
height:8px; 
width:15px; 
background-color: transparent;
}

body {
background-color: #ffffff;
font-family: calibri;
font-size: 8pt;
line-height: 15pt;
color: #8a8a8a;
}

b, strong {
color: ;
font-weight: bold;
}

a {
color: ;
text-decoration: none;
}










#text {
padding: 10px;
overflow: auto;
}




#title {
font-family: 'Sofia';
font-size: 50pt;
color: #d8d8d8;
margin-left: 710px;
margin-top: -260px;
width: 200px;
line-height: 30pt;
text-shadow: 2px 2px #bf5851;
text-transform: lowercase;
transition-duration: 0.6s; 
-moz-transition-duration: 0.6s; 
-webkit-transition-duration: 0.6s; 
-o-transition-duration: 0.6s;
}



#nav {
margin-top: -150px;
margin-left: 210px;
}


________________________________________________________________________________________________________________