/* CSS Document */

h1 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; font-size:18px; color: #d98109; line-height:25px; text-decoration: none}
.h1:link {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; font-size:18px; color: #d98109; line-height:25px; text-decoration: none}
.h1:hover {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; font-size:18px; color: #d98109; line-height:25px; text-decoration: none}
.h1:active {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; font-size:18px; color: #d98109; line-height:25px; text-decoration: none}
.h1:visited {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; font-size:18px; color: #d98109; line-height:25px; text-decoration: none}

h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size:13px; color: #d98109;}
h3 {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size:13px; margin-bottom: 10px; margin-top: 15px; text-align:left; color:#d98109;}
h4 {font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; margin:0px; font-weight: bold; font-size:13px; color: #000000; text-decoration: none}
h5 {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size:13px; color:#d98109; margin-bottom: 5px; margin-top:10px;}
h6 {font-family:Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; font-size:15px; color: #FF0000; margin-bottom: 0px; margin-top:0px;}


.dogdance {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size:13px; color: #00000; text-align:center;}
.dogdance_head {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size:15px; color:#00000; text-align:center; text-decoration:underline; text-transform: uppercase;}
.dogdance_fett {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size:13px; color:#00000; text-align:center;}
.dogdance_mini {margin-top:26px; font-size:9px;}
.dogdance_mini_mitte {margin-top:0px; font-size:9px; text-align:center;}
.dogdance_rot {font-family:Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; font-size:15px; color: #CC0000; margin-bottom: 0px; margin-top:0px; text-align:center;}
.dogdance_p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

a {outline-color:#1c3a63}

a:link {
	color: #1c3a63; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	text-decoration:underline; 
	background-color: transparent;
}

a:visited {
	color: #1c3a63; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	text-decoration:underline; 
	background-color: transparent;
}

a:hover  {
	color: #d98109; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	text-decoration:underline; 
	background-color: transparent;
}

a:active {
	color: #d98109; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	text-decoration:underlinee; 
	background-color: transparent;
}

p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
p.beitrag {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-bottom: 5px; margin-top:5px; text-align: left; }

hr {background-color:#d98109; color:#d98109; border-color:#d98109; border:0px; height:1px; margin:0px;}


.fett {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}

.orange {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#d98109; font-weight:bold;}

body, html {
scrollbar-face-color: #f5f5f5;
scrollbar-highlight-color: #f5f5f5;
scrollbar-3dlight-color: #666666;
scrollbar-darkshadow-color: #666666;
scrollbar-shadow-color: #f5f5f5;
scrollbar-arrow-color: #666666;
scrollbar-track-color: #f5f5f5;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
background-color: #070f1e;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:justify;
overflow: hidden;
}

/*Background*/

#Intro {
position:absolute;
height:600px;
width:850px;
top: 500px; 
left: 375px;
background-repeat: no-repeat;
}

#Background {
position:absolute;
height: 1600px;
width:1600px;
margin:-800px 0px 0px -800px;
top: 50%; 
left: 50%;
background-image: url(bilder/background.png);
background-repeat: no-repeat;
}

#Showreel_Background {
position:absolute;
height: 1600px;
width:1600px;
margin:-800px 0px 0px -800px;
top: 50%; 
left: 50%;
background-image: url(showreel/bilder/showreel_background.png);
background-repeat: no-repeat;
}

#Background_Leistungen {
position:absolute;
height: 144px;
width:20px;
left: 388px;
top: 945px;
background-image: url(bilder/leistungen.png);
background-repeat: no-repeat;
background-color: transparent;
}

#Background_Komposition {
position:absolute;
height: 144px;
width:20px;
left: 388px;
top: 945px;
background-image: url(bilder/komposition.png);
background-repeat: no-repeat;
background-color: transparent;
}

#Background_Beratung {
position:absolute;
height: 144px;
width:20px;
left: 388px;
top: 945px;
background-image: url(bilder/beratung.png);
background-repeat: no-repeat;
background-color: transparent;
}

#Background_Overnight {
position:absolute;
height: 190px;
width:20px;
left: 388px;
top: 899px;
background-image: url(bilder/overnight.png);
background-repeat: no-repeat;
background-color: transparent;
}

#Background_Sounddesign {
position:absolute;
height: 144px;
width:20px;
left: 388px;
top: 945px;
background-image: url(bilder/sounddesign.png);
background-repeat: no-repeat;
background-color: transparent;
}

#Background_Editing {
position:absolute;
height: 144px;
width:20px;
left: 388px;
top: 945px;
background-image: url(bilder/editing.png);
background-repeat: no-repeat;
background-color: transparent;
}

#Background_Referenzen {
position:absolute;
height: 144px;
width:20px;
left: 388px;
top: 945px;
background-image: url(bilder/referenzen.png);
background-repeat: no-repeat;
background-color: transparent;
}

#Background_Showreel {
position:absolute;
height: 144px;
width:20px;
left: 388px;
top: 945px;
background-image: url(bilder/showreel.png);
background-repeat: no-repeat;
background-color: transparent;
}

#Background_Mediensound {
position:absolute;
height: 144px;
width:20px;
left: 388px;
top: 945px;
background-image: url(bilder/mediensound.png);
background-repeat: no-repeat;
background-color: transparent;
}

#Portrait {
float:left; 
height: 154px; 
width: 140px; 
margin-left: 0px; 
margin-right: 10px; 
margin-top: 13px; 
margin-bottom: 5px;
padding: 0px; 
display: block
}

#Background_Kontakt {
position:absolute;
height: 144px;
width:20px;
left: 388px;
top: 945px;
background-image: url(bilder/kontakt.png);
background-repeat: no-repeat;
background-color: transparent;
}

#Background_Impressum {
position:absolute;
height: 144px;
width:20px;
left: 388px;
top: 945px;
background-image: url(bilder/impressum.png);
background-repeat: no-repeat;
background-color: transparent;
}

