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

* {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
}

body {
	color:#777;
    color:#777;
	cursor:default;
	font-family:"Trebuchet MS","Lucida Grande",Arial,Helvetica,sans-serif;
    /*font-family:"Arial","Lucida Grande",Arial,Helvetica,sans-serif;*/
    /*font-family:"Century Gothic","Lucida Grande",Arial,Helvetica,sans-serif;*/
}

a img {border:0;}

#Image td {
	text-align:center;
	vertical-align:middle;
}

html, body, #Image, #Image table, #Image td {
	height:100%;
	overflow:hidden;
	width:100%;
}
#Image {
	height:200%;
	left:-50%;
	top:-50%;
	width:200%;
	position:absolute;
}

#Image img {
	margin:0pt auto;
	min-height:50%;
	min-width:50%;
	display:block;
}



#MenuPosition {
	display:block;
	width:100%;
	height:54px;
	text-transform:uppercase;
	color:#fff;
	font-size:10px;
	left:0;
	font-weight:bold;
	position:absolute;
	bottom:30px;}

	/*#MenuBg {
		width:100%;
		margin-left:737px;
		height:54px;
		background:#000;
		position:absolute;
		opacity:0.2;} */
  	#MenuBg {
		left:747px;
		height:54px;
		right:18px;
		background:url(images/MenuBg.png);
		position:absolute;}
	body.Overview #MenuBg {
      right:0;
    }



/* Menu Liste */
#Menu {
	margin-left:151px;
	height:54px;
	width:595px;
	overflow:hidden;
	position:relative;
	z-index:1;
	display:block;
}

#Nav {
	width: 1200px;
	}

#Menu li {
	 background:url(images/MenuLiBg.png) right;
	 height:54px;
	 float:left;
	}


#Menu .MainLink {
	text-indent:200px;
	overflow:hidden;
    font-size:10;
	white-space:nowrap;
	display:block;
	position:relative;
	height:52px;
    font-size:0;
    cursor:pointer;
	margin-top:1px;
	background-position:0px 9px;
	background-repeat:no-repeat;
	}

    #Menu .MainLink:hover {
        cursor:pointer;
    }


	#Menu .MainLink .Arrow {
		margin-top:21px;
		margin-left:-0px;
		position:absolute;
	}

#Menu li#NavAgentur {width:104px;}
	li#NavAgentur .MainLink {background-image:url(images/MenuAgentur.png);min-width:66px;}

#Menu li#NavBlog {width:76px;}
	li#NavBlog .MainLink {background-image:url(images/MenuBlog.png);min-width:32px;}

#Menu li#NavLeistungen {width:120px;}
	li#NavLeistungen .MainLink {background-image:url(images/MenuLeistungen.png);min-width:81px;}

#Menu li#NavProjekte {width:96px;}
	li#NavProjekte .MainLink {background-image:url(images/MenuProjekte.png);min-width:61px;}

#Menu li#NavKunden {width:101px;}
	li#NavKunden .MainLink {background-image:url(images/MenuKunden.png);min-width:58px;}

