/*                                                                                               
-------------------------------------------------------------------------------------------------
SUSANNE BUEHLER SUSANNE BUEHLER SUSANNE BUEHLER SUSANNE BUEHLER SUSANNE BUEHLER SUSANNE BUEHLER 
SUSANNE BUEHLER SUSANNE BUEHLER SUSANNE BUEHLER SUSANNE BUEHLER SUSANNE BUEHLER SUSANNE BUEHLER 
-------------------------------------------------------------------------------------------------
*/

html {
	height: 100%;
}

body {                                                                                            
	background: url(media/bkg_images/bkg_body.gif) repeat-x top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
	height: 100%;
}

.login_div {
	position: absolute;
	bottom: 0px;
	left: 0px;
}

a.user_login:link, a.user_login:visited {
	color: #fff;
}

a.user_login:hover, a.user_login:active {
	color: #eee;
}


/*                                                                                               
-------------------------------------------------------------------------------------------------
INTRO INTRO INTRO INTRO INTRO INTRO INTRO INTRO INTRO INTRO INTRO INTRO INTRO INTRO INTRO INTRO 
INTRO INTRO INTRO INTRO INTRO INTRO INTRO INTRO INTRO INTRO INTRO INTRO INTRO INTRO INTRO INTRO 
-------------------------------------------------------------------------------------------------
*/

.intro_container_div {
	margin: 0px;
	padding: 0px;
	width: 100%;
	min-height: 100%;
	background-color: #223b4b;
}

*html .intro_container_div {
	height: 100%;
}

.intro_div {
	position: absolute;
	width: 664px;
	height: 103px;
	left: 50%;
	top: 50%;
	margin-top: -52px;
	margin-left: -332px;
}

.intro_logo_div {
	display: none;
	width: 663px;
	margin-left: 250px;
	margin-bottom: 25px;
}

.intro_zitat_div {
	display: none;
}

/*                                                                                               
-------------------------------------------------------------------------------------------------
CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT 
CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT 
-------------------------------------------------------------------------------------------------
*/

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

