@charset "utf-8";
/****************************************/
/* CSS Document 												*/
/* Design "Black" by Cyphers-X 2009 		*/
/*																			*/
/* © C. Löer														*/
/****************************************/

/* Main */
body { margin: 0; padding: 0; background: url(../00%20Images/00%20Images_Home/header_bg.jpg) repeat-x #000; }

a, a:focus, a:visited, input:active { text-decoration: none; outline: none; }
p { font-size: 0.8em; font-family: "Tahoma", Verdana, Arial; color: #777; }
a { color: #999; }
img { border: none; }
a:hover { text-decoration: underline; }

ul, li, textarea, input, p, a { margin: 0; padding: 0; list-style: none; }
.container { width: 1000px; margin: 0 auto; position: relative; background: url(../00%20Images/00%20Images_Home/interior_header1.png) right top no-repeat }
#f_container { width: 1000px; margin: 0 auto; position: relative; }
.seperator { border-top: 1px solid #333; margin: 20px 0; }

/* Header */
#header #mainlogo { margin: 40px 0 0 0;  }
#header #mainheadline { position: absolute; top: 180px; left: 0; }

/* Footer */
#footer { height: 350px; background: url(../00%20Images/00%20Images_Home/footer_bg_grad.jpg) repeat-x #0b0b0b; }
#footer a { font-size: 12px; font-family: "Tahoma"; color: #777; text-decoration: none; outline: none; } 
#footer a:hover { color: #aaa; } 

#nightcity { margin-left: -20px; }
#footer #f_container .columns { margin-top: -10px; position: relative; }
#footer #f_container .columns .column { margin-right: 85px; }
#footer #f_container .columns .column .footheaders { margin-bottom: 10px; }
#copyrights { display: inline; }
#footerlogo { float: left; margin-right: 10px; }

/* Nav */
.sep_horz { color: #de7310; display: inline; font-size: 0.8em; }
#navigation { position: relative; left: 75px; top: 10px; width: 400px; height: 50px; }
#navigation ul li { list-style: none; display: inline; margin-left: 10px; }
#navigation a { font-family: "Trebuchet MS", Verdana, Arial; display: inline-block; color: #aaa; font-size: 0.7em; margin: 0 5px; }
#navigation a:hover { text-decoration: none; color: #fff; }

/* Breadcrumb Nav */
#breadcrumb { float: right; margin-top: 20px; }
#breadcrumb a { font-family: "Tahoma", Verdana, Arial; display: inline-block; color: #777; font-size: 0.7em; }
#breadcrumb a:hover { color: #aaa; text-decoration: none; } 
#breadcrumb ul li { list-style: none; display: inline; margin-left: 10px; }
p.active { font-family: "Tahoma", Verdana, Arial; display: inline-block; color: #ddd; font-size: 0.7em; }

/* Settings-Panel */
#panel { width: 150px; position: absolute; left: 885px; top: 80px; }
#panel ul li { list-style: none; display: inline; margin: 0 5px; }
#panel p { display: inline; }

/* Columns */
.columns { overflow: auto; display: block; margin-top: 50px; }
.column { float: left; line-height: 1.2em; }
.column img { font-weight: bold; font-size: 18px; margin-bottom: 5px; }

/* Projectscolumn */
#column_projects.column { width: 900px; }
.column_project_entry { margin-top: 40px; }
.widget { width: 600px; height: 325px; background: #333; overflow: hidden; }
#last_entry { margin-bottom: 75px; }

/* VFX */
.vfx_widget { width: 686px; height: 281px; overflow: hidden; background: #333; }
#column_vfx_projects.column { /*border: 1px solid red;*/ width: 975px; overflow: hidden; padding-bottom: 100px; }
.entry_wrapper { /*border: 1px solid blue;*/ position: relative; margin-bottom: -130px; background: url(../00%20Images/30%20Images_Vfx/canvas_bg.png) repeat-y right; height: 510px; } /* Mantel für den Hintergrund */
.column_vfx_project_entry { padding-top: 85px; } /* position des widgets innerhalb des wrappers */
.vfx_widget img { margin: 5px 0 0 5px; }
.button.vfx_button { border-color: #333; margin-left: 625px; margin-top: 10px; }

/* Projectinfo */
.column_projectinfo_entry { height: 325px; width: 175px; float: left; }
.column_projectinfo_entry .seperator { border-top: 1px solid #333; height: 1px; width: 175px; margin: 10px 0 7px 0; padding: 0; }
.column_projectinfo_entry ul { margin-left: 25px; line-height: 1.4em; font-size: 0.8em; font-family: "Tahoma", Verdana, Arial; color: #777; }
.column_projectinfo_entry li { list-style-image: url(../00%20Images/10%20Images_Design/list_decor.gif); }
.column_projectinfo_entry p { margin-top: 0; padding-bottom: 10px; }

/* Downloadbereich */
.column_dl_entry { /*height: 325px;*/ width: 175px; float: left; margin: 10px 0 10px 0 }
.column_dl_entry .seperator { border-top: 1px solid #333; height: 1px; width: 175px; margin: 10px 0 7px 0; padding: 0; }
.column_dl_entry ul { margin-left: 25px; line-height: 1.4em; font-size: 0.8em; font-family: "Tahoma", Verdana, Arial; color: #777; }
.column_dl_entry li { list-style-image: url(../00%20Images/10%20Images_Design/list_decor.gif); }
.column_dl_entry p { margin-top: 0; padding-bottom: 10px; }

/* Infocolumn */
#column_info.column { width: 740px; }
.column_info_entry { margin-bottom: 30px; }
.column_info_entry p { padding-top: 10px; }

/* Contactcolumn */
#column_contact.column { width: 250px; float: right; padding: 5px;}
.column_contact_entry { margin-bottom: 15px; overflow: hidden; }
.column_contact_entry p { margin: 4px 0; padding: 0; text-align: left; line-height: 1.3em; font-size: 0.7em;}
#column_contact img { float: left; margin-right: 150px; }

/* Disclaimer */
.column_disclaim { width: 42%; margin-right: 75px; }
#para { margin-right: 10px; }

/* Miniblog */
#blog { width: 215px; }
#blog p { font-size: 12px; }
#blog img { margin-bottom: 15px; }
#blog p.head { font-size: 13px; color: #b7b7b7; display: inline; }
#blog p.stamp { font-size: 9px; color: #b7b7b7; display: inline; margin-left: 40px; }

/* Formular */
form { padding: 0; margin: 0; }
textarea { scrollbar-face-color: #555; scrollbar-track-color: #666; scrollbar-highlight-color: #999; scrollbar-shadow-color: #111; }

/* Contactform */
.txt_field { margin-top: 2px; padding: 0; background-color: #222; border: none; padding: 2px; color: #777; font-size: 0.8em; font-family: "Tahoma", Verdana, Arial; }

#message { width: 150px; color: #777; margin-left: 80px; margin-top: 30px; }
#message h2 { margin: 0; padding: 0; font-size: 1.1em; font-family: "Arial", Helvetica, sans-serif; }
#checkmark { position: relative; top: -60px; left: -60px; }
.error { font-size: 0.8em; color: #de7310; display: block; margin:0 0 5px 2px; font-family: Tahoma, Arial, Helvetica, sans-serif; }
#send_error { font-family: Tahoma, Arial, Helvetica, sans-serif; float: right; font-size: 0.7em; color: #aaa; position: relative; top: -25px;  } 
#send_error img { position: relative; top: 6px; left: 60px; }

/* Newsletter */
#subscribe_nl img { margin-bottom: 10px; }
#subscribe_nl a { margin-left: 5px; font-family: "Tahoma", Arial; font-size: 12px; color: #777; text-decoration: none; outline: none; }
#subscribe_nl a:hover { color: #aaa; }
#subscribe p { font-family: "Tahoma", Arial, Helvetica, sans-serif; font-size: 13px; }
#subscribe form { margin-bottom: 40px; margin-top: 15px; background-color: #111; padding: 10px; width: 87%; }
#subscribe form input { font-size: 13px; padding: 5px; color: #777; background-color: #222; border-style: none; }
#subscribe form label { color: #aaa; }
#subscribe #btn_abo { margin-top: 10px; border: 1px solid #000 }
.message { color: #FF9900; }

/* Commentformular */
.hidden { display: none; }
.auth_label { background: #222; padding: 8px; }
.auth_pic { float: right; position: relative; top: -20px; }
.row { font-size: 0.8em; color: #999; font-family: "Verdana", Tahoma, Arial; margin: 20px; line-height: 1.3em; }
.comment { background: #333; padding: 5px; border: 3px solid #222; }
#comment_container { background: url(../00%20Images/00%20Images_Home/header_comments.jpg) top center no-repeat; margin: 0 auto; padding: 20px 0 10px 0; }
#headline_comments { margin: 5px 20px; }
#post_success img { position: relative; left: 210px; top: -20px; }

/* Buttons */
a.button { position: absolute; padding: 2px 6px 3px 6px; margin-top: 2px; cursor: pointer; color: #777; font-family: "Tahoma", Arial, Verdana; font-size: 0.7em; background: #222; border: 1px solid black; }
#btn_send, #btn_post { margin-top: 2px; padding: 4px 6px; cursor: pointer; color: #777; font-family: "Tahoma", Arial, Verdana; font-size: 0.7em; background: #222; border: 1px solid black; }
a.button:hover, #btn_send:hover, #btn_post:hover, #subscribe #btn_abo:hover { color: #cfcaca; border: 1px solid #758cac; text-decoration: none; }

/* shows */
#featured { width: 675px; height: 231px; border: 1px solid #333; padding: 4px; }
/*#featured:hover { border-color: #555; }*/

/* Thumbnails */
.thumbs { padding: 5px; /*border: 1px solid #333;*/ }