#Menu li#NavKontakt {width:99px;}
	li#NavKontakt .MainLink {background-image:url(images/MenuKontakt.png);min-width:58px;}

	#Menu ul li a {
		display:block;
		margin:0 0 0 24px;
		color:#aaa;
		}
	#Menu li a img {
		top:14px;
		display:block;
        left:0;
		visibility: visible;
        position:relative;
		}

	/* Second Level */

	#Menu ul ul {
		padding:0;
		position:absolute;
		top:27px;
		width:200px;
		-moz-opacity:0;
		visibility: hidden;
        filter:alpha(opacity=0);
		height:22px;
		display:block;
		overflow:hidden;
		padding-left:1px;
		margin-left:11px;
	}
    #Menu ul #NavBlog ul { margin-left:9px; }
	#Menu ul #NavLeistungen ul { margin-left:13px; }
    #Menu ul #NavProjekte ul { margin-left:12px; }
    #Menu ul #NavKontakt ul { margin-left:12px; }


		#Menu ul ul li {
			background:transparent;
			height:auto;
		}
		#Menu ul ul li a {
			margin:0;
			padding:2px 2px 0 4px;
			margin-top:1px;
			height:18px;
			overflow:hidden;
			font-size:0;
			opacity:0.7;
            filter:alpha(opacity=70);
			line-height:200px;
			background-position:2px 8px;
			background-repeat:no-repeat;
		}
		#Menu ul ul li a:hover {opacity:1; filter:alpha(opacity=100);}

		.NavWeb a {width:20px;background-image:url(images/MenuWeb.gif);}
		.NavPrint a {width:29px;background-image:url(images/MenuPrint.gif);}
		.NavFoto a {width:25px;background-image:url(images/MenuFoto.gif);}
		.NavMultimedia a {width:58px;background-image:url(images/MenuMultimedia.gif);}
		.NavAbout a {width:33px;background-image:url(images/MenuAbout.gif);}
		.NavNews a {width:27px;background-image:url(images/MenuNews.gif);}
		.NavAnfahrt a {width:45px;background-image:url(images/MenuAnfahrt.gif);}
		.NavPersonen a {width:52px;background-image:url(images/MenuPersonen.gif);}
		.NavEmail a {width:32px;background-image:url(images/MenuEmail.gif);}
		.NavHistory a {width:42px;background-image:url(images/MenuHistory.gif);}
		.NavKuse a {width:25px;background-image:url(images/MenuKuse.gif);}
		.NavTeam a {width:25px;background-image:url(images/MenuTeam.gif);}
        .NavEintraege a {width:48px;background-image:url(images/MenuEintraege.gif);}
        .NavArchiv a {width:34px;background-image:url(images/MenuArchiv.gif);}

        /* Menu Active */
        #Menu #Nav.Active li#NavAgentur {width:88px;}
			#Menu #Nav.Active li#NavAgentur a.MainLink {margin-left:15px;}
		#Menu #Nav.Active li#NavBlog {width:60px;}
			#Menu #Nav.Active li#NavBlog a.MainLink {margin-left:13px;}
		#Menu #Nav.Active li#NavLeistungen {width:104px;}
            #Menu #Nav.Active li#NavLeistungen a.MainLink {margin-left:16px;}
		#Menu #Nav.Active li#NavProjekte {width:80px;}
			#Menu #Nav.Active li#NavProjekte a.MainLink {margin-left:15px;}
		#Menu #Nav.Active li#NavKunden {width:85px;}
			#Menu #Nav.Active li#NavKunden a.MainLink {margin-left:15px;}
		#Menu #Nav.Active li#NavKontakt {width:83px;}
			#Menu #Nav.Active li#NavKontakt a.MainLink {margin-left:15px;}

		/* Menu Active Agentur */
        #Menu #Nav.Agentur li#NavAgentur {width:184px;}
			#Menu #Nav.Agentur li#NavAgentur a.MainLink {margin-left:15px;}
            #Menu #Nav.Agentur li#NavAgentur ul {opacity:1; filter:alpha(opacity = 100); visibility: visible;}
            #Menu #Nav.Agentur li#NavAgentur img {opacity:0; filter:alpha(opacity = 0); visibility: hidden;}

        /* Menu Active Blog */
        #Menu #Nav.Blog li#NavBlog {width:156px;}
			#Menu #Nav.Blog li#NavBlog a.MainLink {margin-left:13px;}
            #Menu #Nav.Blog li#NavBlog ul {opacity:1; filter:alpha(opacity = 100); visibility: visible;}
            #Menu #Nav.Blog li#NavBlog img {opacity:0; filter:alpha(opacity = 0); visibility: hidden;}

        /* Menu Active Leistungen */
		#Menu #Nav.Leistungen li#NavLeistungen {width:200px;}
            #Menu #Nav.Leistungen li#NavLeistungen a.MainLink {margin-left:16px;}
            #Menu #Nav.Leistungen li#NavLeistungen ul {opacity:1; filter:alpha(opacity = 100); visibility: visible;}
            #Menu #Nav.Leistungen li#NavLeistungen img {opacity:0; filter:alpha(opacity = 0); visibility: hidden;}

        /* Menu Active Projekte */
		#Menu #Nav.Projekte li#NavProjekte {width:176px;}
			#Menu #Nav.Projekte li#NavProjekte a.MainLink {margin-left:15px;}
            #Menu #Nav.Projekte li#NavProjekte ul {opacity:1; filter:alpha(opacity = 100); visibility: visible;}
            #Menu #Nav.Projekte li#NavProjekte img {opacity:0; filter:alpha(opacity = 0); visibility: hidden;}

        /* Menu Active Kunden */
		#Menu #Nav.Kunden li#NavKunden {width:181px;}
			#Menu #Nav.Kunden li#NavKunden a.MainLink {margin-left:15px;}

        /* Menu Active Kontakt */
		#Menu #Nav.Kontakt li#NavKontakt {width:179px;}
			#Menu #Nav.Kontakt li#NavKontakt a.MainLink {margin-left:15px;}
            #Menu #Nav.Kontakt li#NavKontakt ul {opacity:1; filter:alpha(opacity = 100); visibility: visible;}
            #Menu #Nav.Kontakt li#NavKontakt img {opacity:0; filter:alpha(opacity = 0); visibility: hidden;}

