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

body	{
		background-image:url(bilder/hintergrund.jpg); 
		background-repeat:repeat; 
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#000000; 
		font-Size:12px;
		margin:0px}

a.weiss:link 		{color:#fff; text-decoration:none}
a.weiss:active 		{color:#fff; text-decoration:none}
a.weiss:visited		{color:#fff; text-decoration:none}
a.weiss:hover		{color:#fff; text-decoration:underline}

a.schwarz:link 		{color:#000; text-decoration:none}
a.schwarz:active 	{color:#000; text-decoration:none}
a.schwarz:visited	{color:#000; text-decoration:none}
a.schwarz:hover		{color:#000; text-decoration:underline}

a.rot:link 		{color:#6c1c1c; text-decoration:none}
a.rot:active 	{color:#6c1c1c; text-decoration:none}
a.rot:visited	{color:#6c1c1c; text-decoration:none}
a.rot:hover		{color:#6c1c1c; text-decoration:underline}

a.referenz:link 	{color:#000; text-decoration:none; font-size:11px; font-weight:normal;}
a.referenz:active 	{color:#000; text-decoration:none; font-size:11px; font-weight:normal;}
a.referenz:visited	{color:#000; text-decoration:none; font-size:11px; font-weight:normal;}
a.referenz:hover	{color:#000; font-size:14px;line-height:1.2; font-weight:normal;}

span.rot {
		color:#6c1c1c;}


img	{
		border:0px}

#logo	{
		text-align:center;
		color:#6c1c1c;
		font-size:11px;
		padding-top:2%;
		padding-bottom:1%}

#logo2	{
		text-align:center;
		padding-top:5px;
		font-size:14px;}
		
#container {
		width:94%;
		min-width:1000px;
		max-width:1280px;
		height:470px;
		background-color:#fff;
		margin-left:auto;
		margin-right:auto;
		border:solid; 
		border-color:#b1934b; 
		border-width:1px}

#content {
		width:100%;
		min-width:1000px;
		height:417px;
		clear:left}

#content_home {
		margin-left:20%;
		margin-right:20%;
		text-align:center;
		padding-top:35px}

#interview {
		position:absolute;
		left:10%;
		top:280px;
		font-weight:bold;
		padding-left:22px;
		background-image:url(bilder/wappen.png);
		background-position:left;
		background-repeat:no-repeat}
		
#button {
		position:absolute;
		z-index:1;
		margin-left: 640px;
		top: 530px}
		
#buttons {
		width:94%;
		min-width:1000px;
		max-width:1280px;
		margin-left:auto;
		margin-right:auto;
		margin-top:20px;}

#buttons2 {
		width:120px;
		float:right;}			

#oib_home {
		position:absolute;
		z-index:1;
		margin-left: 60px;
		top: 450px}

#menu_home {
		position:absolute;
		margin-left:520px;
		top:260px}

#referenzen_box  {
		clear:left;
		padding-top:5px;
		margin-top:0px;
		display:block;
		height:340px;
		width:970px;
		margin-left:auto;
		margin-right:auto;
		color:#6c1c1c;
		line-height:2;
		font-size:11px;
		font-weight:bold;}
		
.text_schwarz {
		color:#000;
		font-weight:normal}
		
#referenzen_box {
		clear:left;
		padding-top:5px;
		margin-top:0px;
		display:block;
		height:340px;
		width:970px;
		margin-left:auto;
		margin-right:auto;
		color:#6c1c1c;
		line-height:2;
		font-size:11px;
		font-weight:bold;
		text-align:center}

#titel_referenzen {
		float:right;
		width:200px;
		margin-left:0px;
		margin-top:5px;}
		
#referenzen_inhalt {
		clear:right;
		padding-top:10px;}
		
#referenzen_box2  {
		height:340px;
		width:950px;
}

#imagebox {
		float:right; 
		width:360px;
}

#referenzen_text {
		float:left;
		top: 220px;
		width:580px;
		text-align:left;
		line-height:1.7
}

#referenzen2{
		padding-top:30px;
		text-align:center}


#bilder_gross {
		margin-left:auto;
		margin-right:auto;
		text-align:center;
}

