body {
	padding: 0;
	margin: 0;
	background-color: #85b2d3;
	font: 13px/17px "Arial", sans-serif;
	color: #323232;
}

a {
	font-size: 14px;
	color: #188fe1;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #fffffc;
	background-color: #188fe1;
}

.none, .none:hover {
	background-color: #fffffc;
	float:right;
}

.link_style2 {
	font-size: 12px;
	color: #188fe1;
	font-weight: bold;
	text-decoration: none;
}
.link_style2:hover {
	background-color: #188fe1;
	color: #fffffc;
}

.link_style3 { background-color: #fffffc; text-decoration: none; }
.link_style3:hover { background-color: #fffffc; text-decoration: none; }

.link_xing { display: block;  width: 61px; height: 26px; background-color: #fffffc; background-image:url('../images/xing_off.jpg'); }
.link_xing:hover  { background-image:url('../images/xing_on.jpg');}

.link_skype { display: block; width: 61px; height: 23px; margin-top: 8px; background-color: #fffffc; background-image:url('../images/skype_off.jpg');}
.link_skype:hover  { background-image:url('../images/skype_on.jpg');}




#website {
	width: 1231px;
	float: left;
}

#left {
	float: left;
	width: 431px;
	height: 800px;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;

}

#content {
	padding: 0; margin:0;
	float: left;
	background-color: #fffffc;
	background-image: url('../images/main_bg.jpg');
	background-repeat: repeat-y;
	width: 800px;
}

#main { float: left; width: 600px; padding: 25px  0 0 25px; }

.header_start, .header_portfolio, .header_kontakt, .header_impressum {
	width: 555px;
	height: 70px;
	margin-bottom: 30px;
}

p { padding: 5px; margin: 0 0 25px 16px; font: 13px/17px "Arial", sans-serif; color: #323232; width: 500px; }
/*p:hover { background-color: #a7c7dc; cursor: default;}*/

.mt_s { margin: 6px 0 0 0px; }
.mt5 { margin: 8px 0 0 0px; }
.mt10 { margin: 5px 0 0 15px; }
.mt30 { margin: 30px 0 0 15px; }
.ml21  { margin: 15px 0 0 21px; }
.ml15   { margin: 15px 0 0 21px; }


.spacer_s { float: left; height: 2px; width: 23px; background-color: #fffffc;}

.startblock { display: block; height: 34px; width: 60px; background-color: #565856; }

#hmenu { padding: 0; margin: 1px; }
#hmenu ul { padding: 0; margin: 0px; list-style-type: none }
#hmenu ul li { padding: 0; margin: 0; float: left; }
#hmenu ul li a { display: block; margin: 0 0px 0 1px; height: 20px; font-weight: normal; font-family: arial; font-size: 11px; letter-spacing:0; color:#565856; text-decoration: none; border: 9px solid #fffffc; border-bottom: 5px solid #fffffc; }
#hmenu ul li a:hover { 	color:#fffffc;}


#hmenu ul li .hmenu1 		{ width: 23px; background-color: #fffffc; border:9px solid #fffffc; border-bottom: 5px solid #fffffc;}
#hmenu ul li .hmenu1:hover,
#hmenu ul li .hmenu1active	{ width: 23px; background-color: #606160; color:#fffffc; border:9px solid #606160; border-bottom: 5px solid #606160;}
#hmenu ul li .hmenu1active  	{ cursor: default; }

#hmenu ul li .hmenu2 		{ width: 39px; background-color: #fffffc; border:9px solid #fffffc; border-bottom: 5px solid #fffffc; }
#hmenu ul li .hmenu2:hover, 
#hmenu ul li .hmenu2active  	{ width: 39px; background-color: #737473; color:#fffffc; border:9px solid #737473; border-bottom: 5px solid #737473; color:#fffffc;}
#hmenu ul li .hmenu2active  	{ cursor: default; }

#hmenu ul li .hmenu3		{ width: 38px; background-color: #fffffc; border:9px solid #fffffc; border-bottom: 5px solid #fffffc;}
#hmenu ul li .hmenu3:hover, 
#hmenu ul li .hmenu3active	{ width: 38px; background-color: #959795; color:#fffffc; border:9px solid #959795; border-bottom: 5px solid #959795;}
#hmenu ul li .hmenu3active  	{ cursor: default; }

#hmenu ul li .hmenu4 		{ width: 52px; background-color: #fffffc; border:9px solid #fffffc; border-bottom: 5px solid #fffffc;}
#hmenu ul li .hmenu4:hover, 
#hmenu ul li .hmenu4active	{ width: 52px; background-color: #ababab; color:#fffffc; border:9px solid #ababab; border-bottom: 5px solid #ababab;}
#hmenu ul li .hmenu4active  	{ cursor: default; }


#vmenu { padding: 0; margin: 0; float: left; }
#vmenu ul { padding: 0; margin: 1px 0 0 1px; list-style-type: none }
#vmenu ul li { padding: 0; margin: 0;}
#vmenu ul li a { display: block; width: 60px; height: 80px; background-color: #85b2d3; margin-bottom: 1px;}
#vmenu ul li .vmenu_1 { height: 130px; background-image: url('../images/start_off.jpg'); }
#vmenu ul li .vmenu_1:hover { height: 130px; background-image: url('../images/start_on.jpg'); }
#vmenu ul li .vmenu_1_active{ height: 130px; background-image: url('../images/start_on.jpg'); cursor:default;}
#vmenu ul li .vmenu_2 { height: 202px; background-image: url('../images/portfolio_off.jpg'); }
#vmenu ul li .vmenu_2:hover { height: 202px; background-image: url('../images/portfolio_on.jpg'); }
#vmenu ul li .vmenu_2_active{ height: 202px; background-image: url('../images/portfolio_on.jpg'); cursor:default;}
#vmenu ul li .vmenu_3 { height: 202px; background-image: url('../images/kontakt_off.jpg'); }
#vmenu ul li .vmenu_3:hover { height: 202px; background-image: url('../images/kontakt_on.jpg'); }
#vmenu ul li .vmenu_3_active { height: 202px; background-image: url('../images/kontakt_on.jpg'); cursor:default }



#footer  { display: block; margin: 50px 0 30px 12px; width: 535px; height: 50px; background-image: url('../images/footer.jpg'); background-repeat: no-repeat; }

.list1 { margin-left: 0px;list-style-image: url('../images/li.jpg');}
.list1 li { font: 13px/17px "Arial", sans-serif;}

/*ul li  { width: 450px; padding: 5px; font-size: 13px; color: #323232; }
ul li:hover { font-size: 13px; color: #323232; background-color: #a7c7dc; cursor: default; }*/

.infobox1 { float: left; margin-left: 21px; width: 150px }
.infobox2 { float: left; padding: 5px; margin: -5px 0 21px 16px; width: 320px; color: #323232; font: 13px/17px "Arial", sans-serif;}
.infobox2:hover  { background-color: #a7c7dc; cursor: default; color: #222}
.infobox3 { float: left; padding: 5px; margin: -5px 0 21px 16px; width: 320px; color: #000; font: 13px/17px "Arial", sans-serif;}



.box_style1 { float: left; margin: 15px 0 0 21px; font-size: 13px; }
.box_style2 { float: left; margin-left: 25px; font-size: 13px; }


.top_box 		{ margin: 25px 0 0 18px; display: block; height: 18px; width: 30px; background-color: #929292; float: left;}
.top_box:hover 	{ background-color: #565856; }
/*
.top_box 		{ margin: 25px 0 0 0px; display: block; height: 13px; width: 30px; background-color: #565856; border-top: 5px solid #565856; float: left;}
.top_box:hover 	{ background-color: #565856; border-top: 5px solid #323232;}
*/
.header_img { float: left; margin: 23px 0 5px 5px; }

.form_error, .form_thanks {
	font-weight: bold;
	margin: 5px 0 0px 21px;
	background-color: #a7c7dc;
	width: 440px;
}

.form_thanks { margin: 5px 0 10px 21px; }


.list2 { padding: 0; margin: 5px 0 0 42px;list-style-image: url('../images/li.jpg');}
.list2 li { font-size: 13px; }

h1 {
	display: inline;
	font-weight: bold;
	font: 15px "Arial";
	font-weight: bold;
	width: 500px;
	font-size: 13px;
	margin: 0 0 25px 21px;
	padding: 5px 0;
	color: #323232;
}

/*h1:hover { background-color: #a7c7dc; cursor: default; color: #222;}*/


h3 {
	display: inline;
	color: #323232;
	font-weight: normal;
	padding: 0;
	margin:0;
}


.style1 {font-size: 9px;  color: #323232;}
.style2 {font-size: 10px; color: #323232;}
.style3 {font-size: 11px; color: #323232;}

.hstyle1 { 	font-weight: bold;
			font-size: 13px;
			color: #323232; }

.style_online_ {font-weight:bold; color: #33FF66; }
			

table { margin: 0 0 0 21px; padding:0}	

table tr td { color: #565856;}
table tr td:hover { color: #323232;}

table tr td  input{ border: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; background-image: url('../images/input_bg.jpg'); background-repeat: repeat-x; padding-left: 1px;}
table tr td  input:hover{ border: 1px solid #aaa;}

table tr td select { margin: 10px 0; border: 1px solid #e3e3e3; background-image: url('../images/input_bg.jpg'); background-repeat: repeat-x; padding-left: 1px; color:#565856; width: 440px;  }

table tr td  textarea{ font: 13px/17px "Arial", sans-serif; color: #323232;border: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; background-image: url('../images/input_bg.jpg'); background-repeat: repeat-x; padding-left: 1px;}
table tr td  textarea:hover { border: 1px solid #aaa; }

.sendButton { padding: 2px 8px 2px 8px; background-color: #fffffc; background-image: url('../images/input_bg.jpg');  background-repeat: repeat-x;}
.sendButton:hover { background-image: url('../images/input_bg_on.jpg'); border:1px solid #aaa; cursor: pointer;}

.clear_both{ clear: both; }