/* Menu Toggle */
#MenuToggleShow {
	width:100%;
	display:block;
	position:absolute;
	bottom:0;
	bottom:250px;
	top:0;}
#MenuToggleShow {
	bottom:0;
	top:auto;
	height:20px;}

/* Logo */
#Logo {
	width:150px;
	height:54px;
	display:block;
	position:absolute;
	left:0;
	background:#000;
	float:left;
	text-align:left;
	overflow:hidden;}
#Logo img { position:relative; top:11px; left:14px}

/* Image List */
#ImageList {
	position:absolute;
	display:block;
	right:30px;
	bottom:54px;}

	#ImageList li {
		float:left;
		margin-right:2px;
		width:18px;}
	#ImageList li a {
		float:left;
		background:#000;
		font-weight:bold;
		height:18px;
		width:18px;
		display:block;
		text-align:center;
		line-height:18px;
		text-decoration:none;
		color:#fff;}
	#ImageList li a:hover {
		background:#fff;
		color:#000;}
		
/*  Content */
#ContentScroll {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  overflow:auto;
  overflow-y:scroll;
}
	*+html #ContentScroll {background:url(images/spacer.gif);}
    * html #ContentScroll {background:url(images/spacer.gif);}


#Toolbar {
  position:absolute;
  top:0;
  display:block;
  padding:0 17px;
  z-index:10;
  left:auto;
  right:47px;
  color:#808788;
  width:556px;
  font-size:11px;
  background:url(images/MenuBg.png);
  height:20px;
  line-height:20px;
}

	#Toolbar #BreadCrumb a {
      color:#999;
	  text-decoration: none;
	  padding-left:12px;
	  margin-right:5px;
	  background: url(images/MenuArrow.gif) 0 6px no-repeat;
    }

	#Toolbar #BreadCrumb a:hover {
      color:#fff;
    }

	#Toolbar a:hover {
	  color:#fff;
    }

	#Toolbar #Tools {
      position:absolute;
	  right:17px;
	  top:0;
    }
	#Toolbar #Tools a {
      color:#999;
	  text-decoration: none;
	  margin-right:0px;
    }
	#Toolbar #Tools a:hover {
      color:#fff;
    }

	   #Toolbar	#Tools #ImpressumLink {
			padding-left:0px;
			background:transparent;
        }


#ContentPosition {
	position:absolute;
	padding:150px 0 115px 0;
	right:30px;
}
#ContentPosition, x:-moz-any-link {
	display:table;
}
#ContentPosition, x:-moz-any-link, x:default {
	display: block;
}


#Content {
	font-size:12px;
	line-height:18px;
	width:550px;
	position:relative;
	background:#fff;
	padding:20px;
}

h1.PageTitle {
  height:45px;
  position:absolute;
  top:-46px;
  left:0;
  line-height:400px;
  display:block;
  width:600px;
  font-size:0 !Important;
  overflow:hidden;
}
h1.PageTitle.SubLine {
	top:-60px;
}

	* html h1.PageTitle {
      line-height:0;
    }

	h1.PageTitle img {
      position:absolute;
	  left:0;
	  top:0;
    }

/* Content Tabs */
#Content.tab-pane {
  padding:0;
  width:590px;
}
.tab-pane .tab-page {
  padding:20px;
  clear:both;
}
.tab-pane .tab-row {
  display:block;
  clear:both;
  background:#eee;
  height:26px;
  border-bottom:1px solid #ccc;
}
.tab-pane .tab-row h2.tab {
  display:inline;
  font-size:14px;
}
.tab-row a {
  background:#fff !important;
  padding:4px 8px !important;
  display:block;
  float:left;
  background:#eee !important;
  border-right:1px solid #ccc;
  text-transform: uppercase;
  text-decoration: none;
  color:#999 !important;
}
.tab-row h2.selected a {
  padding-bottom:5px !important;
  background:#fff !important;
  border-right:1px solid #ccc !important;
}

