@charset "utf-8";

html{
height:101%}

body {
font-family:"Verdana", Times New Roman, Times, serif;
font-size:10px;
line-height:16px;
color:#666666;
height:100%;}

h1 {
	font-family:"Verdana", "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	padding-top: 40px;
	padding-bottom: 0px;
}

.normal{
	font:"Verdana", Arial, Helvetica, sans-serif small;
	font-size:10px; 
	font-color: #333333} 

a{
	text-align: left;
	float: 10px;
	color:#666666;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
	color:#333333;
	}

a:visited{
	color:#666666;
	text-decoration:underline;
}

#wrapper {
	width:1010px;
	height:100%;
	margin:0 auto 0 auto;
}

#navi_right {
width:275px;
height:480px;
float:right;
}

/*
**********************************************
Navigation rechts (Kontakt, Impressum) start
**********************************************
*/

#navi_right ul {
	position:relative;
	top: 160px;
	left: 0px;
}

#navi_right li {list-style-type:none;}

#navi_right a.referenzen{
background:url(img/navi/referenzen.jpg) no-repeat left;
width:280px;
height:129px;
display:block;} 
#navi_right a.referenzen:hover{
background: url(img/navi/referenzen.jpg) no-repeat right;}
#navi_right a.referenzenact{
background: url(img/navi/referenzen.jpg) no-repeat right;
width:280px;
height:129px;
display:block;} 

#navi_right a.kontakt{
background: url(img/navi/kontakt.jpg) no-repeat left;
width:280px;
height:89px;
display:block;} 
#navi_right a.kontakt:hover{
background: url(img/navi/kontakt.jpg) no-repeat right;}
#navi_right a.kontaktact{
background: url(img/navi/kontakt.jpg) no-repeat right;
width:280px;
height:89px;
display:block;} 

#navi_right .rest{
background:url(img/navi/rest.jpg) no-repeat left;
width:288px;
height:114px;}

#navi_left a.uebermich{
background: url(img/navi/ueber_mich.jpg) no-repeat left;
width:177px;
height:124px;
display:block;} 
#navi_left a.uebermich:hover{
background: url(img/navi/ueber_mich.jpg) no-repeat right;
width:177px;
height:124px;
display:block;}
#navi_left a.uebermichact{
background: url(img/navi/ueber_mich.jpg) no-repeat right;
width:177px;
height:124px;
display:block;} 

/*
**********************************************
Navigation rechts (Kontakt, Impressum) Ende
**********************************************
*/

#content {
	width:450px;
	height:480px;
	float:right;
	margin-top: 40px;
}
#content table{
	margin:0px;
}
#content table tr{margin:0px; padding:0px;}
#content table tr td{
	margin:0px;
}

/* Sprach Icons */
.language{
	margin-left:50px;
	width:90px;
	height:20px;
}


/* Sprach Icons ende*/

#text {
width:450px;
list-style-image:url(img/liststyletype.jpg);
margin-top:50px;}

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

#text a:hover {
text-decoration:underline;
color:#333333;}

#text a:active {
text-decoration:none;
color:#999999;}



#navi_left {

width:240px;
height:480px;
float:left;

}

/*
**********************************************
Navigation links (home, bio etc..) start
**********************************************
*/

#navi_left ul {
	position:absolute;
	top: 15%;
}


#navi_left li {
list-style-type:none;
}

#navi_left a.home{
background: url(img/navi/start.jpg) no-repeat left;
width:177px;
height:128px;
display:block;} 
#navi_left a.home:hover{
background: url(img/navi/start.jpg) no-repeat right;}
#navi_left a.homeact{
background: url(img/navi/start.jpg) no-repeat right;
width:177px;
height:128px;
display:block;} 

/*#navi_left a.bio{
background: url(img/navi/bio.jpg) no-repeat left;
width:180px;
height:121px;
display:block;} 
#navi_left a.bio:hover{
background: url(img/navi/bio.jpg) no-repeat right;}
#navi_left a.bioact{
background: url(img/navi/bio.jpg) no-repeat right;
width:180px;
height:121px;
display:block;} */

