/*CSS RESET*/
html, body, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, 
dfn, em, font, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, center, li, ul, 
dl, dt, dd, ol, fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td, img  {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-size : 100%;
background : transparent;
}


body { 
	background-image: url(../bilder/body_bg.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

/*MAIN*/

#container {
	position: absolute;
	top:50%;
	left:50%;
	width:1004px;
	height:617px;
	margin-left:-502px;
	margin-top:-308px;
	background-image:url(../bilder/bg.jpg);
	background-repeat:no-repeat
}

#logohover {
	background:transparent;
	position:absolute;
	height:83px;
	width:200px;
	top:20px;
	left:36px;
	
}


#claim {
	background:transparent;
	position:absolute;
	height:83px;
	width:210px;
	top:20px;
	left:630px;
}

/*NAVI*/

#navi{
	position:absolute;
	top:220px;
	left:50px;
	height:305px;
	width:175px;
	float:left;
	z-index:2;
}

/*____________________________________*/

#navi ul {
	list-style:none;
	padding:0;
}

#navi li {
	list-style:none;
	padding:0;
}

#bt_home a{
	background-image:url(../bilder/bt_home.jpg);
	background-repeat:no-repeat;
	height:30px;
	width:150px;
	display:block;
}

#bt_home a:hover {
	background-image:url(../bilder/bt_home_r.jpg);
	background-repeat:no-repeat;
	height:30px;
	width:150px;
}

#bt_home_visited {
	background-image:url(../bilder/home_a.gif);
	background-repeat:no-repeat;
	height:30px;
	width:175px;
}

#bt_agentur a{
	background-image:url(../bilder/bt_agentur.jpg);
	background-repeat:no-repeat;
	height:30px;
	width:150px;
	display:block;
}

#bt_agentur a:hover {
	background-image:url(../bilder/bt_agentur_r.jpg);
	background-repeat:no-repeat;
	height:30px;
	width:150px;
}

#bt_agentur_visited {
	background-image:url(../bilder/agentur_a.gif);
	background-repeat:no-repeat;
	height:30px;
	width:175px;
}

#bt_philo a{
	background-image:url(../bilder/bt_philo.jpg);
	background-repeat:no-repeat;
	height:40px;
	width:150px;
	display:block;
}

#bt_philo a:hover {
	background-image:url(../bilder/bt_philo_r.jpg);
	background-repeat:no-repeat;
	height:40px;
	width:150px;
}

#bt_philo_visited {
	background-image:url(../bilder/philo_a.gif);
	background-repeat:no-repeat;
	height:40px;
	width:175px;
}

#bt_portfolio a{
	background-image:url(../bilder/bt_portfolio.jpg);
	background-repeat:no-repeat;
	height:30px;
	width:150px;
	display:block;
}

#bt_portfolio a:hover {
	background-image:url(../bilder/bt_portfolio_r.jpg);
	background-repeat:no-repeat;
	height:30px;
	width:150px;
}

#bt_portfolio_visited {
	background-image:url(../bilder/portfolio_a.gif);
	background-repeat:no-repeat;
	height:30px;
	width:175px;
}

#bt_team a{
	background-image:url(../bilder/bt_team.jpg);
	background-repeat:no-repeat;
	height:40px;
	width:150px;
	display:block;
}

#bt_team a:hover {
	background-image:url(../bilder/bt_team_r.jpg);
	background-repeat:no-repeat;
	height:40px;
	width:150px;
}

#bt_team_visited {
	background-image:url(../bilder/team_a.gif);
	background-repeat:no-repeat;
	height:40px;
	width:175px;
}

#bt_kontakt a{
	background-image:url(../bilder/bt_kontakt.jpg);
	background-repeat:no-repeat;
	height:40px;
	width:150px;
	display:block;
}

#bt_kontakt a:hover {
	background-image:url(../bilder/bt_kontakt_r.jpg);
	background-repeat:no-repeat;
	height:40px;
	width:150px;
}

#bt_kontakt_visited {
	background-image:url(../bilder/kontakt_a.gif);
	background-repeat:no-repeat;
	height:40px;
	width:175px;
}

#bt_imp a{
	background-image:url(../bilder/bt_imp.jpg);
	background-repeat:no-repeat;
	height:30px;
	width:150px;
	display:block;
}

#bt_imp a:hover {
	background-image:url(../bilder/bt_imp_r.jpg);
	background-repeat:no-repeat;
	height:30px;
	width:150px;
}

#bt_imp_visited {
	background-image:url(../bilder/impressum_a.gif);
	background-repeat:no-repeat;
	height:30px;
	width:175px;
}

#bt_job a{
	background-image:url(../bilder/bt_job.jpg);
	background-repeat:no-repeat;
	height:35px;
	width:150px;
	display:block;
}

