/*********************************************************************************************** 
*	DEFAULTS
***********************************************************************************************/
html, body {
	height				:	100%;
	width				:	100%;
	margin				:	0px;
	padding				:	0px;
	text-align			:	center;
	font-family			:	"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
	background-color	:	#4777c3;
	font-size			:	11px;
	color				:	#9dc3ff;
}

img {
	display				:	block;
	overflow			:	hidden;
	border				:	0px;
}

.clear {
	height				:	1px;
	overflow			:	hidden;
	clear				:	both;
}

/*********************************************************************************************** 
*	ARCHITEKTUR
***********************************************************************************************/

#container {
	width				:	1061px;
	height				:	auto;
	margin				:	0px auto;
	background-image	:	url(../img/bg_wave.gif);
	background-position	:	top right;
	background-repeat	:	no-repeat;

}

#center {
	width				:	100%;
}

#content {
	display				:	block;
	float				:	left;
	width				:	522px;
	padding				:	8px 0px 0px 10px;
	text-align			:	left;
}

/*********************************************************************************************** 
*	HEADER
***********************************************************************************************/

#header {
	display				:	block;
	width				:	100%;
	height				:	200px;
}


#logo{
	float				:	right;
	position			:	relative;
	top					:	60px;
	right				:	290px;
}


/*********************************************************************************************** 
*	MENUE
***********************************************************************************************/

#menue{
	float				:	left;
	height				:	251px;
	width				:	176px;
	padding				:	35px 0px 0px 23px;
	position			:	relative;
	top					:	0px;
	left				:	3px;
	text-align			:	left;
	font-size			:	13px;
	background-image	:	url(../img/bg_menue.gif);
	background-repeat	:	no-repeat;
}


#menue ul
{
	margin				:	0;
	padding-left		:	0px;
	list-style-type		:	none;
}

#menue a
{
	display				:	block;
	height				:	27px;
	width				:	129px;
	padding				:	5px 0 0 14px;
	color				:	#fff;
}

#menue a:link, #navlist a:visited
{
	text-decoration		:	none;
}


#active a:link, #active a:visited, #active a:hover, #menue a:hover
{
	background-image	:	url(../img/menue_button.gif);
	background-repeat	:	no-repeat;
}

/*********************************************************************************************** 
*	FOOTER
***********************************************************************************************/

#footer{
	float				: 	left;
	height				:	200px;
	width				: 	100%;
	text-align			:	left;
	background-image	:	url(../img/bg_footer.gif);
	background-repeat	:	repeat-x;
}

#address{
	display				:	block;
	height				:	inherit;
	width				:	1061px; 
	margin				:	0px auto;
	padding				:	10px 0px 10px 0px;
	position			:	relative;
	left				:	87px;
}

.ti1 {
	width				:	115px;
	vertical-align		:	top;
	padding-top			:	8px;
	color				:	#fff;
}


.ti2 {
	vertical-align		:	top;
	padding-top			:	8px;
}

/*********************************************************************************************** 
*	ACCORDION
***********************************************************************************************/

.display a, .display a:link, .display a:visited{
display:block;
height:28px;
width:531px;
padding:5px 0 0 12px;
background-image:url(../img/accordion.gif);
text-decoration:none;
background-repeat:no-repeat
}

.display a:hover{
background-image:url(../img/accordion_hover.gif);
text-decoration:none;
background-repeat:no-repeat
}


/*********************************************************************************************** 
*	TYPO
***********************************************************************************************/


a {
	color				:	#ffffff;
	text-decoration		:	none;	
}

a:hover {
	text-decoration		:	underline;
}

h1 {
	margin				:	0px;
	font-size			:	26px;
	font-weight			:	100;
	color				:	#ccff00;
	padding-bottom:10px;
}

h2 {
	margin				:	0px;
	font-size			:	18px;
	font-weight			:	100;
	color				:	#ccff00;
	padding-bottom:10px;
}

h3 {
	margin				:	0px;
	font-size			:	14px;
	font-weight			:	100;
	color				:	#fff;
}

p {
	font-size			:	13px;
	line-height			:	18px;
	color				:	#bbe1f8;
	margin:0px;
	padding-bottom:10px;
}

p.color_fff {
	color				:	#fff;
}
 
#aboutme {
	height				:	250px;
	width				:	132px;

	position			:	relative;
	float				:	right;

	border-left			:	1px solid #fff;
	text-align			:	center;
}

ul#hp li{
	float				:	none;

	padding				:	6px 0px 0px 0px;
	font-size			:	14px;
	list-style-image	:	url(../img/bullet_green.gif);
}

.s1{
	font-size			:	11px;
	color				:	#cce4ff;
}

.hp_galerie .galerie {
	display				:	block;
	width				:	100%;
	margin				:	0;
	padding				:	0px 0px 20px 0px;
	list-style-type		:	none;
}

.hp_galerie .galerie li {
	display				:	inline;
	float				:	left;
	padding				:	0px 10px 10px 0px;
	list-style-type		:	none;
}

.hp_galerie .galerie li a{
	display				:	block;
	padding				:	0px;
	border				:	2px solid transparent;
}

.hp_galerie .galerie li a:hover {
	background-position	:	3px 3px;
	border				:	2px solid #ccff00;
}

.customer {
	display				:	block;
	float:left;
	padding:10px 0 0 0;
	width:510px;

}

.customer a{
	display				:	block;
	padding				:	0px;
	border				:	2px solid transparent;
}

.customer a:hover {
	border				:	2px solid #ccff00;
}