#navi_left a.uebermich{
background: url(img/navi/ueber_mich.jpg) no-repeat left;
width:177px;
height:124px;
display:block;} 
#navi_left a.uebermich:hover{
background: url(img/navi/ueber_mich.jpg) no-repeat right;
width:177px;
height:124px;
display:block;}
#navi_left a.uebermichact{
background: url(img/navi/ueber_mich.jpg) no-repeat right;
width:177px;
height:124px;
display:block;} 

#navi_left a.leistungen{
background: url(img/navi/leistungen.jpg) no-repeat left;
width:177px;
height:124px;
display:block;} 
#navi_left a.leistungen:hover{
background: url(img/navi/leistungen.jpg) no-repeat right;}
#navi_left a.leistungenact{
background: url(img/navi/leistungen.jpg) no-repeat right;
width:177px;
height:124px;
display:block;} 

#navi_left a.galerien{
background: url(img/navi/galerien.jpg) no-repeat left;
width:177px;
height:128px;
display:block;} 
#navi_left a.galerien:hover{
background: url(img/navi/galerien.jpg) no-repeat right;}
#navi_left a.galerienact{
background: url(img/navi/galerien.jpg) no-repeat right;
width:177px;
height:128px;
display:block;} 

/*
**********************************************
Navigation links (home, bio etc..) ende
**********************************************
*/

#lang{
font-family:"Verdana",Times New Roman, Times, serif;
font-size:14px;
position:absolute;
width:170px;
height:25px;
margin-top:60px;
margin-left:170px;}
#lang a {
text-decoration:none;
color:#66666}
#lang a:hover {
text-decoration:underline;
color:#333333}
#lang a:active{
text-decoration:none;
color:999999;}

#start a.start{
background: url(img/navi/start2_hover.png) no-repeat left;
width:100px;
height:20px;
display:block;} 
#start a.start:hover{
background: url(img/navi/start2_hover.png) no-repeat right;}

#text a.right {
display:block;
margin-right:10px;
width:27px;
height:54px;
background: url(img/right.jpg) no-repeat right}
#text a.right:hover {width:37px;
margin-right:0px;
background: url(img/right.jpg) no-repeat right}

#text a.left {
display:block;
margin-left:10px;
width:27px;
height:54px;
background: url(img/left.jpg) no-repeat left;}
#text a.left:hover {width:37px;
margin-left:0px;
background: url(img/left.jpg) no-repeat left;}

a.x{
margin-left:25px;
font-size:10px;
color:#999999;
text-decoration:none;}

a.x:hover{
color:#333333;
text-decoration:underline;}

a.gallerielink {
color:#666666;
text-align:center;
text-decoration:underline;}

a.gallerielink:hover {
color:#666666;
text-align:center;
text-decoration:underline;}

a.galerien1 {
	display:block;
	background:url(img/galerie_1.jpg);
	height: 173px;
	width: 117px;
	border: 0;
}

a.galerien1:hover {
	background:url(img/galerie_1a.jpg);
	border: 1;
	border-top-color: #666666;
	border-right-color: #66666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	border-top-style: inset;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

a.galerien2 {
display:block;
background:url(img/galerie_2.jpg);
height: 173px;
width: 117px;
border: 0;}

a.galerien2:hover {
	background:url(img/galerie_2a.jpg);
	border: 1;
	border-top-color: #666666;
	border-right-color: #66666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	border-top-style: inset;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

a.galerien3 {
display:block;
background:url(img/galerie_3.jpg);
height: 173px;
width: 117px;
border: 0;}

a.galerien3:hover {
	background:url(img/galerie_3a.jpg);
	border: 1;
	border-top-color: #666666;
	border-right-color: #66666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	border-top-style: inset;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	}

a.galerien4 {
display:block;
background:url(img/galerie_4.jpg);
height: 172px;
width: 117px;
border: 0;}

a.galerien4:hover {
	border: 1;
	border-top-color: #666666;
	border-right-color: #66666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	border-top-style: inset;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}