/* CSS Document */


html { /* bei Bedarf fuer zentriertes Layout */
min-height: 100%; /* erzwingt vertikalen Scrollbalken-Platzhalter im Firefox, um ein "Huepfen" zu vermeiden (zusammen mit margin-bottom: 0.1px;) */
margin-bottom: 0.1px;
}


body {
font: 100.01% "Trebuchet MS",sans-serif;
padding:0;
margin:0;
background:#c9c9c9 url(../img/hg.gif) 0 0 repeat-y;
color:#000000;
}

.unsichtbar,
.sef {
position:absolute;
top:-5000em;
left:-5000em;
overflow:hidden;
text-indent:-5000em;
margin: 0;
}

#container {
width:953px;
background-color:#FFFFFF;
color:#2a2a2a;
position:relative;
}




/* Formate allgemeim
**********************************************************/

h1 {
font-size: 1.35em;
margin: 0 0 4px 0;
font-weight: normal;
color:#000000;
}
h2 {
font-size: 1em;
line-height:1.68em;
margin: 0 0 4px 0;
color: #2a2a2a;
}
h3 {
font-size: 1em;
line-height:1.68em;
margin: 0 0 4px 0;
color: #2a2a2a;
font-weight: normal;
}
h4 {
color: #2a2a2a;
font-size: 0.95em;
margin: 0 0 4px 0;
}
h5 {
color: #2a2a2a;
font-size: 0.9em;
margin: 0 0 4px 0;
}
h6 {
color: #2a2a2a;
font-size: 0.9em;
margin: 0 0 4px 0;
font-weight: normal;
}

p {
margin: 0 0 10px 0;
line-height: 1.68em;
}

strong {
}

ul, ol, li {
margin: 0;
padding: 0;
}

a {
text-decoration: none;
color:#2a2a2a;
}
a:hover {
border: none;
text-decoration: none;
color:#999999;
}

hr {
height: 1px;
color:#ffffff;
background-color:#ffffff;
border: 1px dotted #666666;
margin: 0 0 10px 0;
width: 100%;
}


table {
border-collapse: collapse;
margin: 5px 0 10px 0;
line-height: 1em;
font-size: 0.9em;
border: none;
}

th {
border-top: 1px dotted #666666; 
border-bottom: 1px dotted #666666;
padding: 4px 15px 4px 6px;
text-align: left;
vertical-align: top;
color: #333333;
}
td {
border-bottom: 1px dotted #666666;
border-top: 1px dotted #666666;
padding: 4px 15px 4px 6px;
text-align: left;
vertical-align: top;
}

td p,
th p {
margin: 0;
}

img {
border: none;
}



/* Title 
**********************************************************/

div#branding {	
position:relative;
height:142px;
}


div#branding h1,
div#branding h2
{	position:absolute;
	top:-5000em;
	left:-5000em;
	overflow:hidden;
	text-indent:-5000em;
	margin: 0;
}
img.logo {
position:absolute;
width:184px;
height:114px;
top:0;
right:30px;
}

#banner {
position:absolute;
width:659px;
height:110px;
top:0;
left:35px;
/*border:1px dashed #CCCCCC;*/
color:#CCCCCC;
}





/* Navigation 
******************/

#navigation {
font-size: 0.9em;
height:45px;
width:896px;
padding:0 0 0 35px;
}
#navigation ul {
margin:0;
padding:0;
}
#navigation ul li {
display: inline;
margin:0;
padding:0;
}

#navigation ul li a {
text-decoration: none;
display:block;
float:left;
line-height:1.8em;
text-transform:uppercase;
color:#999999;
height:45px;
width:211px;
padding:0px;
margin:0 13px 0 0;
/*border-top:1px dotted #666666;
border-bottom:1px dotted #666666;*/
text-indent:5000em;
overflow:hidden;
}

#navigation ul li a:hover,
#navigation ul li.active a {
color:#2a2a2a;
}

