<!--


/* 
 * CSS Document
 * Alternate Grafix - Website 3.0
 *
 *
 * By Alternate Grafix
 * Robin Jünkersfeld
 *
 */


/* ============= A l l g e m e i n e s ============= */


html,body{
 background-image: url(images/background_1920x768.jpg);
 font-size: 12px;
 font-family: Arial;
 color: #000000;
 margin: 0px;
 padding: 0px;
}

a:link, a:visited{
 text-decoration: none;
 color: #000000;
}

a:active, a:hover{
 text-decoration: underline;
 color: #000000;
}

.codebox{
 background-color: #fcfcfc;
 width: 505px;
 margin: 20px 0px;
 padding: 5px 5px 5px 5px;
 text-align: left;
 border: 1px black dashed;
}

.code_title{
 font-size:10px;
}


/* ============= L a y o u t  ============= */


#fullbox{
 position: absolute;
 background-image: url(images/head_menu_background.jpg);
 background-position: top;
 background-repeat: repeat-x;
 top: 0px;
 min-height: 100%;
 height: auto !important;
 height: 100%;
 width: 100%;
}

#head{
 position: relative;
 width: 768px;
 height: 105px;
}

#top_banner{
 position: relative;
 width: 770px;
 height: 208px;
 margin: 0px;
 margin-bottom: 30px;
 clear: both;
}

#content{
 position: absolute;
 background-image: url(images/content_background_large.png);
 background-repeat: repeat-y;
 width: 903px;
 min-height: 100%;
 height: auto !important;
 height: 100%;
 top: 37px;
 left: 50%;
 margin-left: -451px;
 padding-left: 65px;
 padding-bottom: 10px;
 behavior: url("iepngfix.htc");
}

#box_left{
 position: relative;
 left: 0px;
 width: 205px;
 min-height: 472px;
 float: left;
}

#box_content{
 position: relative;
 min-height: 460px;
 width: 550px;
 font-size: 12px;
 padding-left: 15px;
 float: left;
 text-align: justify;
}

#fullbox_content{
 position: relative;
 min-height: 386px;
 width: 771px;
 font-size: 12px;
 text-align: justify;
}

.subtitle{
 background-color: #4b4b4b;
 color: #ffffff;
 font-size: 14px;
 line-height: 21px;
 height: 21px;
 margin-top: 6px;
 padding-left: 5px;
 display: block;
 vertical-align: middle;
}