#start_outID{
		font-weight:bold;
		padding-top:5px;
		padding-bottom:5px;
		text-align:center;
}

p.schwarz{
		color:#000;
}

p.klein{
		font-size:10px;
		color:#6c1c1c;
}
		
.schrift_rot{
		color:#6c1c1c}
		
#team{
		width:900px;
		height:290px;
		margin-left:auto;
		margin-right:auto;
		padding-top:25px;}	

#titel_team {
		margin-top:30px;
		margin-left:690px}
		
#team_bild {
		padding-top:15px;}	

.team_box {
		position:absolute;
		width:350px;
		height:350px;
		border:1px solid #b1934b;
		background-color:#fff;
		z-index:2;
		visibility:hidden;
		padding:0px;}	
		
#barbara_box {
		margin-top:-520px;
		margin-left:180px;}	
		

#uwe_box {
		margin-top:-520px;
		margin-left:350px;}

#claudia_box {
		margin-top:-520px;
		margin-left:500px;}

#tina_box {
		margin-top:-520px;
		margin-left:180px;}
		
#samir_box {
		margin-top:-520px;
		margin-left:340px;}

#team_text{
		line-height:1.5;
		margin-top:0px;
		width: 310px;
		margin-left:auto;
		margin-right:auto;
		font-weight:9px}	
		
#titel_partner{
		margin-top:30px;
		margin-left:25%}
		
#partner_right {
		width:40%;
		float:right}

#partner{
		clear:right;
		width:100%;
		padding-top:30px}

#partner_unten{
		width:800px;
		margin-left:auto;
		margin-right:auto;
		margin-top:30px;}
	
#pitopia{
		width:470px;
		margin-left:auto;
		margin-right:auto;
		clear:both;
		padding-top:40px;}
		
#design_left {
		clear:left;
		width:35%;
		float:left;
		text-align:right}
		
#design_right {
		width:65%;
		float:right}
	
#titel {
		margin-top:30px;
		margin-left:250px}

#wappen {
		float:left;
		width:20px;
		line-height:1.7;
		font-size:12px;
		font-weight:bold;
		margin-right:5px}

#ueberschrift {
		line-height:1.7;
		font-size:12px;
		font-weight:bold;
		color:#000}
		
#computer {
		margin-right:0px;
		margin-top:50px}

#komm_text{
		width:600px;
		clear:left;
		line-height:1.5;
		margin-top:60px;
		margin-left:40px;}

#komm_text_unten{
		width:850px;
		padding-top:10px;
		margin-left:auto;
		margin-right:auto;
		clear:both;
		color:#6c1c1c}

#webdesign_left {
		clear:left;
		width:40%;
		float:left;
		text-align:right;
		margin-top:10px;}
		
#webdesign_right {
		width:60%;
		float:right}

#quelltext {
		margin-right:0px;
		margin-top:50px;
		padding-left:20px}

#webdesign_text{
		width:600px;
		clear:left;
		line-height:1.5;
		margin-top:50px;
		margin-left:20px;}

#webdesign_text_unten{
		width:850px;
		padding-top:52px;
		margin-left:auto;
		margin-right:auto;
		clear:both;
		color:#6c1c1c;}

#titel_foto {
		margin-top:30px;
		margin-left:220px}
		
#fotografie_left {
		clear:left;
		width:45%;
		float:left;
		text-align:right;
		margin-top:20px}

#fotografie_right {
		float:right;
		width:40%;
		text-align:left;
		padding-right:10%;
		margin-left:1%;}

#fotografie_box {
		background-image:url(bilder/rahmen_animation.jpg);
		background-position:right;
		background-repeat:no-repeat;
		height:307px;}

#animation{
		padding-right:31px;
		padding-top:16px}
		
#wohn_text{
		clear:both;
		line-height:1.5;
		padding-left:40px;
		padding-top:50px;
		margin-left:-10px;
		padding-right:40px}
		
#raum {
		margin-right:0px;
		margin-top:50px;
		padding-right:10px;}

#wohn_text_unten{
		width:700px;
		padding-top:30px;
		margin-left:auto;
		margin-right:auto;
		clear:both;
		color:#6c1c1c}