/* Agentur */
#navigation ul li a.s1 {
background: transparent url(../img/nav-agentur.gif) 0 0 no-repeat;
}
#navigation ul li a.s1:hover,
#navigation ul li.active a.s1 {
background: transparent url(../img/nav-agentur.gif) -211px 0 no-repeat;
}
/* Leistungen */
#navigation ul li a.s2 {
background: transparent url(../img/nav-leistungen.gif) 0 0 no-repeat;
}
#navigation ul li a.s2:hover,
#navigation ul li.active a.s2 {
background: transparent url(../img/nav-leistungen.gif) -211px 0 no-repeat;
}
/* Referenzen */
#navigation ul li a.s3 {
background: transparent url(../img/nav-referenzen.gif) 0 0 no-repeat;
}
#navigation ul li a.s3:hover,
#navigation ul li.active a.s3 {
background: transparent url(../img/nav-referenzen.gif) -211px 0 no-repeat;
}
/* Dialog */
#navigation ul li a.s4 {
background: transparent url(../img/nav-dialog.gif) 0 0 no-repeat;
}
#navigation ul li a.s4:hover,
#navigation ul li.active a.s4 {
background: transparent url(../img/nav-dialog.gif) -211px 0 no-repeat;
}

/* Subnavigation Ebene 2 
***************************/
#subnavigationscroller {
width:4000px;
border:1px solid white;
overflow-x:auto;
}

#subnavigation {
width:884px;
overflow-x:auto;
overflow-y:hidden;

margin-left:35px;
font-size:0.7em;
height: 100px;
/*height:6.9em;*/
padding:9px 0 3px 0;
/*border-bottom:1px dotted #666666;*/
float:left;
clear:both;
position:relative;
background: #FFFFFF url(../img/punktlinie.gif) left bottom no-repeat;
}		
#subnavigation ul {
padding:0;
margin:0;
float:left;
/*clear:both;*/
/*width:896px;*/
width:224px;
}		

#subnavigation ul li {
margin:0 13px 0 0;
padding:0;
width:211px;
height:19px;
/*float:left;*/
list-style:none;
}		


#subnavigation ul li a,
#subnavigation ul li.active ul li a {
font-weight: normal;
color:#999999;
text-decoration:none;
display:block;
margin:0 0 0 13px;
}
#subnavigation ul li a:hover {
color:#2a2a2a;
}

#subnavigation ul li.active a,
#subnavigation ul li.active a:hover {
color:#2a2a2a;
}	


/* Leistungen - Breite Submenü experimentell */
body.cat2 #subnavigation ul.ul1 {
padding-left:224px;
}
/* Dialog - Breite Submenü experimentell */
body.cat4 #subnavigation ul.ul1 {
padding-left:672px;
} 




/* Agentur - Breite Submenü experimentell 
body.cat1 #subnavigation ul {
width: 224px;
}*/
/* Leistungen - Breite Submenü experimentell 
body.cat2 #subnavigation ul {
width: 672px;
padding-left:224px;
}*/
/* Dialog - Breite Submenü experimentell
body.cat4 #subnavigation ul {
width: 224px;
padding-left:672px;
} */


/* Subnavigation Pager */
#subnavpagerForward {	
position:absolute;
top:220px;
right:35px;
width:10px;
height:20px;
display:block;
z-index:99;
}

#subnavpagerBack {	
position:absolute;
top:220px;
left:35px;
width:10px;
height:20px;
display:block;
z-index:99;
}

#subnavpagerForward.active {
background-image:url(../img/pagerForward.gif);
background-repeat:no-repeat;
cursor:pointer;
background-position:center right;
}

#subnavpagerBack.active {
background-image:url(../img/pagerBack.gif);
background-repeat:no-repeat;
background-position:center left;
cursor:pointer;
}


/* Inhalt 
**********************************************************/