.home{ color: #e68c0b; }
.about{ color: #a40000; }
.portfolio{ color: #195e99; }
.services{ color: #8aa91c; }
.contact{ color: #535353; }
.misc{ color: #7936c4; }

.image_div img{
 background-color: #ffffff;
 border: 1px solid #bfbfbf;
 min-width: 1px;
 margin: 0px;
}

.flash_div{
 background-color: #ffffff;
 border: 1px solid #bfbfbf;
 min-width: 1px;
 margin: 0px;
 padding: 5px;
}

.small{ padding: 2px; }
.large{ padding: 5px; }

.image_div img:link, .image_div img:visited{
 background-color: #ffffff;
}

.image_div img:active, .image_div img:hover{
 background-color: #d0cfcf;
}


/* ============= M e n ü ============= */


#head_menu{
 position: relative;
 background-image: url(images/head_menu_background.jpg);
 background-repeat: repeat-x;
 width: 775px;
 height: 37px;
 left: 50%;
 margin-left: -384px;
 text-align: center;
}

.head_menu_item{
 position: relative;
 background-repeat: no-repeat;
 width: 109px;
 height: 37px;
 float: left;
}

.head_menu_item span{
 position: absolute;
 margin-top: -20px;
}

.btn_home{ background-image: url(images/head_menu_home.jpg); }
.btn_home_active{ background-image: url(images/head_menu_home_active.jpg); }
.btn_home:link, .btn_home:visited{ background-image: url(images/head_menu_home.jpg); }
.btn_home:active, .btn_home:hover{ background-image: url(images/head_menu_home_active.jpg); }

.btn_about{ background-image: url(images/head_menu_about.jpg); }
.btn_about_active{ background-image: url(images/head_menu_about_active.jpg); }
.btn_about:link, .btn_about:visited{ background-image: url(images/head_menu_about.jpg); }
.btn_about:active, .btn_about:hover{ background-image: url(images/head_menu_about_active.jpg); }

.btn_portfolio{ background-image: url(images/head_menu_portfolio.jpg); }
.btn_portfolio_active{ background-image: url(images/head_menu_portfolio_active.jpg); }
.btn_portfolio:link, .btn_portfolio:visited{ background-image: url(images/head_menu_portfolio.jpg); }
.btn_portfolio:active, .btn_portfolio:hover{ background-image: url(images/head_menu_portfolio_active.jpg); }

.btn_articles{ background-image: url(images/head_menu_articles.jpg); }
.btn_articles_active{ background-image: url(images/head_menu_articles_active.jpg); }
.btn_articles:link, .btn_articles:visited{ background-image: url(images/head_menu_articles.jpg); }
.btn_articles:active, .btn_articles:hover{ background-image: url(images/head_menu_articles_active.jpg); }

.btn_services{ background-image: url(images/head_menu_services.jpg); }
.btn_services_active{ background-image: url(images/head_menu_services_active.jpg); }
.btn_services:link, .btn_services:visited{ background-image: url(images/head_menu_services.jpg); }
.btn_services:active, .btn_services:hover{ background-image: url(images/head_menu_services_active.jpg); }

.btn_contact{ background-image: url(images/head_menu_contact.jpg); }
.btn_contact_active{ background-image: url(images/head_menu_contact_active.jpg); }
.btn_contact:link, .btn_contact:visited{ background-image: url(images/head_menu_contact.jpg); }
.btn_contact:active, .btn_contact:hover{ background-image: url(images/head_menu_contact_active.jpg); }

.btn_misc{ background-image: url(images/head_menu_misc.jpg); }
.btn_misc_active{ background-image: url(images/head_menu_misc_active.jpg); }
.btn_misc:link, .btn_misc:visited{ background-image: url(images/head_menu_misc.jpg); }
.btn_misc:active, .btn_misc:hover{ background-image: url(images/head_menu_misc_active.jpg); }


/* ============= S c r o l l e r ============= */


#scroll_window{
 position: absolute;
 background-color:#ffffff;
 width: 205px;
 height: 300px;
 left: 1px;
 top: 25px;
 overflow-x:hidden;
 overflow-y: scroll;
 z-index: 1;
}

#scroll_content{
 position: absolute;
 width: 190px;
 left: 0px;
 top: 0px;
 z-index: 0;
}

#scroll_window_about{
 position: absolute;
 width: 205px;
 height: 430px;
 left: 1px;
 top: 10px;
 overflow:hidden;
 z-index: 1;
}

#scroll_content_about{
 position: absolute;
 width: 205px;
 left: 0px;
 top: 0px;
 z-index: 0;
}

#scroll_balken{
 position: absolute;
 width: 7px;
 left: 196.5px;
 margin-top: 12px;
 top: 0px;
 z-index: 0;
}

#scroll_arrows{
 position: absolute;
 left: 195px;
 width: 20px;
}


/* ============= H o m e  ============= */


.ad_box{
 margin: 0px;
 margin-right: 20px;
 float: left;
}

.ad_box img{
 background-color: #ffffff;
 border: 1px solid #bfbfbf;
 min-width: 1px;
 padding: 3px;
}

.ad_box img:link, .ad_box img:visited{
 background-color: #ffffff;
}

.ad_box img:active, .ad_box img:hover{
 background-color: #d0cfcf;
}

.home_small_box{
 position: relative;
 background-image:url(images/home_rss_background.jpg);
 background-repeat: repeat-x;
 font-size: 10px;
 width: 197px;
 height: 100px;
 border: 1px #dbdbdb solid;
 margin: 342px 0px 0px 0px;
 padding: 5px;
}

.home_small_box strong{
 font-size: 12px;
 margin-top: 2px;
}


/* ============= N e w s ============= */


.news_box{
 background-image: url(images/news_box_background.jpg);
 background-repeat: no-repeat;
 font-size: 12px;
 width: 188px;
 height: 96px;
 margin-bottom: 10px;
 padding-left: 5px;
 padding-right: 5px;
}

.news_box_title{
 font-size: 13px;
 font-weight: bold;
 line-height: 23px;
 width: 100%;
 height: 23px;
 margin: 0px;
 padding: 0px;
 vertical-align: middle;
}