#bt_job a:hover {
	background-image:url(../bilder/bt_job_r.jpg);
	background-repeat:no-repeat;
	height:35px;
	width:150px;
}

#bt_job_visited {
	background-image:url(../bilder/job_a.gif);
	background-repeat:no-repeat;
	height:35px;
	width:175px;
}

#bt_aktuell a{
	background-image:url(../bilder/bt_aktuelles.jpg);
	background-repeat:no-repeat;
	height:30px;
	width:150px;
	display:block;
}

#bt_aktuell a:hover {
	background-image:url(../bilder/bt_aktuelles_r.jpg);
	background-repeat:no-repeat;
	height:30px;
	width:150px;
}

#bt_aktuell_visited {
	background-image:url(../bilder/aktuelles_a.gif);
	background-repeat:no-repeat;
	height:30px;
	width:175px;
}

/*____________________________________*/

#navi_port{
	position:absolute;
	font-family:Arial, sans-serif;
	color:#FFF;
	font-size:10pt;
	top:345px;
	left:225px;
	height:230px;
	width:132px;
	z-index:3;
}

#navi_port ul{
	width:135px;
	height:230px;
	padding:0;
	margin:0;
	list-style:none;
	list-style-image:url(../bilder/point_p.jpg);
	list-style-position:outside;
}

#navi_port li{
	padding:0px;
	margin-left:0px;
	height:19px;
	list-style-position:outside;
}

#navi_port li a{
	margin-left:-4px;
	vertical-align:2px;
	height:19px;
}


#navi_imp{
	position:absolute;
	font-family:Arial, sans-serif;
	color:#FFF;
	font-size:10pt;
	top:592px;
	left:412px;
	height:20px;
	width:200px;
	z-index:2;
}

/*NAV_LINE*/

#line_home {
	position:absolute;
	background-color:#ec2127;
	top:232px;
	left:211px;
	height:344px;
	width:1px;
	z-index:1;
}

#line_agent {
	position:absolute;
	background-color:#ec2127;
	top:265px;
	left:211px;
	height:312px;
	width:1px;
	z-index:1;
}

#line_philo {
	position:absolute;
	background-color:#ec2127;
	top:300px;
	left:211px;
	height:277px;
	width:1px;
	z-index:1;
}

#line_port {
	position:absolute;
	background-color:#ec2127;
	top:336px;
	left:211px;
	height:240px;
	width:1px;
	z-index:1;
}

#line_team {
	position:absolute;
	background-color:#ec2127;
	top:375px;
	left:211px;
	height:202px;
	width:1px;
	z-index:1;
}

#line_kon {
	position:absolute;
	background-color:#ec2127;
	top:411px;
	left:211px;
	height:165px;
	width:1px;
	z-index:1;
}

#line_imp {
	position:absolute;
	background-color:#ec2127;
	top:446px;
	left:211px;
	height:131px;
	width:1px;
	z-index:1;
}

#line_job {
	position:absolute;
	background-color:#ec2127;
	top:479px;
	left:211px;
	height:98px;
	width:1px;
	z-index:1;
}

#line_akt {
	position:absolute;
	background-color:#ec2127;
	top:512px;
	left:211px;
	height:64px;
	width:1px;
	z-index:1;
}

#line_rechts_k {
	position:absolute;
	background-color:#ec2127;
	top:446px;
	left:613px;
	height:130px;
	width:1px;
	z-index:1;
}

#line_rechts2 {
	position:absolute;
	background-color:#ec2127;
	top:446px;
	left:978px;
	height:130px;
	width:1px;
	z-index:1;
}

#line_rechts1 {
	position:absolute;
	background-color:#ec2127;
	top:446px;
	left:716px;
	height:130px;
	width:1px;
	z-index:1;
}

#line_unten {
	position:absolute;
	background-color:#ec2127;
	top:576px;
	left:211px;
	height:1px;
	width:768px;
	z-index:1;
}

/*TXT*/

p {
	font-family: Arial, sans-serif;
	font-size: 10pt;
	text-align:justify;
	line-height:12pt;
	color:#FFF;
}

#main_txt{
	position:absolute;
	font-family:Arial, sans-serif;
	text-align:justify;
	color:#FFF;
	line-height:12pt;
	font-size:10pt;
	top:200px;
	left:325px;
	height:350px;
	width:300px;
	z-index:1;
}

#akt_txt{
	position:absolute;
	font-family:Arial, sans-serif;
	text-align:justify;
	color:#FFF;
	line-height:12pt;
	font-size:10pt;
	top:200px;
	left:325px;
	height:350px;
	width:320px;
	overflow:auto;
	padding-right:10px;
	z-index:1;
}

