/* */
div.clear
{
	margin:0;
	padding:0;
	clear:both;
	width:1px;
	height:1px;
}

form
{
	margin:0;
	padding:0;
}


/* */
html
{
	height:100%;
}

body
{
	font-family:Verdana, Arial;	
	font-size:10pt;
	color:#006283;
	margin:0;
	padding:0;
	overflow-y:scroll;
	
	min-height:100%;
	min-width:500px;
	height:100%;
}

div, textarea, input, button, select
{
	font-family:Verdana, Arial;
	font-size:10pt;
	color:#006283;
	margin:0;
	padding:0;
	overflow:hidden;
}

/* */
div.page_left
{
	width:659px;
	text-align:left;
	float:left;
	padding:0;
}

div.page_right
{
	width:185px;
	text-align:right;
	float:left;
	padding:0;
}

div.page_right img.logo
{
	margin-top:48px;
	margin-right:1px;
	padding:0;
	border:0;
}


/* Hauptbereich */
#main
{
	width:100%;
	min-height:100%;
}


/* Navigation */
#navi
{
	width:100%;
	height:30px;
	background-image:url(navigation/normal/navi_top_1px.jpg);
	text-align:center;
}

#navi_content
{
	width:844px;
	height:100%;
	margin:0 auto;
	text-align:left;
}

div.navi_item
{
	position:relative;
	display:block;
	height:30px;
}

div.navi_item img.navi_item_hover
{
	position:absolute;
	left:0px;
	top:30px;
	height:30px;
}

div.page_left div.navi_item
{
	float:left;
}

div.page_right div.navi_item
{
	float:right;
}


/* Start */
#start
{
	width:100%;
	min-height:100%;
	position:absolute;
	top:0;
	bottom:0;
	background-color:#F4F9FD;
}

#start_body
{
	width:100%;
	height:140px;
	background-image:url(start/start_body_1px.jpg);
	background-repeat:repeat-x;
	text-align:center;
}

#start_body_content
{
	width:844px;
	height:100%;
	margin:0 auto;
	text-align:left;
}

#start_footer
{
	width:100%;
	height:75px;
	background-image:url(start/start_body_sub_1px.jpg);
	text-align:center;
}

#start_footer_content
{
	width:844px;
	height:100%;
	text-align:left;
	margin:0 auto;
	text-align:left;
}

/*
#start_footer_content div
{
	display:block;
	height:75px;
	float:left;
}
*/

/*
div.start_item
{
	position:relative;
}

div.start_item img.start_item_hover
{
	height:75px;
	position:absolute;
	left:0px;
	top:75px;
}
*/

/* Impressum */
#imprint
{
	background-color:white;
	height:100%;
}

#imprint_body
{
	width:100%;
	min-height:228px;
	background-color:#F4F9FD;
	background-image:url(imprint/imprint_bkg_1px.jpg);
	background-repeat:repeat-x;
	text-align:center;
}

#imprint_body_content
{
	width:844px;
	margin:0 auto;
	text-align:center;
}

#imprint_footer_content_goo
{
	width:100%;
	height:100%;
	min-height:60px;
	background-image:url(goo.gif);
	background-repeat:no-repeat;
	background-position:63px bottom;
	margin:0;
	padding:0;
}

#imprint_footer
{
	width:100%;
	background-image:url(imprint/imprint_1px.jpg);
	background-repeat:repeat-x;
	text-align:center;
}

