/* ~~~~~~~~~ layout ~~~~~~~~~~ */

#containerstart {
	width: 900px;
	margin: 30px auto;
	background: url(../images/signet_illustriert.png) no-repeat right top;
	opacity: 1.0;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	min-height:700px;
	
}

/* ~~~~~~~~~ header ~~~~~~~~~~ */

#main-navigation {
/*	width:100%;*/
/*	box-sizing: border-box;*/
	margin: 20px 0;
/*	margin: 0px 0px;*/
	margin-top: 38px;
}
	#main-navigation ul {
		overflow: hidden;
		width: 100%;
		list-style: none;
			font-size:16px;
			font-weight: normal;
	}
		#main-navigation li {
			float: left;
		}
			#main-navigation li a {
				margin: 0 30px 0 0;
				padding: 0px 0px;
				display: block;

				color: #999999;
				text-decoration: none;
					font-weight: normal;
			}
			#main-navigation li.current a {
				color: #333333;
			}
			#main-navigation li a:hover {
				color: #333333;
			}
					
	#sub-navigation {
	
	margin: 0px 0px;
	margin-top: 20px;
}
	#sub-navigation ul {
		overflow: hidden;
		width: 100%;
		list-style: none;
			font-size:16px;
			font-weight: normal;
	}
		#sub-navigation li {
			float: left;
		}
			#sub-navigation li a {
				margin: 0 10px 0 0;
				padding: 0px 0px;
				display: block;

				color: #999999;
				text-decoration: none;
					font-weight: normal;
			}
			#sub-navigation li.current a {
				color: #333333;
				border-bottom: 5px solid #999;
			}
			#sub-navigation li a:hover {
				color: #333333;
				border-bottom: 5px solid #999;
			}
	.sub-navigation ul {
		overflow: hidden;
		width: 100%;
		list-style: none;
			font-size:16px;
			font-weight: normal;
	}
		.sub-navigation li {
			float: left;
		}
			.sub-navigation li a {
				margin: 0 10px 0 0;
				padding: 0px 0px;
				display: block;

				color: #999999;
				text-decoration: none;
					font-weight: normal;
			}
			.sub-navigation li.current a {
				color: #333333;
			}
			.sub-navigation li a:hover {
				color: #333333;
			}
			
			
#sub-navigationright {
	
}
	#sub-navigationright ul {
		overflow: hidden;
		width: 100%;
		list-style: none;
			font-size:16px;
			font-weight: normal;
	}
		#sub-navigationright li {
			float: right;
		}
			#sub-navigationright a {
				margin: 0  0 0 10px;
				padding: 0px 0px;
				display: block;

				color: #999999;
				text-decoration: none;
					font-weight: normal;
			}
			#sub-navigationright li.current a {
				color: #333333;
			}
			#sub-navigationright li a:hover {
				color: #333333;
			}
/* ~~~~~~~~~ article ~~~~~~~~~~ */

article {	
	width: 100%;
	overflow: hidden;
}

section {
	float: left;
	width: 500px;
}
.fullwidth {
	float: left;
	width: 900px;
}

seption {
	float: right;
	width: 500px;
}

/* ~~~~~~~~~ aside ~~~~~~~~~~ */

aside {

	float: right;
	width: 340px;
}

aside1 {

	float: right;
	width: 310px;
}

aleft {
	float: left;
	width: 310px;
}
			
/* ~~~~~~~~~ footer ~~~~~~~~~~ */
			


.raster li{
	float: left;
	margin: 30px 20px 0 0px;
	border: #005555 0px solid;
	list-style: none;
}

.Stil1 {
	color: #999999;
	font-weight: bold;
	}


.Stiltuerkis {
	color: #FF00FF;
	text-decoration: underline;
}

.Stilorange {
	color: #999999 ;
	font-weight: bold;
}

/*#FFE6CF*/
.Stil2 {
	color: #930;
	text-decoration: none;
}
.rotkursiv {color: #CC0000; font-style: italic; }



.Stil4 {
	font-size: 1.4em;
		color: #999999;
			font-size: 0.7em;
}

#submitbutton {
  height: 30px;
  width: 80px;
}	

/*sound*/
.sound_div{width:380px; height:260px;margin-left:67px;padding:0;margin-top:20px;
}

a:link {
	text-decoration: none;
	font-weight: normal;
		text-decoration: none;

}
a:visited {
	text-decoration: none;
		font-weight: normal;
			text-decoration: none;

}
a:hover {
	text-decoration: none;
		font-weight: normal;
			text-decoration: none;
			color: #666666;

}
a:active {
	text-decoration: none;
		font-weight: normal;
			text-decoration: none;

}


.Stil8 {
		font-size: 1.4em;
		font-weight: bold;
		color: #FFFFFF;
}



.Stil3 {
	color: #666666;
	font-weight: bold;
	text-decoration: underline;
}



a.cboxElement {text-decoration: none;}

.photoborderradius {
	margin: 10px 10px 10px 0;
	padding: 2px;
	border: solid none;
	border-radius:3px 15px 5px 30px;
	background: none;
	}

	
.photoborder {
	margin: 20 px;
	padding: 5 px;
	border: solid 2px #006666;
	background: #FFE6CF	;
	}
	
.photoborderswap {
	margin: 20 px 0 0 0;
	padding: 5 px;
	border: solid 2px #006666;
	background: #FFE6CF	;
	}


			
.photoborder li a:hover {
	border: solid #FFE6CF;
	background: #006666;
			}
	
.photoborderschmaler {
	margin-top: 10px;
	padding: 0px;
	border: solid 2px #FFE6CF;
	background: #FFE6CF;
	}
	
.photoborderprojekte {
	margin: 0px 0 0px 0px ;
	padding: 0px;
	border: solid 2px none;
		border-radius: 15px 15px 15px 15px;
	background: none;
	}
	
	.photobordergrau {
	margin: 0px 0 0px 0px ;
	padding: 0px;
	border: solid 1px #999999;
		border-radius: 15px 15px 15px 15px;
	background:;
	}
	
	.photoborderportfolio {
	margin: 0px 0 0px 0px;
	padding: 2px;
	border: solid 2px none;
	border-radius: none;
	background: none;
	}
	
#kontaktformular {
		border-radius: 15px 15px 15px 15px;
		}
		
.formular {
	width: 350px;
	height: 20px;
	align: right;
	font-size:14px;
}

.formularkursiv {
	font-weight: normal;
	font-style:italic;
	color: #006666;
		font-size:14px;
}
		
#texteingabefeld {
width: 348px;
height: 80px;

}		
		
div.side {

width: 320px;
height: 760 px;
}
	
div.eckenrundung { 
-moz-border-radius:3px 15px 5px 30px; /* Firefox */
-webkit-border-radius:3px 15px 5px 30px; /* Chrome, Safari */
-khtml-border-radius:3px 15px 5px 30px; /* Konqueror */
border-radius:3px 15px 5px 30px; /* CSS3 */
behavior:url(border-radius.htc); /* Internet Explorer */
}

footer {
	width: 900px;
	margin: 0px auto;
	font-size: 14px;
	text-align: left;
/*	color: #999999;*/
}