#port_txt1{
	position:absolute;
	font-family:Arial, sans-serif;
	text-align:justify;
	color:#FFF;
	line-height:12pt;
	font-size:10pt;
	padding-right:8px;
	top:150px;
	left:325px;
	height:420px;
	width:350px;
	z-index:2;
}

#port_txt1_fix {
	position:absolute;
	left:45px;
	top:40px;
	padding-left:0px;
	padding-top:0;
	margin:0;
	height:350px;
	width:300px;;
	z-index:2;
}

#port_txt1_fix h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#D0002C;
	font-weight:bold;
	padding:0;
	margin:0;
	float:left;
	
}

#port_txt1_fix p{
		margin:0;
		padding-left:10px;
		padding:0;
}


#port_txt2{
	position:absolute;
	font-family:Arial, sans-serif;
	text-align:justify;
	color:#FFF;
	line-height:12pt;
	font-size:10pt;
	top:173px;
	left:716px;
	height:200px;
	width:263px;
	z-index:2;
}

#port_txt3{
	position:absolute;
	font-family:Arial, sans-serif;
	text-align:justify;
	color:#FFF;
	line-height:12pt;
	font-size:10pt;
	top:200px;
	left:370px;
	height:375px;
	width:270px;
	z-index:4;
}

#imp_txt{
	position:absolute;
	font-family:Arial, sans-serif;
	text-align:justify;
	color:#FFF;
	line-height:12pt;
	font-size:10pt;
	padding-right:8px;
	top:140px;
	left:325px;
	height:429px;
	width:373px;
	z-index:2;
}

/*BILDER*/

#img_main{
	position:absolute;
	top:149px;
	left:716px;
	height:380px;
	width:288px;
	z-index:2;
}

#img_home{
	position:absolute;
	background-image:url(../bilder/bild_home.jpg);
	background-repeat:no-repeat;
	top:149px;
	left:716px;
	height:380px;
	width:288px;
	z-index:2;
}

#img_agentur{
	position:absolute;
	background-image:url(../bilder/bild_agentur.jpg);
	background-repeat:no-repeat;
	top:149px;
	left:716px;
	height:380px;
	width:288px;
	z-index:2;
}

#img_philo{
	position:absolute;
	background-image:url(../bilder/bild_philo.jpg);
	background-repeat:no-repeat;
	top:149px;
	left:716px;
	height:380px;
	width:288px;
	z-index:2;
}

#img_team{
	position:absolute;
	background-image:url(../bilder/bild_team.jpg);
	background-repeat:no-repeat;
	top:149px;
	left:716px;
	height:380px;
	width:288px;
	z-index:2;
}

#img_port{
	position:absolute;
	background-image:url(../bilder/bild_portfolio.jpg);
	background-repeat:no-repeat;
	top:387px;
	left:716px;
	height:133px;
	width:288px;
	z-index:2;
}

#img_port2{
	position:absolute;
	background-image:url(../bilder/bild_portfolio2.jpg);
	background-repeat:no-repeat;
	top:463px;
	left:716px;
	height:57px;
	width:288px;
	z-index:2;
}

#img_kon {
	position:absolute;
	background-image:url(../bilder/bild_kontakt.jpg);
	background-repeat:no-repeat;
	top:379px;
	left:610px;
	height:150px;
	width:394px;
	z-index:2;
}

#img_imp{
	position:absolute;
	background-image:url(../bilder/bild_impressum.jpg);
	background-repeat:no-repeat;
	top:149px;
	left:716px;
	height:380px;
	width:288px;
	z-index:2;
}

#img_job{
	position:absolute;
	background-image:url(../bilder/bild_job.jpg);
	background-repeat:no-repeat;
	top:149px;
	left:716px;
	height:380px;
	width:288px;
	z-index:2;
}

#img_aktuell{
	position:absolute;
	background-image:url(../bilder/bild_aktuelles.jpg);
	background-repeat:no-repeat;
	top:149px;
	left:716px;
	height:380px;
	width:288px;
	z-index:2;
}

#img_mail{
	position:absolute;
	background-image:url(../bilder/bild_mail.jpg);
	background-repeat:no-repeat;
	top:149px;
	left:716px;
	height:380px;
	width:288px;
	z-index:2;
}

#img_audio{
	position:absolute;
	background-image:url(../bilder/bild_audio.jpg);
	background-repeat:no-repeat;
	top:149px;
	left:716px;
	height:380px;
	width:288px;
	z-index:2;
}

/*____________________________________*/

#ani_home{
	position:absolute;
	background-image:url(../bilder/bild_home_a.gif);
	background-repeat:no-repeat;
	top:529px;
	left:716px;
	height:40px;
	width:288px;
	z-index:2;
}

#ani_agentur{
	position:absolute;
	background-image:url(../bilder/bild_agentur_a.gif);
	background-repeat:no-repeat;
	top:529px;
	left:716px;
	height:40px;
	width:288px;
	z-index:2;
}