.news_box_content{
 font-size: 11px;
 color: #000000;
 width: 180px;
 margin: 0px;
 padding: 0px;
 padding-top: 6px;
}

.news_box_large{
 position: relative;
 border: 1px solid #D9D7D8;
 background-image: url(images/news_large_background.jpg);
 background-repeat: repeat-x;
 font-size: 11px;
 color: #000000;
 width: 540px;
 margin: 0px;
 padding: 5px;
 margin-bottom:5px;
}

#news_content_small{
 height: 400px;
 width: 200px;
 float: left;
}

#news_content_large{
 width: 560px;
 float:left;
}

.news_navi{
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}

.news_navi_year{
 list-style-type: none;
 font-weight: bold;
 font-size: 14px;
 color:#575757;
}

.news_subnavi{
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}

.news_navi_item{
 list-style-type: none;
 margin: 0px;
 margin-left: 10px;
 padding: 0px;
 text-align: left;
}

.news_navi_month{
 list-style-type: none;
 margin: 10px 0px 0px 0px;
 padding: 0px;
 color: #575757;
 font-weight: bold;
}

.news_link_month:link, .news_link_month:visited,
.news_link_month:active,.news_link_month:hover{
 color:#575757;
 text-decoration: none;
}


.news_box_large a:link, .news_box_large a:visited{
 color: #018BBA;
 text-decoration: none;
}

.news_box_large a:active, .news_box_large a:hover{
 color: #018BBA;
 text-decoration: underline;
}


/* ============= A b o u t  U s  ============= */


.about_box{
 position: relative;
 background-color: #ffffff;
 background-repeat: repeat-x;
 float: left;
 border: 1px #dbdbdb solid;
 margin-top: 7px;
}

.steckbrief{
 background-image:url(images/about_background_steckbrief.jpg);
 font-family: Verdana;
 font-size: 11px;
 width: 232px;
 height: 211px;
 padding-top: 5px;
 padding-left: 5px;
}

.referenzen{
 background-image:url(images/about_background_referenzen.jpg);
 font-size: 9px;
 font-family: Verdana;
 color: #565555;
 width: 227px;
 height: 281px;
 margin-left: 42px;
 padding-top: 5px;
 padding-left: 10px;
}

.lebenslauf{
 position: relative;
 background-image:url(images/about_background_lebenslauf.jpg);
 width: 205px;
 height: 456px;
 margin-left: 44px;
}

.lebenslauf p{
 font-family: Verdana;
 font-size: 11px;
 color: #838383;
 min-height: 50px;
 margin: 0px;
 padding-left: 5px;
 padding-right: 5px;
 padding-top: 12px;
 padding-bottom: 10px;
}

.lebenslauf_title{
 font-family: Arial;
 font-size: 12px;
 font-weight: bold;
 color: #2b2b2b;
 display: block;
}

.td_about_first{
 font-size: 11px;
 width: 95px;
 height: 16px;
 color: #717171;
}

.td_about_second{
 font-size: 11px;
 height: 16px;
 color: #2d2d2d;
}

.lebenslauf a:link, .lebenslauf a:visited{
 color: #696969;
 text-decoration: none;
}

.lebenslauf a:hover, .lebenslauf a:active{
 color: #696969;
 text-decoration: underline;	
}

/* ============= P o r t f o l i o  ============= */


.portfolio_container img{
 border: 1px solid #bfbfbf;
}

.portfolio_container img:link, .portfolio_container img:visited{
 background-color: #ffffff;
}

.portfolio_container img:active, .portfolio_container img:hover{
 background-color: #d0cfcf;
}

.portfolio_container a:active, .portfolio_container a:hover, .portfolio_container a:link, .portfolio_container a:visited{
 font-size: 14;
 font-weight: bold;
 color: #417292;
 text-decoration: none;
}

.portfolio_container .category{
color: #B2B2B2;
}

.portfolio_details_image{
 margin-top: 10px;
 float: left;
 width: 505px;
 padding-right: 40px;
 height: 620px;
}

.portfolio_details_script{
 font-family: Arial;
 margin-top: 10px;
 float: left;
 width: 483px;
 margin-left: 40px;
 padding: 10px;
 height: 485px;
 border: 1px #dbdbdb solid;
 overflow: auto;
}

.portfolio_details{
 text-align:left;
 margin-top: 10px;
 float: left;
 width: 225px;

}