#agentur_left {
		clear:left;
		width:47%;
		float:left;
		text-align:right;
		padding-top:35px}

#agentur_right {
		float:right;
		width:50%;
		padding-right:3%;
		text-align:left}
				

#agentur_titel {
		float:left;
		margin-left:70px;
		margin-top:30px;
		margin-right:40px;
		width:180px}
		
#agentur_text{
		clear:both;
		line-height:1.5;
		padding-left:20px;
		padding-top:50px;
		margin-left:-10px;
		padding-right:20px}

#agentur_text_unten{
		width:850px;
		padding-top:0px;
		margin-left:auto;
		margin-right:auto;
		clear:both;
		color:#6c1c1c}
		
#quelle{
		z-index:2;
		position:absolute;
		margin-left:110px;
		margin-top:-20px;
		font-size:10px;
		color:#CCCCCC}
		
#anfahrt{
		margin-left:auto;
		margin-right:auto;
		width:650px;
		text-align:center;
		padding-left:30px;
		padding-top:20px}

#titel_kontakt{
		clear:left;
		margin-left:70%;
		padding-top:30px;}
		
#impressum{
		clear:left;
		padding-top:0px;}
		
#titel_impressum{
		padding-top:10px;
		margin-left:270px}
		
#impressum_links{
		float:left;
		margin-left:7%;
		width:30%;
		padding-top:70px;
		text-align:left}
		
#impressum_rechts{
		float:right;
		width:50%;
		padding-top:20px;
		padding-right:50px;
		text-align:left}

#impressum_text{
		padding-top:20px;
		padding-right:50px;
		text-align:left}

#menuzeile {
		width:100%;
		height:25px;
		background-color:#530e0e;
		border-bottom:solid; 
		border-color:#b1934b; 
		border-width:1px}

#menuzeile2 {
		float:left;
		height:25px;
		background-color:#fff;
		color:#6c1c1c}

#menu_left {
		float:left}

#menu_right {
		float:right}

ul#navigation1 {
   	 	margin:0px; 
		padding:20px;
		padding-top:5px;
		padding-bottom:5px;
    	text-align:center;
		color:#fff}
		
ul#navigation1 li {
    	list-style:none;
    	display:inline;
    	margin:0.4em; 
		padding:5px}

ul#navigation1 a, ul#navigation1 span {
    	text-decoration:none; 
		font-weight: bold;
		color:#fff}
		
* html ul#navigation1 a, * html ul#navigation1 span {
    	width:1em;    /* nur fuer IE 5.0x erforderlich */
    	width:auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */}
		
ul#navigation1 a:hover, ul#navigation1 span {
		text-decoration:underline}

ul#navigation2 {
   	 	margin:0px; 
		padding:20px;
		padding-top:5px;
		padding-bottom:5px;
    	text-align:center;
		color:#fff}
		
ul#navigation2 li {
    	list-style:none;
    	display:inline;
    	margin:0.4em; 
		padding:5px}

ul#navigation2 a, ul#navigation2 span {
    	text-decoration:none; 
		font-weight: bold;
		color:#fff}
		
* html ul#navigation2 a, * html ul#navigation2 span {
    	width:1em;    /* nur fuer IE 5.0x erforderlich */
    	width:auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */}
		
ul#navigation2 a:hover, ul#navigation2 span {
		text-decoration:underline}

ul#navigation3 {
   	 	margin:0px; 
		padding:20px;
		padding-top:5px;
		padding-bottom:5px;
    	text-align:center;
		color:#6c1c1c}
		
ul#navigation3 li {
    	list-style:none;
    	display:inline;
    	margin:0.4em; 
		padding:5px;
		padding-left:20px;
		background-image:url(bilder/wappen.jpg);
		background-position:left;
		background-repeat:no-repeat}

ul#navigation3 a, ul#navigation3 span {
    	text-decoration:none; 
		font-weight: bold;
		color:#6c1c1c}
		
* html ul#navigation3 a, * html ul#navigation3 span {
    	width:1em;    /* nur fuer IE 5.0x erforderlich */
    	width:auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */}
		
