@charset "utf-8";
/* CSS Document */

/* -----------------------------------------------------------------------------*/
/* globale Formatierungen */                                                              
/* -----------------------------------------------------------------------------*/

html, body {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
background-color: #ffffff; 
text-align: center; /*Zentrierung für IE*/
/* background-image : url(../../versuche/studio_bg_s_kacheln.jpg); */
/* font-family: "Trebuchet MS", Corbel, Calibri, Arial, sans-serif; */
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
color:#666666;
}

img {
border: none;

}
a:focus {
	outline:none;
}

/* -----------------------------------------------------------------------------*/
/* Formatierung Texte */                                                                    
/* -----------------------------------------------------------------------------*/
.gruen {
	color:#009900;
	padding-left:72px;
	padding-bottom:3px;
	li
}
.rot {
	color:#990000;
	padding-left:72px;
	padding-bottom:3px;
}
.standard  {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
color: #000000;
line-height: 17px;
}

.standard_beige  {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
color: #beb3a0;
line-height: 17px;
}

.hinweis  {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
color: #ff0000;
line-height: 17px;
}


/* -----------------------------------------------------------------------------*/
/* Formatierung und Position von Ebenen GLOBAL */                          
/* -----------------------------------------------------------------------------*/

#hauptnavigation {
position: absolute;
left: 0px;
width: 145px;
top: 50%;
height: 540px;
margin-top: -270px; /* negative Hälfte von height: 540px */
text-align: left;
background-image : url(../images/bg_hauptnavigation.png);
background-repeat: no-repeat;
}

#container  {
	position: absolute;
	left: 0;
	width: 100%;
	margin-left: 0; /* negative Hälfte von width: 850px */
	top: 50%;
	height: 606px;
	margin-top: -303px; /* negative Hälfte von height: 540px */
	text-align: left;
	background-image : url(../Bilder/bg_kachel.jpg);
	background-repeat: repeat-x;
}
#Inhaltlich  {
	position: absolute;
	left: 50%;
	width: 884px;
	margin-left: -442px; /* negative Hälfte von width: 850px */
	top: 50%;
	height: 606px;
	margin-top: -303px; /* negative Hälfte von height: 540px */
	text-align: left;

	background-image : url(../Bilder/gesamt_bg.jpg);
	background-repeat: no-repeat; 
}

#logoecke {
position: absolute;
right: 0px;
bottom: 0px;
}

#subnavigation {
position: absolute;
top: 29px;
left: 33px;
height: 19px;
}

#soundsteuerung {
position: absolute;
top: 29px;
left: 773px;
height: 19px;
}

#headline {
position: absolute;
top: 129px;
left: 38px;
}

#content {
position: absolute;
top: 180px;
left: 38px;
width: 440px;
}
#con_links {
position: absolute;
top: 161px;
left: 53px;
width: 220px;
height: 389px;
background-image : url(../Bilder/con_links_bg.jpg);
	background-repeat: no-repeat; 
}
#kundendetail {
position: absolute;
top: 210px;
left: 77px;
width: 180px;
height: 389px; 
}
.Kunde {
font-seize: 16px;
font-weight: bold;
color:#384a67;
}
.zahlunten {
font-weight: bold;
color:#384a67;
}
.Detail {
font-seize: 12px;
font-weight: none;
color:#384a67;
line-height: 17px;
}

#blaettern {
	position: absolute;
	top: 420px;
	left: 77px;
	width: 180px;
	height: 30px;
	vertical-align:bottom;
}
#copyright {
	position: absolute;
	top: 588px;
	left: 61px;
	width: 150px;
	height: 25px;
}
#kontakt {
	position:absolute;
	left: 604px;
	top: 588px;
	height: 25px;
	width: 219px;
	text-align: right;
	align: right;
}
#content_pic {
	position: absolute;
	top: 208px;
	left: 273px;
	width: 560px;
	height: 350px;
}
#content_text {
	padding-left:34px;
	padding-top:5px;
	position: absolute;
	top: 208px;
	left: 273px;
	width: 520px;
	height: 350px;
}
#index {
	font-size:10px;
	position: absolute;
	padding-top:5px;
	vertical-align:bottom;
	top: 383px;
	left: 75px;
	width: 170px;
	height: 100px;
}
#con_rechts {
position: absolute;
top: 161px;
left: 273px;
width: 559px;
height: 389px;
background-image : url(../Bilder/con_rechts_bg_index.jpg);
	background-repeat: no-repeat; 
}
#con_rechts_ref_web {
position: absolute;
top: 161px;
left: 273px;
width: 559px;
height: 47px;
background-image : url(../Bilder/ref_webdesign.jpg);
background-repeat: no-repeat; 
}
#con_rechts_ref_print {
position: absolute;
top: 161px;
left: 273px;
width: 559px;
height: 47px;
background-image : url(../Bilder/ref_printdesign.jpg);
background-repeat: no-repeat; 
}
#con_rechts_ref_vid {
position: absolute;
top: 161px;
left: 273px;
width: 559px;
height: 47px;
background-image : url(../Bilder/video3d_13.jpg);
background-repeat: no-repeat; 
}
#image_rechts {
position: absolute;
top: 80px;
left: 522px;
}


/* -----------------------------------------------------------------------------*/
/* Formatierung der Links in der Klasse "standard" */      
/* -----------------------------------------------------------------------------*/

a:link {font-size: 12px; color: #666666; text-decoration: none} 
a:visited {font-size: 12px; color: #666666; text-decoration: none}
a:hover {font-size: 12px; color: #333333; text-decoration: underline} 
a:active {font-size: 12px; color: #666666; text-decoration: none}