#Background_Login {
position:absolute;
height: 144px;
width:20px;
left: 388px;
top: 945px;
background-image: url(bilder/login.png);
background-repeat: no-repeat;
background-color: transparent;
}

#Background_Backlinks {
position:absolute;
height: 144px;
width:20px;
left: 388px;
top: 945px;
background-image: url(bilder/links.png);
background-repeat: no-repeat;
background-color: transparent;
}

#Background_Newsletter {
position:absolute;
height: 144px;
width:20px;
left: 388px;
top: 945px;
background-image: url(bilder/newsletter.png);
background-repeat: no-repeat;
background-color: transparent;
}

#Background_News {
position:absolute;
height: 144px;
width:20px;
left: 388px;
top: 945px;
background-image: url(bilder/news.png);
background-repeat: no-repeat;
background-color: transparent;
}

/* Showreel */

#Background_Hauptmenu {
position:absolute;
height: 144px;
width:20px;
left: 388px;
top: 945px;
background-image: url(bilder/hauptmenu.png);
background-repeat: no-repeat;
background-color: transparent;
}

#Background_TVSpots {
position:absolute;
height: 144px;
width:20px;
left: 388px;
top: 945px;
background-image: url(bilder/tvspots.png);
background-repeat: no-repeat;
background-color: transparent;
}

#Background_Kinospots {
position:absolute;
height: 144px;
width:20px;
left: 388px;
top: 945px;
background-image: url(bilder/kinospots.png);
background-repeat: no-repeat;
background-color: transparent;
}

#Background_Imagefilme {
position:absolute;
height: 144px;
width:20px;
left: 388px;
top: 945px;
background-image: url(bilder/imagefilme.png);
background-repeat: no-repeat;
background-color: transparent;
}

#Background_Funkspots {
position:absolute;
height: 144px;
width:20px;
left: 388px;
top: 945px;
background-image: url(bilder/funkspots.png);
background-repeat: no-repeat;
background-color: transparent;
}

#Background_Anderes {
position:absolute;
height: 144px;
width:20px;
left: 388px;
top: 945px;
background-image: url(bilder/anderes.png);
background-repeat: no-repeat;
background-color: transparent;
}

#Background_Angebot {
	position:absolute;
	height: 144px;
	width:20px;
	left: 388px;
	top: 945px;
	background-image: url(bilder/leistungen.png);
	background-repeat: no-repeat;
	background-color: transparent;
	visibility: visible;
}

/*Heading*/