ul#navigation3 a:hover, ul#navigation3 span {
		text-decoration:underline}

ul#navigation_home {
   	 	margin:0px; 
		padding:20px;
		padding-top:5px;
		padding-bottom:5px;
    	text-align:left;
		color:#6c1c1c}
		
ul#navigation_home li {
    	list-style:none;
    	margin:0.4em; 
		padding:5px;
		padding-left:22px;
		background-image:url(bilder/wappen.png);
		background-position:left;
		background-repeat:no-repeat}

ul#navigation_home a, ul#navigation_home span {
    	text-decoration:none; 
		font-weight: bold;
		color:#6c1c1c}
		
* html ul#navigation_home a, * html ul#navigation_home span {
    	width:1em;    /* nur fuer IE 5.0x erforderlich */
    	width:auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */}
		
ul#navigation_home a:hover, ul#navigation_home span {
		text-decoration:underline}

#adresse {
		clear:both;
		width:100%;
		height:21px;
		background-color:#530e0e;
		color:#fff;
		text-align:center;
		padding-top:5px;
		line-height:15px;
		font-size:10px;
		border-top:solid;
		border-bottom:solid; 
		border-color:#b1934b; 
		border-width:1px}
		
#kontakt{
		clear:left;
		margin-left:auto;
		margin-right:auto;
		padding-top:20px;
		width:430px;
		height:300px;}

#kontakt_links{
		float:left}
		
#kontakt_rechts{
		float:right;
		text-align:right}

#name{
		height:25px;
		margin-top:3px}

#e_mail{
		height:25px;
		margin-top:7px}

#nachricht{
		height:25px;
		margin-top:5px}

.feld_name{
		width:320px;
		height:18px;
		border:1.5px solid #c93;
		border-top-color:#fff;
		border-left-color:#fff;
		border-bottom-color:#ece0c8;
		border-right-color:#ece0c8;
		background-color:#f9f4ee}

.feld_e_mail{
		width:320px;
		height:18px;
		margin-top:10px;
		border:1.5px solid #c93;
		border-top-color:#fff;
		border-left-color:#fff;
		border-bottom-color:#ece0c8;
		border-right-color:#ece0c8;
		background-color:#f9f4ee}

.feld_nachricht{
		width:320px;
		height:150px;
		margin-top:10px;
		vertical-align:top;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		border:1.5px solid #c93;
		border-top-color:#fff;
		border-left-color:#fff;
		border-bottom-color:#ece0c8;
		border-right-color:#ece0c8;
		background-color:#f9f4ee;
		scrollbar-base-color:#f9f4ee;
 		scrollbar-3d-light-color:#f9f4ee;
 	 	scrollbar-arrow-color:#ece0c8;
 		scrollbar-darkshadow-color:#f9f4ee;
 		scrollbar-face-color:#f9f4ee;
 		scrollbar-highlight-color:#ece0c8;
 		scrollbar-shadow-color:ef9f4ee;
  		scrollbar-track-color:#f9f4ee}

.senden{
		width:100px;
		height:30px;
		cursor:pointer;
		margin-top:10px;
		border:1.5px solid #c93;
		border-top-color:#fff;
		border-left-color:#fff;
		border-bottom-color:#ece0c8;
		border-right-color:#ece0c8;
		background-color:#f9f4ee;
		font-weight:bold}

.senden:hover{
		background-color:#ece0c8}

#kontakt_antwort{
		padding-top:150px}
		

/* Bildbearbeitung */

#titel_vn {
		margin-top:40px;
		margin-left:15%}

#bildbearbeitung {
	width:970px;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;}
	
#vn {
	width:190px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;}

#vn_text {
	width:300px;
	float:left;
	padding-top:30px;
	margin-left:auto;
	margin-right:auto;
	line-height:1.5;}
	
.rahmen {
    width:650px;
    height:300px;
	margin-top:-20px;
	margin-left:20px;
	float:right;
	text-align:center;
}

#vor_zurueck {
	clear:both;
	width:190px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;}
	
.vn_zurueck {
	float:left;}

.vn_vor {
	float:right;}

#zaehler {
	margin-left:-22px}