.tab-row h2:Last-Child a {
  border-right:none;
}

.tab-row h2.selected a {
  color:#000 !important;
}

/* Content elements */
.ColLeft, .ColRight {
  width:267px;
  float:left;
  overflow:hidden;
}
.ColRight {
  float:right;
}

b {
  color:#000;
}

.highlight {
  display:block;
  padding:4px;
  margin:20px 0;
  background:#ddd;
  color:#333;
}

#Content h1 {
	font-weight:bold;
	font-size:14px;
	margin:0 0 5px 0;
	text-transform:uppercase;
	}

#Content ul {
	margin:5px 0 10px 0;

}
#Content ul li {
  	margin-left:20px;
	list-style-image: url(images/ULIcon.gif) !Important;
}

	* html #Content ul li {
		list-style-image: url(images/ULIconIE.gif) !Important;
	}

	*+html #Content ul li {
		list-style-image: url(images/ULIconIE.gif) !Important;
	}


h1, h2, h4 {
	color:#000;
	font-weight:bold;
  text-transform: uppercase;
}
h1 a, h2 a, h3 a, h4 a {
  color:#000;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
  text-decoration:underline;
}

h2 {
  font-size:15px;
  margin-bottom: 4px;
  font-weight:normal;
}

h3 {
	font-size:12px;
	color:#000;
	text-transform: uppercase;
}

#Content a {
  color:#000;
  padding-left:7px;
  text-decoration: none;
  background:url(images/LinkIcon.gif) 0 7px no-repeat;
}

			@media screen and (-webkit-min-device-pixel-ratio:0) {

                #Content a {
				  background:url(images/LinkIcon.gif) 0 5px no-repeat;
				}

			}

#Content a:hover {
	text-decoration:underline;
}

#Content p {
  margin:0px 0 10px;
}
#Content hr {
  margin:10px 0;
  background:#fff;
  height:0;
  border:0;
  border-top:1px dotted #ccc;
}

#Content b, #Content strong {
  color:#000;
}

#Content a.FullButton {
  display:block;
  padding:3px 5px 3px 25px;
  margin:20px 0 0 0;
  background:#f3f3f3 url(images/back.png) 5px 6px no-repeat;
  color:#aaa;
  text-transform:uppercase;
  text-decoration: none;
}

#Content a.FullButton:hover {
  background-color:#ddd;
  color:#777;
}

	/* Navigation */
	.Navigation {
      clear:both;
	  display:block;
	  margin-top:20px;
	  height:26px;
    }
		#Content .Navigation a {
          display:block;
		  padding:4px;
		  float:left;
		  margin-right:1px;
		  background:#f3f3f3;
		  white-space: nowrap;
		  overflow:hidden;
		  color:#aaa;
		  text-transform: uppercase;
		  text-decoration: none;
        }
		#Content .Navigation a:hover {
          background-color:#ddd !important;
		  color:#777;
        }
			#Content .Navigation a.Left {
				background:#f3f3f3 url(images/back.png) 5px 7px no-repeat;
				padding-left:25px;
				width:175px;
			}
            #Content .Navigation a.Center {
				width:131px;
				text-align: center;
			}
            #Content .Navigation a.Right {
				background:#f3f3f3 url(images/forward.png) 188px 7px no-repeat;
				padding-right:25px;
				text-align: right;
				margin-right:0;
				width:176px;
			}
#Content a.noLinkStyle {
  background:transparent;
  padding:0;
}

/* Verkuefte Seiten */
.otherSites, .ContentBox {
	margin:0;
	display:block;
	border:1px solid #bbb;
	background:#fcfcfc;
	padding:7px;
	margin:10px 0;
}
	#Content .otherSites a, #Content .ContentBox a {
	color:#888;
	}

    #Content .otherSites h3 {
	color:#999;
	}

	.ContentBox .ColLeft, .ContentBox .ColRight {
      width:257px;
    }





/* Overview */
#Overview {
  position:absolute;
  width:400px;
  right:237px;
  top: 37%;
  font-size:12px;
  line-height:17px;
  color:#fff;
}
* html #Overview {
  right:37px;
}