#heading {
	position:absolute;
	top: 498px;
	left: 450px;
	width: 500px;
	height: 70px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	text-align: center;
}



/*Navigation*/

#Navigation {
clear: right;
position: absolute;
top: 581px;
left: 378px;
width: 847px;
height: 21px; 
overflow: none;
padding: 0px;
text-align: left;
background-image: url(bilder/nav_balken.png);
background-repeat: none;
}

.navLink {
	color: transparent;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	text-transform:uppercase;
}

.navLink a:link {
	color: #1c3a63; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	text-decoration:none; 
	background-color: transparent;
}

.navLink a:visited {
	color: #1c3a63; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	text-decoration:none; 
	background-color: transparent;
}

.navLink a:hover  {
	color: #d98109; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	text-decoration:underline; 
	background-color: transparent;
}

.navLink a:active {
	color: #d98109; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	text-decoration:none; 
	background-color: transparent;
}

.balken {color: #d98109; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

#leistungen {
	position:relative;
	float:left;
	left: 75px;
	top: 0px;
	width: 109px;
	height: 21px;
	text-align: left;
}

#referenzen {
	position:relative;
	float:left;
	left: 75px;
	top: 0px;
	width: 110px;
	height: 21px;
	text-align: left;	
}

#showreel {
	position:relative;
	float:left;
	left: 75px;
	top: 0px;
	width: 89px;
	height: 21px;	
	text-align: left;
}

#mediensound {
	position:relative;
	float:left;
	left: 75px;
	top: 0px;
	width: 123px;
	height: 21px;	
	text-align: left;
}

#kontakt {
	position:relative;
	float:left;
	left: 75px;
	top: 0px;
	width: 86px;
	height: 21px;
	text-align: left;
}

#impressum {
	position:relative;
	float:left;
	left: 75px;
	top: 0px;
	width: 105px;
	height: 21px;
	text-align: left;
}

#login {
	position:absolute;
	border: dotted 1px #d98109;
	left: 1020px;
	top: 1068px;
	width: 200px;
	height: 13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
	
#skype {
	position:absolute;
	border: dotted 0px #d98109;
	left: 1100px;
	top: 581px;
	width: 120px;
	height: 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

#copy {
	position:absolute;
	left: 450px;
	top: 1070px;
	width: 500px;
	height: 13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

/*Startseite*/

.Icons {
	float:left; 
	height:64px;
	margin-top: 20px;
}

.Iconbilder {
	border: 0px;
	padding:0px;
}

.Dienste {
	float:left; 
	width: 440px; 
	height:64px; 
	padding:0px;
	margin-top: 20px;
}

/*Content*/

#Content {
	position: absolute;
	top: 620px;
	left: 450px;
	width: 700px;
	height: 420px;
	overflow: auto;
	padding: 5px 8px 8px 8px;
	overflow: hidden;
}

#ContentLeist {
	z-index:1;
	position: absolute;
	top: 620px;
	left: 400px;
	width: 570px;
	height: 420px;
	overflow: auto;
	padding: 5px 8px 8px 8px;
	overflow: hidden;
}

#ContentKontakt {
	position: absolute;
	top: 610px;
	left: 450px;
	width: 700px;
	height: 440px;
	padding: 5px 8px 8px 8px;
	overflow: hidden;
}

#ContentDogdance {
	position: absolute;
	top: 610px;
	left: 435px;
	width: 740px;
	height: 440px;
	padding: 5px 8px 8px 8px;
	overflow: hidden;
}


 .hidefocus { outline:0; -moz-outline:0; outline: none;}

#ContentRef {
	position: absolute;
	top: 620px;
	left: 450px;
	width: 700px;
	height: 430px;
	padding: 5px 8px 8px 8px;
	overflow: hidden;
}

#ContentNews {
	position: absolute;
	top: 616px;
	left: 450px;
	width: 743px;
	height: 420px;
	padding: 5px 8px 8px 8px;
	overflow-x: hidden;
	overflow-y: auto;
}

#Slider {
	position: relative;
	top: 85px;
	left: 0px;
	width: 700px;
	height: 75px;
	overflow: hidden;
}

#Slider_Deckung {
	position: relative;
	top: 0px;
	left: 0px;
	width: 700px;
	height: 90px;
	overflow: hidden;
}