#imprint_footer_content
{
	width:844px;
	min-height:270px;
	background-image:url(imprint/ip_dots.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
	text-align:left;
}

#imprint_footer_content_text
{
	width:490px;
	margin:15px 0px 0px 95px;
	padding:5px;
	text-align:left;
	font-family:Trebuchet MS;
}

#imprint_footer_content div.paragraph
{
	/* margin:0 30px 16px 10px; */
	margin:0px 0px 15px 0px;
	color:#006283;
	
	font-family:Trebuchet MS;
	background-color:#fff;
	color:#006283;
	text-decoration:none;
	word-spacing:0.15em;
	text-align:left;
	letter-spacing:0;
	line-height:1.4em;
	font-size:1em;
}

#imprint_footer_content div.paragraph div
{
	font-size:0.8em;
}

#imprint_footer_content div.paragraph h1
{
	margin:0 0 8px 0;
	padding:8px 0 8px 0;
	border-top:1px dotted #006283;
	border-bottom:1px dotted #006283;
	color:#006283;
	font-family:Trebuchet MS;
	/* font-size:10pt; */
	font-size:1em;
	font-weight:bold;
}

#imprint_footer_content div.paragraph h1:hover
{
	background-color:#f5fbff;
}

#imprint_footer_content div.paragraph a
{
	color:#006283;
	text-decoration:none;
}

#imprint_social
{
	width:100%;
	border-top:1px solid #d9dada;
	text-align:center;
}

#imprint_social_content
{
	width:844px;
	margin:0 auto;
	text-align:left;
}

#imprint_social_content div.links
{
	margin-left:90px;
}


/* Kontakt */
#contact
{
	background-color:white;
	width:100%;
}

#contact_body
{
	width:100%;
	/* height:256px; */
	height:228px;
	background-color:#F4F9FD;
	background-image:url(kontakt/kontakt_bkg_1px.jpg);
	background-repeat:repeat-x;
	text-align:center;
}

#contact_body_content
{
	width:844px;
	height:100%;
	margin:0 auto;
	padding:0;
	text-align:center;
}

#contact_body_content div.page_left
{
	text-align:right;
}

#contact_body_content div.page_left img.vcard
{
	margin-right:60px;
}

/*
#contact_footer
{
	width:100%;
	background-image:url(kontakt/kontakt_1px.jpg);
	background-repeat:repeat-x;
	text-align:center;
}

#contact_footer_content
{
	width:844px;
	min-height:270px;
	background-image:url(kontakt/kt_dots.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
	text-align:left;
}
*/

#contact_footer
{
	width:100%;
	background-image:url(kontakt/kontakt_1px.jpg);
	background-repeat:repeat-x;
	text-align:center;
}

#contact_footer_content
{
	width:844px;
	min-height:270px;
	background-image:url(kontakt/kt_dots.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
	text-align:left;
}

#contact_footer_content_goo
{
	width:100%;
	height:100%;
	min-height:270px;
	background-image:url(goo.gif);
	background-repeat:no-repeat;
	background-position:58px bottom;
	margin:0;
	padding:0;
}

#contact_footer_content_form
{
	width:508px;
	margin:10px 0px 0px 90px;
	padding:0;
	text-align:left;
}

#contact_footer_content_form div#notice
{
	height:45px;
	background-color:#D2E9EF;
}

#contact_footer_content_form #success div.info
{
	height:45px;
	background-color:#006283;
	padding-left:35px;
}

#contact_footer_content_form #success div.msg
{
	padding:15px 0px 0px 30px;
}

#contact_footer_content_form #success div.continue
{
	padding:35px 0px 0px 30px;
}

#contact_footer_content_form div.line
{
	min-height:30px;
	margin:2px 0px 0px 0px;
	padding:0;
}

#contact_footer_content_form div.line div.title
{
	width:150px;
	height:30px;
	background-color:#E9EEF1;
	float:left;
	padding:0;
}

#contact_footer_content_form div#notice div.info div.mark
{
	width:20px;
	height:20px;
	margin:12px 0px 3px 5px;
	padding:0;
	float:left;
}

#contact_footer_content_form div.line div.title div.mark
{
	width:20px;
	height:20px;
	margin:5px 0px 3px 5px;
	padding:0;
	float:left;
}

#contact_footer_content_form div.line div.small,
#contact_footer_content_form div.line div.medium,
#contact_footer_content_form div.line div.big
{
	height:30px;
	background-color:#E9EEF1;
	float:right;
}

#contact_footer_content_form div.line div.small
{
	width:103px;
	margin-right:2px;
}

#contact_footer_content_form div.line div.medium
{
	width:250px;
}

#contact_footer_content_form div.line div.big
{
	width:355px;
}

#contact_footer_content_form div.line div.text
{
	width:355px;
	height:100px;
	background-color:#E9EEF1;
	float:right;
}

#contact_footer_content_form div.line div.button
{
	float:right;
}

#contact_footer_content_form div.line div.button,
#contact_footer_content_form div.line button,
#contact_footer_content_form div.line button img,
#contact_footer_content_form div.line input[type=image]
{
	width:355px;
	height:45px;
	margin:0;
	border:0;
	padding:0;
}

#contact_footer_content_form div.line input[type=text],
#contact_footer_content_form div.line textarea
{
	width:100%;
	height:100%;
	background-color:transparent;
	border:0;
	padding:6px 3px 3px 3px;
}

#contact_footer_content_form div.line textarea
{
	width:350px;
	height:90px;
	overflow-y:auto;
}

#contact_footer_content_form div.dark
{
	background-color:#006283 !important;
}

#contact_footer_content_form div.error
{
	background-color:#F0D3D3 !important;
}

#contact_social
{
	width:100%;
	border-top:1px solid #d9dada;
	text-align:center;
}

#contact_social_content
{
	width:844px;
	margin:0 auto;
	text-align:left;
}

#contact_social_content div.links
{
	margin-left:90px;
}


/* Portfolio */
#portfolio
{
	height:100%;
}

#portfolio_body
{
	width:100%;
	height:660px;
	background-color:#F4F9FD;
	background-image:url(portfolio/pf_1px.jpg);
	background-repeat:repeat-x;
	text-align:center;
}

#portfolio_body_bg
{
	width:100%;
	height:100%;
	background-image:url(portfolio/hintergrund.jpg);
	background-repeat:no-repeat;
	background-position:center 310px;
}

#portfolio_body_content
{
	width:874px;
	height:660px;
	margin:0 auto;
	text-align:center;
	background-image:url(portfolio/goo.gif);
	background-position:20px bottom;
	background-repeat:no-repeat;
}

#portfolio_body_content_menu
{
	width:100%;
	height:145px;
	text-align:left;
}

#portfolio_body_content_menu_items
{
	text-align:left;
	margin-top:48px;
	margin-left:56px;
	line-height:25px;
}

#portfolio_body_content_menu_items a
{
	color:#006283;
	text-decoration:none;
}

#portfolio_body_content_menu_items a.normal:hover, a.selected
{
	font-weight:bold;
}


#portfolio_body_content_board
{
	width:100%;
	height:100%;
	text-align:right;
}


#portfolio_body_content_board_menu
{
	height:20px;
	width:100%;
	text-align:right;
}

#portfolio_body_content_board_menu_view
{
	width:730px;
	height:20px;
	line-height:20px;
	text-align:left;
	vertical-align:bottom;
	margin:0 auto;
}

#portfolio_body_content_board_menu_view a
{
	text-decoration:none;
	padding-left:10px;
	font-family:Verdana, Arial;	
	font-size:8pt;
	color:#006283;
}


#portfolio_body_content_board_details
{
	margin-top:20px;
	width:100%;
	text-align:center;
		
	font-family:Trebuchet MS;
	text-decoration:none;
	word-spacing:0.15em;
	letter-spacing:0;
	line-height:1.4em;
	font-size:1em;
}

#portfolio_details_infos
{
	width:730px;
	text-align:left;
	margin:0 auto;
}

#portfolio_details_infos_customer
{
	float:left;
	text-align:left;
	font-family:Verdana, Arial;	
	font-size:8pt;
	color:#006283;
}

#portfolio_details_infos_link
{
	float:right;
	text-align:right;
	font-family:Verdana, Arial;	
	font-size:8pt;
	color:#006283;	
}

#portfolio_details_infos_description
{
	text-align:left;
	font-family:Verdana, Arial;
	font-size:8pt;
	color:#006283;
}

#portfolio_details_infos_link a
{
	text-decoration:none;
	font-family:Verdana, Arial;	
	font-size:8pt;
	color:#006283;
}

#portfolio_details_infos_link a:hover
{
	font-weight: bold;
}

#portfolio_details_infos div.title,
#portfolio_details_infos div.value
{
	padding:5px;
	font-family:Verdana, Arial;
	font-size:8pt;
	color:#006283;
	text-align:left;
}

#portfolio_details_infos_customer div.title,
#portfolio_details_infos_description div.title
{
	width:80px;
}

#portfolio_details_infos_customer div.line,
#portfolio_details_infos_link div.line,
#portfolio_details_infos_description div.line
{
	background-color:white;
}

#portfolio_details_infos_customer div.title,
#portfolio_details_infos_customer div.value,
#portfolio_details_infos_description div.title
{
	float:left;
}

#portfolio_details_infos_link div.title,
#portfolio_details_infos_link div.value
{
	float:right;
}

#portfolio_body_content_board_area
{
	height:310px;
	text-align:right;
	margin:0;
	padding:0;
}

#portfolio_body_content_board_area_view_header,
#portfolio_body_content_board_area_view_footer
{
	width:873px;
	height:10px;
	margin:0;
	padding:0;
	text-align:right;
	float:right;
}

#portfolio_body_content_board_area_view_header img,
#portfolio_body_content_board_area_view_footer img
{
	width:873px;
	height:10px;
	margin:0;
	padding:0;
	border:0;
	float:right;
}

#portfolio_body_content_board_area_view
{
	width:873px;
	height:290px;
	text-align:center;
	float:right;
}

#portfolio_body_content_board_area_view_left
{
	width:70px;
	height:290px;
	text-align:center;
	float:left;
}

#portfolio_body_content_board_area_view_center
{
	width:733px;
	height:290px;
	line-height:290px;
	text-align:center;
	vertical-align:middle;
	float:left;
	background-image:url(portfolio/portfolio_board_main.gif);
}

#portfolio_body_content_board_area_view_right
{
	width:70px;
	height:290px;
	text-align:center;
	float:left;
}


div.border_left
{
	width:15px;
	float:left;
}

div.border_right
{
	width:15px;
	float:right;
}


#portfolio_social
{
	width:100%;
	border-top:1px solid #d9dada;
	text-align:center;
}

#portfolio_social_content
{
	width:844px;
	margin:0 auto;
	text-align:left;
}

#portfolio_social_content div.links
{
	margin-left:90px;
}