#ani_philo{
	position:absolute;
	background-image:url(../bilder/bild_philo_a.gif);
	background-repeat:no-repeat;
	top:529px;
	left:716px;
	height:40px;
	width:288px;
	z-index:2;
}

#ani_port{
	position:absolute;
	background-image:url(../bilder/bild_portfolio_a.gif);
	background-repeat:no-repeat;
	top:520px;
	left:716px;
	height:49px;
	width:288px;
	z-index:2;
}

#ani_team{
	position:absolute;
	background-image:url(../bilder/bild_team_a.gif);
	background-repeat:no-repeat;
	top:529px;
	left:716px;
	height:40px;
	width:288px;
	z-index:2;
}

#ani_kon{
	position:absolute;
	background-image:url(../bilder/bild_kontakt_a.gif);
	background-repeat:no-repeat;
	top:529px;
	left:610px;
	height:40px;
	width:394px;
	z-index:2;
}

#ani_imp{
	position:absolute;
	background-image:url(../bilder/bild_impressum_a.gif);
	background-repeat:no-repeat;
	top:529px;
	left:716px;
	height:40px;
	width:288px;
	z-index:2;
}

#ani_akt{
	position:absolute;
	background-image:url(../bilder/bild_aktuelles_a.gif);
	background-repeat:no-repeat;
	top:524px;
	left:716px;
	height:45px;
	width:288px;
	z-index:2;
}

#ani_job{
	position:absolute;
	background-image:url(../bilder/bild_job.gif);
	background-repeat:no-repeat;
	top:529px;
	left:716px;
	height:40px;
	width:288px;
	z-index:2;
}

/*PORTFOLIO*/

#exam{
	position:absolute;
	top:149px;
	left:711px;
	height:294px;
	width:268px;
	overflow:auto;
	z-index:2;
}

#exam img{
	margin-bottom:6px;
}

#exam2{
	position:absolute;
	top:149px;
	left:703px;
	height:294px;
	width:276px;
	overflow:auto;
	z-index:2;
}

#exam2 ul{
	list-style-type:none;
	padding:0;
	margin:0;	
}

/*KONTAKT*/

#anfahrt {
	width:595px; 
	height:842px;
}

#form {
	position:absolute;
	top:200px;
	left:613px;
	height:221px;
	width:389px;
	z-index:3;
}

#imp_pop{
	position:absolute;
	top:0px;
	left:0px;
	height:637px;
	width:590px;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	text-align:justify;
	line-height:12pt;
	color:#FFF;
	border: 1px solid #D0002C;
	background-color:#000;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	overflow:auto;
	}
	
input {
	font-family: Arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
	border: 1px solid #D0002C;
	width:181px;
	
}
	
#kontakt_name {
	left:0px;
	top:0px;
	height:22px;
	width:181px;
	float:left;
}

#kontakt_firma {
	padding-left:4px;
	left:0px;
	top:0px;
	height:22px;
	width:181px;
	float:left;
}

#kontakt_strasse {
	height:22px;
	width:181px;
	float:left;
}

#kontakt_ort {
	padding-left:4px;
	height:22px;
	width:181px;
	float:left;
}

#kontakt_telefon {
	height:22px;
	width:181px;
	float:left;
}

#kontakt_email {
	padding-left:4px;
	height:22px;
	width:181px;
	float:left;
	
}

#kontakt_nachricht {
	height:65px;
	width:366px;
	float:none;
	clear:both;
}

textarea {
	width:365px;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
	border: 1px solid #D0002C;
	
}

#kontakt_checkbox {
	text-align:right;
	height:22px;
	width:120px;
	float:left;
}

#kontakt_checkboxtxt {
	text-align:left;
	height:22px;
	width:246px;
	float:left;
}

#kontakt_senden {
	margin-top:10px;
	height:22px;
	width:366px;
	text-align:center;
	float:left;
}

#kontakt_feedback {
	padding-top:20px;
	text-align:center;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #D0002C;
	text-decoration: none;
	height:auto;
	width:366px;
	float:left;
	
}
/*CLASS*/

.mengentext {
	font-family: Arial, sans-serif;
	font-size: 10pt;
	color: #FFFFFF; 
	text-align: justify;
}

.senden {
	font-family: Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #D0002C;
	border: 1px solid #D0002C;
}

/*LINK*/

li {
	list-style-position:inside;
}

a:link, a:active, a:visited {
	font-family: Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
}

a:hover {
	font-family: Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #D0002C;
	text-decoration: none;
}

h1 {
	font-family: Arial, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #D0002C;
}

/*W3C*/

#vali {
	position:absolute;
	width:88px;
	height:31px;
	top:538px;
	left:618px;
	z-index:3;
}