#content {
width:883px;
padding:28px 0 0 35px;
clear:both;
min-height:250px;
background:none;
background-color:#FFFFFF;
background-image:url(../img/ajax.gif);
background-repeat:no-repeat;
background-position:-1000px -100px;
}
#content.ajax {
background-position:467px 100px;
}

/*
.opac li {
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
zoom:1;
position:relative;
}*/


#maincontent {
font-size: 0.77em;
background-color:#FFFFFF;
/*font-size: 72%;*/
}
#maincontent.iefix {
	filter:alpha(opacity=1);
}


#maincontent ul {
margin: 0 0 10px 5px;
padding: 0;
line-height: 1.68em;
}
#maincontent ol {
margin: 0 0 10px 28px;
padding: 0;
line-height: 1.68em;
}
#maincontent li {
margin: 0;
}
#maincontent ul li {
/*list-style-image:url(../img/list-pfeil.gif);*/
list-style:none;
background:transparent url(../img/list-pfeil.gif) no-repeat left center;
padding-left: 8px;
}

/* Links */
#maincontent a {
background: transparent url(../img/link-icon.gif) left center no-repeat;
padding-left: 13px;
}

/*div:after
{	content: "."; 
	display: block; 
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}*/



/* Footer 
**********************************************************/

#site-info {
clear:both;
font-size:0.7em;
padding: 1px 35px 15px 35px;
min-height:10px;
color:#5f5f5f;
margin:0 auto;
}
#site-info p {
margin: 0;
display:inline;
/*padding-right:18px;*/
padding-right:0;
line-height:1em;
}
#site-info a {
color:#5f5f5f;
text-decoration:none;
}
#site-info a:hover {
text-decoration:none;
color:#2a2a2a;
}
#site-info ul {
list-style:none;
display:inline;
}
#site-info li {
display:inline;
}
#site-info li a {
}

#info {
float:left;
width:50%;
}

#login {
float:right;
width:50%;
}
#login form,
#fieldset {
float:right;
margin:0;
padding:0;
}
#login label, 
#login input {
float:left;
}
#login label {
width:auto;
margin:1px 4px 0 0;
vertical-align: middle;
}
#login input {
width:73px;
height:13px;
margin:1px 10px 0 0;
line-height:1em;
border:1px solid #e6e6e6;
font: 1em "Trebuchet MS",sans-serif;
vertical-align: middle;
}
#login input.pw {
margin-right:5px;
}
#login input.submit {
background:#ffffff url(../img/send-button_hg.gif) no-repeat 0 0;
border:none;
width:16px;
height:15px;
margin:1px -1px 0 0;
}



/********************************************************* 
spezielle Formate
**********************************************************/


/* kein HG-Bild bei verlinkten Bildern  */
#maincontent .refimages a {
background: none;
padding-left: 0;
margin-left: 0;
}


.left {
float:left;
}
.right {
float:right;
}
.clear {
clear: both;
}



/********************************************************* 
MODUL-Formate
**********************************************************/

/* Modul Frischfilm grafische Überschrift mit Icons 
***************************************************/

.renderedhead {
display:block;
float:left;
clear:both;
padding-bottom:29px;
}
h1.renderhead {
float:left;
display:inline;
margin-left:-4px;
margin-right: 22px;
margin-top:3px;
}
h1.renderhead span {
left:-5000em;
margin:0;
overflow:hidden;
position:absolute;
text-indent:-5000em;
top:-5000em;
}
div.reficons {
float:left; /* für Safari */
}
div.reficons img {
margin-right:4px;
}

/* Modul Frischfilm Referenzen 
*******************************/
.section-frischfilm-referenz {
float:left;
clear:both;
padding-bottom: 6px;
margin-bottom:11px;
/*border-bottom:1px dotted #666666; wegen IE6 und Darstellung Punktlinie */
background: transparent url(../img/punktlinie.gif) left bottom no-repeat;
width:883px; /* für Safari */
}
.refview246POPUP div.reftext,
.refview3GALERIE div.reftext,
.refviewSWF div.reftext {
width:400px;
float:left;
}
.section-frischfilm-referenz .refimages {
float:right;
width: 448px;
margin-top:5px;
}
.section-frischfilm-referenz .refimages img {
border: 1px solid #e6e6e6;
margin: 0 0 14px 13px;
float:left;
}
.section-frischfilm-referenz .reflinks {
clear:right;
text-align: right;
line-height:0.8em;
margin:0 0 13px 0;
}
.section-frischfilm-referenz .reflinks a {
font-size:0.9em;
margin-left:15px;
}