#Aktion {
	position: relative;
	top: 620px;
	left: 990px;
	width: 200px;
	height: 130px;
	overflow: hidden;
}

#News {
	z-index:2;
	position: relative;
	top: 625px;
	left: 1000px;
	width: 170px;
	height: 425px;
	overflow: hidden;
	padding-right: 0px;
	padding-left: 40px;
	text-align: left;
	border-left: 1px dashed #1c3a63;
}

#FlashContent {
	position: absolute;
	top: 620px;
	left: 450px;
	width: 750px;
	height: 400px;
	overflow: auto;
	padding: 0px;
}

#forced {
	 position: absolute; 
	 top: 1020px; 
	 left: 450px; 
	 width: 750px; 
	 height: 25px; 
	 overflow: hidden; 
	 padding: 0px;
}

#ContentBack {
	position: absolute;
	top: 620px;
	left: 450px;
	width: 700px;
	height: 420px;
	overflow: auto;
	padding: 5px 8px 8px 8px;
	overflow-x: hidden;
	overflow-y: auto;
}

#Datenschutz {
	overflow: scroll;
	width: 500px;
	height: 500px;
	padding: 10px;
	background-color:#FFFFFF;
}

#Translate {
	position: absolute;
	top: 505px;
	left: 380px;
	width: 60px;
	height: 35px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}

/*Tabelle*/

.tabelle {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

/* Showreel Nav */

#Showreel_Nav {
float: left;
position:relative;
top: 222px;
left: 10px;
width: 320px;
height: 200px;
overflow: hidden;
}

#tvspots {
	position:absolute;
	left: 00px;
	top: 00px;
	width:128px;
	height:18px;
}

#kinospots {
	position:absolute;
	left: 10px;
	top: 30px;
	width:128px;
	height:18px;	
}

#imagefilme {
	position:absolute;
	left:20px;
	top:60px;
	width:116px;
	height:18px;
	
}

#funkspots {
	position:absolute;
	left:30px;
	top:90px;
	width:104px;
	height:18px;
}

#anderes {
	position:absolute;
	left:40px;
	top:120px;
	width:97px;
	height:18px;
}

#hauptmenu {
	position:absolute;
	left: 20px;
	top: 385px;
	width:128px;
	height:18px;
}

#tvmenu {
	position:absolute;
	left: 714px;
	top: 557px;
	width:128px;
	height:18px;
}

#kinomenu {
	position:absolute;
	left: 714px;
	top: 557px;
	width:128px;
	height:18px;
}

#imagemenu {
	position:absolute;
	left: 714px;
	top: 557px;
	width:128px;
	height:18px;
}

#funkmenu {
	position:absolute;
	left: 714px;
	top: 557px;
	width:128px;
	height:18px;
}

#anderesmenu {
	position:absolute;
	left: 714px;
	top: 557px;
	width:128px;
	height:18px;
}

#infobox {
	position:relative;
	left: 85px;
	top: 20px;
	width:330px;
	height:75px;
	text-align:left;
}

/*Kontakt*/

.kontaktSchrift {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

.formularSchrift {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
}

.Buttons {
background-color:#1c3a63;
color:#FFFFFF;
width:90px; 
border:3px solid #1c3a63;
font-size:11px;
}

.kontakt {
background-color:#FFFFFF;
}

.sternchen {
font-size:10px;
color: #CC0000;
}

.mini {
font-size:10px
}

/*Rest*/

.IMG {
border-width: 0px;
border-color: #FFCC33;
border-style: solid;
padding: 5px;
} 

/*friends*/

.friends_nb {border:0px dashed; frameborder:0; text-align:center;}
.friends {text-align:center;}
.friends_font {font-size:11px;text-align:left;}

.friends:link {text-decoration:none; color:#676767; border-bottom:0px dashed;}
.friends:visited {text-decoration:none; color:#676767;border-bottom:0px dashed;}
.friends:hover {text-decoration:none; color:#000000;border-bottom:0px dashed;}
.friends:active {text-decoration:none; color:#000000;border-bottom:0px dashed;}
.friends_nb1 {border:0px dashed; frameborder:0; text-align:center;}