.portfolio_details p{
 margin: 0px;
 padding: 0px;
}

.portfolio_details .firma{
 font-size: 18px;
 font-weight: bold;
 color: #1C7AB0;
}

.portfolio_details .category{
 color: #8A8A8A;
 font-size: 12px;
}

.portfolio_details .subhead{
 color: #535353;
 font-weight: bold;
 font-size: 13px;
 line-height: 20px;
 border-bottom: 1px #535353 dashed;
 margin-bottom: 15px;
}

.portfolio_details .item{
 color: #018BBA;
 font-weight: bold;
 font-size: 13px;
 line-height: 20px;
 vertical-align: middle;
 border-bottom: 1px #535353 dashed;
 clear: both;
}

.portfolio_details a:active, .portfolio_details a:hover, .portfolio_details a:link, .portfolio_details a:visited{
 font-size: 12px;
 color: #018BBA;
 text-decoration: underline;
}


/* ============= A r t i k e l ============= */


#articles_menue{
 position: relative;
 background-color: #e3e3e3;
 font-family: "Verdana";
 font-size: 10px;
 color: #666363;
 height: 28px;
 width: 772px;
 margin: 20px 0px 0px 0px;
}

#articles_menue td{
 height: 28px;
 padding: 0px 20px 0px 20px;
 text-align: center;
}

#articles_menue td:hover{
 background-color: #b2b2b2;
 color: #ffffff;
}

#articles_menue a:hover{
 color: #ffffff;
}

.article_preview{
 width: 772px;
 height: 170px;
}

.article_subtitle{
 margin: 30px 0px 10px 0px;
 font-size: 15px;
 width: 200px;
 border-bottom: 1px #838182 solid;
}


/* ============= C o n t a c t ============= */


.contact_box{
 position: relative;
 background-repeat: repeat-x;
 border: 1px #dbdbdb solid;
 margin-top: 15px;
}

.contact_box td{
 font-size: 12px;
 line-height: 18px;
}

.large_box{
 background-image:url(images/contact_background.jpg);
 background-color: #E0DCDB;
 width: 495px;
 height: 355px;
 margin-right: 12px;
 padding-top: 10px;
 padding-left: 10px;
 float: left;
}

.small_box{
 background-image:url(images/contact_background_box.jpg);
 width: 242px;
 height: 179px;
 color: #2d2d2d; 
 float: left;
 padding-left: 7px;
 padding-top: 7px;
}

.input_failed{
 background-color: #dddddd;
 border: 1px #707070 inset;
}

.disp_no{
 display: none;
}

.td_contact_first{
 width: 55px;
 color: #717171;
}

.td_contact_second{
 color: #2d2d2d;
}


/* ============= M i s c ============= */


.misc_box{
 position: relative;
 background-image: url(images/misc_background.jpg);
 background-repeat: repeat-x;
 border: 1px #dbdbdb solid;
 margin-top: 7px;
 width: 380px;
 padding-left: 4px;
 float: left;
}

.td_misc_first{
 font-size: 12px;
 width: 110px;
 line-height: 14px;
 color: #717171;
}

.td_misc_second{
 font-size: 12px;
 line-height: 14px;
 color: #3f3f3f;
 text-align: left;
}


/* ============= S e r v i c e s ============= */


.services_headline{
 background-color: #4b4b4b;
 color: #ffffff;
 font-size: 14px;
 line-height: 20px;
 height: 20px;
 margin: 0px 0px 10px 0px;
 padding-left: 5px;
 display: block;
 vertical-align: middle;
}

.services_content{
 width: 618px;
 float: left;
 height: 200px;
 margin: 0px 0px 20px 0px;
 padding: 0px;
 text-align: left;
}

.services_content .artikel{ background-color: #e68c0b; }
.services_content .webdesign{ background-color: #a40000; }
.services_content .gestaltung{ background-color: #195e99; }
.services_content .services{ background-color: #8aa91c; }
.services_content .print{ background-color: #535353; }
.services_content .scripting{ background-color: #7936c4; }
.services_content .cms{ background-color: #7a8b00; }
.services_content .fotografie{ background-color: #CD6703; }


.services_img{
 padding: 20px 0px 0px 0px;
 margin: 0px 0px 20px 0px;
 width: 150px;
 height: 130px;
 text-align: center;
 float: left;
}


-->