.section-frischfilm-referenz .refimages3GALERIE {
width: 447px;
}
.section-frischfilm-referenz .refimages3GALERIE img {
padding: 8px;
margin: 0 0 14px 12px;
}

iframe {
/* Ohne position:relative funktioniert die Ein- und Ausblendung nicht */
position:relative;
}

.flashSWF,
.flashFLV {
vertical-align:middle;
text-align:center;
margin-bottom:14px;
margin-top:5px;
}

.section-frischfilm-referenz .flashSWF,
.section-frischfilm-referenz .flashFLV {
float:right;
width:435px;
overflow:hidden;
}
.section-frischfilm-referenz .flashFLV {
border: 1px solid #e6e6e6;
width:433px;
}

/* feste Text- und Logo-Breite - HTML-Umstellung im Modul 03 - Referenz notwendig
.refviewKUNDENPROFIL div.reftext {
float:left;
width:648px;
}
.refviewKUNDENPROFIL p.reflogo {
float:right;
text-align:right;
width:235px;
}
*/

.refviewKUNDENPROFIL div.reftext {
float:left;
display:inline;
}
.refviewKUNDENPROFIL p.reflogo {
float:right;
margin-left:13px;
}

#maincontent .refviewKUNDENPROFIL p.reflogo a {
background: none;
padding-left: 0;
margin-left: 0;
}
.refviewKUNDENPROFIL p.reflogo img {
margin: 0 0 0 13px;
}



/* MODUL Frischfilm Inhalt
**************************/

.section-frischfilm-content {
float:left;
clear:both;
padding-bottom: 8px;
margin-bottom:11px;
/*border-bottom:1px dotted #666666; wegen IE6 und Darstellung Punktlinie */
background: transparent url(../img/punktlinie.gif) left bottom no-repeat;
width:883px; /* fuer Safari */
}
.noborder {
background: none;
margin-bottom:0;
padding-bottom:0;
}

/* Text 2-spaltig */
.textBlockA {
width: 435px;
float:left;
}
.textBlockB {
width: 435px;
float:right;
}
.textleft .textBlock,
.textleft h2 {
float:left;
}
.textright .textBlock,
.textright h2 {
float:right;
}

/* Textblock neben Bild/Flash */
.conviewTEXTUNDSWF .textBlock,
.conviewTEXTUNDBILD .textBlock,
.conviewTEXTUNDSWF h2,
.conviewTEXTUNDBILD h2 {
width:435px;
}

/* Flash */
.section-frischfilm-content .flashFLV,
.section-frischfilm-content .flashSWF {
margin-top:5px;
padding:0;
}

.section-frischfilm-content .flashFLV {
border: 1px solid #e6e6e6;
overflow:hidden;
}

.conview2SPALTIGSWF .flashFLV,
.conview2SPALTIGSWF .flashSWF {
margin-bottom:14px;
}

.conview2SPALTIGSWF .flashFLV {
width:881px;
}
.conviewTEXTUNDSWF .flashFLV {
width:433px;
}
.conviewTEXTUNDSWF .flashFLV,
.conviewTEXTUNDSWF .flashSWF {
margin-bottom:14px;
}
.conviewTEXTUNDSWF .textBlock,
.conviewTEXTUNDSWF .flashSWF {
width:435px;
}
.textright .flashFLV,
.textright .flashSWF {
float:left;
}
.textleft .flashFLV,
.textleft .flashSWF {
float:right;
}


