/*** general body formats *************************************************************************************************************/
body, html {
	background-color:#FFFFFF;
	background-image: url("../webdesign_webprogrammierung_images/pattern.jpg");
	background-repeat:repeat;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

img{
	border:0px;
}

/*** big_container includes all the other div-boxes for easy positioning **********************************************************/
#big_container{
	background-color:#FFFFFF;
	position:absolute;
	top:0px;
	left:50%; 
	width:873px;
	height:100%;
	margin-left:-437px; 
	border-left-width:3px;
	border-left-color:#CCCCCC;
	border-left-style:double;
	border-right-width:3px;
	border-right-color:#CCCCCC;
	border-right-style:double;
}

* html #big_container{
	background-color:#FFFFFF;
	position:absolute;
	top:5px;
	left:50%; 
	width:873px;
	height:600px;
	margin-left:-437px; 
	border-width:1px;
	border-color:#CCCCCC;
	border-style:solid;
}

/* startseite menue */

#home_02{
	position:absolute;
	top:1px;
	left:102px;
}

#home_03{
	position:absolute;
	top:1px;
	left:345px;
}

#home_04{
	position:absolute;
	top:125px;
	left:102px;
}

#index_05{
	background-image: url("../webdesign_webprogrammierung_images/index_05_a.jpg");
	position:absolute;
	top:125px;
	left:274px;
	width:71px;
	height:134px;
}

/* */

h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:400;
	color:#C13B15; 
	text-align:right;
	margin:10px 0px 5px 0px;
	padding:0px 0px 0px 0px; 
}

a.index_05{
	display:block;
	background-image: url("../webdesign_webprogrammierung_images/index_05.jpg");
	width:71px;
	height:134px;
}

a.index_05:hover{
	background-image: url("../webdesign_webprogrammierung_images/index_05_a.jpg");
	width:71px;
	height:134px;
}

a.index_05_a{
	display:block;
	background-image: url("../webdesign_webprogrammierung_images/index_05_a.jpg");
	width:71px;
	height:134px;
}

#home_06{
	position:absolute;
	top:125px;
	left:345px;
}

#vita_07{
	background-image: url("../webdesign_webprogrammierung_images/vita_07.jpg");
	position:absolute;
	top:199px;
	left:15px;
	width:259px;
	height:124px;
}

a.vita_07{
	display:block;
	background-image: url("../webdesign_webprogrammierung_images/vita_07.jpg");
	width:259px;
	height:124px;
}

a.vita_07:hover{
	background-image: url("../webdesign_webprogrammierung_images/vita_07_a.jpg");
	width:259px;
	height:124px;
}

#home_08{
	position:absolute;
	top:259px;
	left:274px;
}

#kontakt_09{
	background-image: url("../webdesign_webprogrammierung_images/kontakt_09.jpg");
	position:absolute;
	top:220px;
	left:345px;
	width:238px; 
	height:92px;
}

a.kontakt_09{
	display:block;
	background-image: url("../webdesign_webprogrammierung_images/kontakt_09.jpg");
	width:238px; 
	height:92px;
}

a.kontakt_09:hover{
	background-image: url("../webdesign_webprogrammierung_images/kontakt_09_a.jpg");
	width:238px; 
	height:92px;
}


#home_10{
	position:absolute;
	top:323px;
	left:58px;
}

#home_11{
	position:absolute;
	top:323px;
	left:198px;
}

#referenzen_12{
	background-image: url("../webdesign_webprogrammierung_images/referenzen_12.jpg");
	position:absolute;
	top:312px;
	left:274px;
	width:192px;
	height:247px;
}

a.referenzen_12{
	display:block;
	background-image: url("../webdesign_webprogrammierung_images/referenzen_12.jpg");
	width:192px;
	height:247px;
}

a.referenzen_12:hover{
	background-image: url("../webdesign_webprogrammierung_images/referenzen_12_a.jpg");
	width:192px;
	height:247px;
}

#home_13{
	position:absolute;
	top:312px;
	left:466px;
}

/* logo muppetti */

#muppetti{
	position:absolute;
	top:150px;
	right:30px;
	z-index:2;
}

* html #muppetti{
	position:absolute;
	top:150px;
	right:30px;
	z-index:2;
}

/* schriftzug online portfolio */

#webdesign{
	position:absolute;
	top:196px;
	right:30px;
	z-index:2;
}

* html #webdesign{
	position:absolute;
	top:192px;
	right:30px;
	z-index:2;
}

/* begruessungstext */

#webdesigner{
	position:absolute;
	top:250px;
	right:30px;
	width:280px;
	z-index:2;
}

* html #web{
	position:absolute;
	top:250px;
	left:583px;
	width:255px;
	z-index:2;
}

p.webdesign{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#C13B15; 
	text-align:right;
}

a.webdesigner{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#009933; 
	text-align:right;
	text-decoration:none;
}

a.webdesigner:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#009900;
	font-weight:600;
	text-align:right;
	text-decoration:none;
}

p.break_m{
	margin:0px 0px 4px 0px;
	padding:0px 0px 0px 0px; 
}

h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:400;
	color:#C13B15; 
	text-align:right;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px; 
}