.Black {
  color:#000 !important;
}
	#Overview b, #Overview strong {
      color:#fff;
    }
    #Overview.Black b, #Overview.Black strong {
      color:#000;
    }



	#Overview h1.PageTitle {
      position:relative;
	  top:auto;
	  left:auto;
    }

	#Overview a {
      color:#fff;
	  text-decoration: underline;
	  padding-left:7px;
	  background:url(images/LinkIconWhite.gif) 0 7px no-repeat;
    }
	#Overview.Black a {
		background:url(images/LinkIcon.gif) 0 7px no-repeat;
	}


#Overview ul {
  margin-top:10px;
}

#Overview ul li {
	float:left;
	margin-right:1px;
}
#Overview ul li a {
  display:block;
  float:left;
  font-size:11px;
  color:#ccc;
  min-width:50px;
  background:#000;
  padding:1px 4px;
  text-decoration:none;
}
#Overview ul li a:hover{
	color:#fff;
}

	* html #Overview ul li a {
      width:50px;
    }

/* List */

#Content .ListLink {
  float:left;
  width:265px;
  display:block;
  padding:0;
  color:#999;
  line-height:14px;
  text-decoration: none;
  background:transparent;
  margin:0 20px 20px 0;
}
.ListLink img {
  float:left;
  margin-right:10px;
}
.ListLink b {
  font-size:14px;
  color:#000;
}
#Content a.ListLink:hover b {
	text-decoration:underline;
}

/* Kunden */
.CustomerLink {
  float:left;
  height:80px;
  overflow:hidden;
  background:#ccc;
  width:160px;
  margin:0 30px 30px 0;
  margin-bottom:15px;
}
	.CustomerLink img{
		border:1px solid #ccc;
    }



	.CustomerLink div{
	  border:1px solid #ccc;
	  width:158px;
	  height:63px;
	  display:block;
	}

    .CustomerLink:hover div, .CustomerLink div:hover {

		background-position:0 -63px;

	}

	#Content .CustomerLink a {
      float:left;
	  height:15px;
	  display:block;
	  line-height:200px;
	  font-size:0;
	  background-position:3px 5px;
	  overflow: hidden;
	  opacity:0.4;
	  filter:alpha(opacity = 40);
    }
	#Content .CustomerLink a:hover {
      opacity:1;
	  filter:alpha(opacity = 100);
    }

    	#Content .CustomerLink a.Web {width:20px;background-image:url(images/BlackMenuWeb.gif);}
		#Content .CustomerLink a.Print {width:29px;background-image:url(images/BlackMenuPrint.gif);}
		#Content .CustomerLink a.Foto {width:25px;background-image:url(images/BlackMenuFoto.gif);}
		#Content .CustomerLink a.Multimedia {width:58px;background-image:url(images/BlackMenuMultimedia.gif);}

/* Form */
input, textarea, #Content .InputButton {
  background:#fcfcfc;
  border:2px solid #ddd;
  display:block;
  padding:4px;
  font-family: "Trebuchet MS", Arial;
  font-size:11px;
  margin:4px 0;
  color:#777;
  width:95%;
}
input:hover, input:focus, textarea:hover, textarea:focus, #Content .InputButton:hover {
  border-color:#aaa;
  color:#333;
}

#Content .InputButton {
  width:auto;
  cursor:pointer;
}


.ObligationInput {
  background:url(images/ObligationInput.gif) right top no-repeat;
}
input[type=hidden]{
	display:none;
	visibility: hidden;
}


.ErrorBox, .SuccessBox {
  background:#fee !important;
  display:block;
  border:1px solid #faa;
  color:#c44;
  padding:4px;
  margin:0 0 10px 0;
}

.SuccessBox {
	color:#292;
	border:1px solid #afa;
	background:#efe !important;
}


/* Anfahrt */
#directions td {
  width:auto;
}
#directions a {
  background:transparent;
  padding:0;
}

#fromAddress {
  width:97.5%;
  display:block;
}

/* Personen */
.PersonLink {
  display:block;
  position:relative;
  padding-bottom:20px;
  padding-left:140px;
  clear:both;
}
.PersonLink img {
  position:absolute;
  left:0;
  top:0;
}
* html .PersonLink img {
 left:-140px;
}

.PersonLink p {
  float:left;
  display:block;
  margin:0 10px 0 0 !important;
  width:175px;
}

.PersonLink p.name {
	float:none;
	color:#000;
	font-size:13px;
	font-weight: bold;
}

.PersonLink p b {
	width:40px;
	display:block;
	float:left;
}