/* Bild */
.textright p.img {
float:left;
}
.textleft p.img {
float:right;
}
p.img {
margin-bottom:0;
}

.conview2SPALTIGBILD p.img img,
.conviewTEXTUNDBILD p.img img {
margin:5px 0 14px 0;
}




/* MODUL googlemaps
**************************/

div.anfahrt {
float:left;
clear:both;
padding-bottom: 6px;
margin-bottom:11px;
/*border-bottom:1px dotted #666666; wegen IE6 und Darstellung Punktlinie */
background: transparent url(../img/punktlinie.gif) left bottom no-repeat;
width:883px; /* für Safari */
}

div.googletext {
width:435px;
float:left;
}

div.googlemaps {
width:435px;
float:right;
}
div.map {
width:417px;
padding:8px;
border:1px solid #d5d5d5;
margin:5px 0 14px 0;
}
div.googlemaps p {
text-align:right;
line-height:0.8em;
margin:0;
clear:both;
}

/* google maps 100% Breite */
div.googlemaps100 {
clear:left;
width:883px;
}
div.googlemaps100 div.map {
width:auto;
}




/* Formulare */
form.form
{	font-size:1em;
background: transparent url(../img/punktlinie.gif) left bottom no-repeat;
float:left;
clear:both;
padding-bottom: 15px;
margin-bottom:11px;
width:883px;
font-size:1em;
}

form.form h2 {
position:absolute;
top:-5000em;
left:-5000em;
overflow:hidden;
text-indent:-5000em;
margin: 0;
}

/* Kontakt und Callback als zweispaltig nebeneinander - nein nun doch wieder nicht

form.form
{	padding-bottom: 0;
}


form#formcallback,
form#formkontakt {
width: 435px;
float:left;
clear:none;
}
form#formcallback {
float:right;
}
.div-with-border {
background: transparent url(../img/punktlinie.gif) left bottom no-repeat;
height:1px;
clear:both;
margin-bottom:14px;
}
*/

fieldset
{	border: none;
	padding: 0;
	margin: 0;
}

form.form input.radio,
form.form input.checkbox {	
width: auto;
border: none;
margin:2px;
}


form.form p
{	clear:left;
line-height:1em;
margin-bottom:5px;
}
form.form p label
{	float:left;
	clear:left;
	width:120px;
	padding:0;
	margin:3px 0 0 0;
}

form.form input,
form.form textarea,
form.form select
{	margin:0 3px 0 0;
/*padding:2px 4px;*/
	padding:1px 4px 0 4px;
	height:1.25em;
	width:268px;
	background-color: #c0c0c0;
	color:#ffffff;
	border:2px solid #c0c0c0;
	font-size:1em;
	line-height:1.1em;
	font-family:"Trebuchet MS",sans-serif;
	vertical-align:center;
}
form.form select
{	margin-bottom: 0;
padding:0; 
/*border-right:none;*/
height:1.75em;
width:95px;
}
form.form option
{	margin:0;
padding: 0 0 2px 2px;
width:auto;
}

form.form input.submit
{	margin:5px 0 0 330px;
	width:70px;
	height:1.9em;
	padding: 0 4px 1px 4px;
	border-width:0;
}

span.req
{	font-weight:bold;
}

form.form .formerror
{	background-position:center right;
	background-repeat:no-repeat;
	background-image:url(../img/formerror.png);
	background-color:#ddacac;
	border:2px solid #ddacac;
}
form.form ul.formerror
{	background:none;
color:red;
}

/* Kontakt */
#kontakt_titel,
#kontakt_anrede,
#callback_anrede {
width:60px;
}
#kontakt_plz {
width:50px;
}
#kontakt_ort {
width:200px;
}
#kontakt_anfrage {
height:115px;
}
#callback_betreff {
height:80px;
}

#kontakt_nachname,
#kontakt_land,
#kontakt_fax,
#callback_zeit,
#callback_betreff {
margin-bottom: 8px;
}