.module_content h1, .zoom_title h1 {
	margin: 0px;
	padding: 0px;
	color: #000;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 1px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

.content_div .module_title {
	display: none;
}

.module_content h2, .zoom_function h2 {
	margin: 0px;
	padding: 0px;
	color: #7B7C7E;
	font-size: 10px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

.container_div {
	float: left;
	margin-left: 80px;
	width: 900px;
}

.creative_consulting_div {
	margin-top: 100px;
	margin-left: 690px;
	width: 120px;
	height: 10px;
}

.main_container_div {
	margin-top: 120px;
}

.logo_div {
	margin-bottom: 35px;
}

.menu_div {
	float: left;
	width: 200px;
}

.mainmenu_div {
	display: block;
	margin-bottom: 25px;
}

.submenu_div {
	clear: left;
	display: block;
}

.submenu_div a:link, .submenu_div a:visited {
	font-size: 10px;
	color: #999;
	text-decoration: none;
}

.submenu_div a:hover, .submenu_div a:active {
	color: #000;
}

.quickmenu_div {
	margin-top: 30px;
	display: block;
}

.quickmenu_div a:link, .quickmenu_div a:visited, .quickmenu_div a:hover, .quickmenu_div a:active {
	font-size: 9px;
	color: #999;
	text-decoration: none;
	text-transform: uppercase;
}

ul.quickmenu li {
	list-style-type: none;
}

.content_div {
	float: left;
	width: 650px;
}

.content_div P {
	margin: 0px;
	padding: 0px;
	color: #666;
}

.small_module_container {
	width: 400px;
}

.small_module_container .module_content {
	text-align: justify;
}

.module_container {
	width: 640px;
}


/*
-------------------------------------------------------------------------------------------------
NEWS LIST 
-------------------------------------------------------------------------------------------------
*/


.newslist {
	clear: left;
}

.news_month {
	margin-bottom: 15px;
	text-transform: uppercase;
	line-height: 20px;
	letter-spacing: 1px;
	font-weight: bold;
	border-bottom: 1px solid #000;
	padding-left: 18px;
	background: url(media/news_images/news_month_arrow.gif) no-repeat left center;
}

.month_margin {
	margin-top: 20px;
}

.newslist {
	width: 400px;
}

.newslist_div {
	float: left;
}

.newslist_date {
	display: none;
}	

.newslist_title, .newslist_link {
	float: left;
}

.newslist_title H2 {
	line-height: 18px;
	color: #666;
}


.paging_div {
	float: left;
	margin-top: 50px;
}

.more_news {
	padding: 0px 10px;
}

/*
-------------------------------------------------------------------------------------------------
NEWS LIST
-------------------------------------------------------------------------------------------------
*/

.newspost_fulltext {
	margin-top: 10px;
}

.newspost_image {
	float: left;
	margin-right: 10px;
}


/*
-------------------------------------------------------------------------------------------------
PROJECTS UDT
-------------------------------------------------------------------------------------------------
*/

ul {
	margin: 0px;
	padding: 0px;
}

.portfoliolist_div {
	float: left;
	margin-bottom: 10px;
}

.portfoliolist_ul li {
	display: block;
	float: left;
	list-style-type: none;
	margin-right: 20px;
}

.project_title_function_div {
	margin-bottom: 30px;
}


.preview_zoom_div {
	float: left;
	width: 640px;
	height: 350px;
}

.zoom_div {
	margin-top: 200px;
	margin-left: auto;
	margin-right: 0px;
}

.zoom_link {
	
	border: 0px;
}

/*
-------------------------------------------------------------------------------------------------
PORTFOLIO ZOOM
-------------------------------------------------------------------------------------------------
*/


.zoom_view {
	
	display: none;
	z-index: 10;
	position: absolute;
	top: 138px;
	left: 0px;
	width: 100%;
	padding-bottom: 50px;
	background: #fff url(media/portfolio/bkg_portfolio.gif) repeat-x bottom left;
}

.zoom_view_div {
	
	margin: 72px 0px 0px 80px;
	background-color: #fff;
}

.zoom_image {
	float: left;
	margin: 30px 0px 30px 0px;
	width: 842px;
	overflow: hidden;
}

.zoom_navigation {
	clear: left;
}

.zoom_navigation_ul li {
	float: left;
	list-style-type: none;
}

.zoom_navigation_ul .zoom_close {
	margin-right: 30px;
}

.zoom_navigation_ul .zoom_blaettern {
	margin: 0px 6px 0px 6px;
}



.slider_div {
	float: left;
	position: relative;
	overflow: hidden;
	width: 842px;
	height: 420px;
}

.slider_img {
	float: left;
	display: block;
	position: absolute;
	overflow: none;
	padding: 0px;
	margin: 0px;
}

.slider {
	position: absolute;
	width: 842px;
	height: 12px;
	top: 405px;
	position: relative;
	background: url(media/portfolio/scrollbar.gif) no-repeat;
}
	
.handle {
	position: absolute;
    cursor: move;
    margin-left: 20px;
    height: 10px;
    width: 90px;
    top: 3px;
    background: url(media/portfolio/scroller.gif) no-repeat;
    z-index: 100;
}

/*
-------------------------------------------------------------------------------------------------
ABOUT GRAPHIC DESIGN -> AJAX
-------------------------------------------------------------------------------------------------
*/
.newest_project {
	margin-top: 30px;
}

.newest_project_image img {
	border: 0px;
}

.newest_project_title {
	margin-top: 5px;
	text-transform: uppercase;
	color: #666;
	letter-spacing: 1px;
}


/*
-------------------------------------------------------------------------------------------------
REFERENCES UDT
-------------------------------------------------------------------------------------------------
*/

#references_ul h1 {
	margin-bottom: 15px;
	text-transform: uppercase;
	line-height: 20px;
	letter-spacing: 1px;
	font-weight: bold;
	padding-left: 18px;
	background: url(media/references/bkg_references_title.gif) no-repeat left center;
}

.references_single_div {
	float: left;
	width: 230px;
	color: #666;
}

/*
-------------------------------------------------------------------------------------------------
IMPRESSUM
-------------------------------------------------------------------------------------------------
*/

#impressum_ul li { color: #666; }