/* src: http://developer.yahoo.com/yui/fonts/ 


If you want this size in pixels (px)  	Declare this percent (%)
10 	77
11 	85
12 	93 (was 93)
13 	100
14 	108 (was 107)
15 	116 (was 114)
16 	123.1 (was 122)
17 	131 (was 129)
18 	138.5 (was 136)
19 	146.5 (was 144)
20 	153.9 (was 152)
21 	161.6 (was 159)
22 	167
23 	174
24 	182
25 	189
26 	197 

*/


body {
	font-family: Microsoft Sans Serif, Verdana, Geneva, sans-serif;
	color: #4e4e4e;
#	-moz-transform: rotate(180deg);
#	-webkit-transform: rotate(180deg);	
}

#custom-doc {
    margin:auto;text-align:left; /* leave unchanged */ 
    width:53.85em;/* non-IE -> 700px / 13*/ 
    *width:52.50em;/* IE -> 700px / 13.333333 */ 
    min-width:700px;/* optional but recommended */
}

#ft {
	padding-bottom: 100px;
	color: #4e4e4e;
}


h1 {
	/*	font-family: Georgia,serif; */
	font-family: Microsoft Sans Serif, Verdana, Geneva, sans-serif;
	font-size: 182%;
	line-height: 161.6%;
	padding: 10px 20px;
	background-color: #feffaf;
}

#ueberschrift {
	margin-bottom: 36px;
}

h2 {
	font-size: 131%;
	line-height: 131%;
	margin: 22px 0 0 0;
	font-weight: bolder;
}

h3, h4 {
	font-size: 123.1%;
	line-height: 123.1%;
	font-weight: bold;
	margin: 14px 0 0;
}

h4 {
	font-weight: normal;
}

p, dt, .vcard, #wrapper a {
	font-size: 123.1%;
	line-height: 123.1%;
	margin: 4px 0 0 0;
}

dd {
	margin: 0;
}

.yui-b li {
	font-size: 123.1%;
	list-style-type: disc;
	list-style-position: inside;
}

/* header */

#hd {
	margin: 25px 0;
}

#hd h2 {
	font-weight: normal;
	display: inline;
	position: relative;
	top: -9px;
	line-height: 1em;
	margin: 0 0 0 10px;
}


#referenzen {
	margin: 1em 0;
	text-align: center;
}


/* Navigation */

#navigation {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0;
	text-align: center;
	background: #d10019;
	font-weight: bold;
	color: white;
	opacity: .9;
	filter: alpha(opacity=90);
	z-index: 2;
}

#taquiri {
	background-color: #4e4e4e;
}

#navigation ul {
	padding: 0.5em 0;
}

#navigation li {
	display: inline;
	margin: 0 3px;
	letter-spacing: 0.02em;
	font-size: 123.1%;
}

#navigation a:link, #navigation a:visited, #navigation a:hover, #navigation a:active {
	color: white;
	text-decoration: none;
	padding: 3px 7px;
}

#navigation a:hover, #ft a:hover {
	background-color: #ff7a00;
	border: 1px solid #ff7a00;
	padding:  3px 6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/* Navigation im Footer (Fortsetzung) */

#ft a {
	text-decoration: none;
	color: #4e4e4e;
	padding: 3px 7px;
	border:  1px none white;
}

#ft a:hover {
	color: white;
}

.pipe {
	margin-left: 7px;
}


/* Navigation: Hervorhebung des aktiven Menüelements */

#index #link-index,
#referenzen #link-referenzen,
#ueber_taquiri #link-ueber_taquiri,
#anfahrt #link-anfahrt,
#kontakt #link-kontakt,
#website #link-website,
#suchmaschinen-optimierung #link-suchmaschinen-optimierung,
#content-management-onlineshops #link-content-management-onlineshops,
#outsourcing #link-outsourcing,
#impressum #footer-link-impressum,
#kontakt #footer-link-kontakt {
	background-color: #ff7a00;
	border: 1px solid #ff7a00;
	padding:  3px 6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
}

#impressum #footer-link-impressum,
#kontakt #footer-link-kontakt {
	color: white;
}

/* hcard */

.vcard .url, .tel .type, .adr .type, .adr .region, .adr .country-name, .geo, .note {
	display: none;
}

.vcard {
	margin-bottom: 5px;
}

.vcard .street-address {
	display: block;
}


/* Container bspw. für rechte Spalte */

.container {
	border: 1px solid silver;
	margin-top: 10px;
	padding:  10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
}

.container h3, .container p, .container ul, .container div {
	margin: 0;
	padding: 0;
}

.container li {
	list-style-type: none;
}

.container p {
 	margin-bottom: 5px;
}


/* Skype-Links auf Kontakt-Seite */

#skype li {
	background: url(../i/skype.png) no-repeat 0 3px;
	padding-left: 30px;
	line-height: 30px;
	font-size: 123.1%;
}


/* Formulare */

form {
	margin-top: 10px;
}

textarea, input {
	width: 95%;
	font-size: 123.1%;
	padding: 10px;
	margin: 10px 0 16px 0;
	border: 1px solid silver;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
}

textarea:focus, input:focus {
	background-color: #feffaf;
}

label {
	font-size: 123.1%;
}

/* Videos */

p.video {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
	width: 220px;
	font-size: 108%;
}

/* Referenzen */

div.referenz {
	clear: both;
	1border-bottom: 1px solid #4e4e4e;
	margin: 0 20px 40px;
	min-height: 170px;
}

dl.referenzen dt {
	clear: both;
	float: left;
	margin: 3px 40px 80px 0;
}

dl.referenzen dd {
    margin-left: 260px;
}

p.firma {
	font-size: 174%;
	font-weight: bold;
}

p.zitat {
	font-style: italic;
}

.referenzen a {
	color: #4e4e4e;
}

/* BUTTONS */

.buttons a, .buttons button{
    display: block;
	/* float: left; */
	/* margin: 0 7px 0 0; */
    margin: 0;
    background-color: #f5f5f5;
    border: 1px solid #dedede;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;

    font-family: Microsoft Sans Serif, Verdana, Geneva, sans-serif;
    line-height: 130%;
    text-decoration: none;
    font-weight: bold;
    color: #565656;
    cursor: pointer;
    padding: 5px 10px 6px 7px; /* Links */
}

.buttons button{
    width: auto;
    overflow: visible;
    padding: 4px 10px 3px 7px; /* IE6 */
}

.buttons button[type]{
    padding: 5px 10px 5px 7px; /* Firefox */
    line-height: 17px; /* Safari */
}

*:first-child+html button[type]{
    padding: 4px 10px 3px 7px; /* IE7 */
}

.buttons button img, .buttons a img{
    margin: 0 3px -3px 0 !important;
    padding: 0;
    border: none;
    width: 16px;
    height: 16px;
}

/* Farben für die Buttons */

/* Buttons STANDARD */

button:hover, .buttons a:hover{
    background-color: #dff4ff;
    border: 1px solid #c2e1ef;
    color: #336699;
}
.buttons a:active{
    background-color: #6299c5;
    border: 1px solid #6299c5;
    color: #fff;
}

/* Buttons POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* Buttons NEGATIVE */

.buttons a.negative, button.negative{
    color: #d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background: #fbe3e4;
    border: 1px solid #fbc2c4;
    color: #d12f19;
}
.buttons a.negative:active{
    background-color: #d12f19;
    border: 1px solid #d12f19;
    color: #fff;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color: #dff4ff;
    border: 1px solid #c2e1ef;
    color: #336699;
}
.buttons a:active{
    background-color: #6299c5;
    border: 1px solid #6299c5;
    color: #fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color: #d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background: #fbe3e4;
    border: 1px solid #fbc2c4;
    color: #d12f19;
}
.buttons a.negative:active{
    background-color: #d12f19;
    border: 1px solid #d12f19;
    color: #fff;
}

hr {
	color: silver;
	height: 1px;
	background-color: silver;
	border: 1px none silver;
	margin-top: 40px;
}

/* Runde Ecken und gelber Hintergrund für die h1-Überschrift */

.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#feffaf}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #feffaf;
  border-right:1px solid #feffaf;
  background:#feffaf}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #feffaf;
  border-right:1px solid #feffaf;
  background:#feffaf}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #feffaf;
  border-right:1px solid #feffaf;}
.spiffy4{
  border-left:1px solid #feffaf;
  border-right:1px solid #feffaf}
.spiffy5{
  border-left:1px solid #feffaf;
  border-right:1px solid #feffaf}
.spiffyfg{
  background:#feffaf}


/* MediaboxAdvanced Lightbox für Videos */

#mbOverlay {
	position: absolute;
	z-index: 9998;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#mbOverlay.mbOverlayFF {
	background: transparent url(../i/mediaboxAdvanced/80.png) repeat;
}

#mbOverlay.mbOverlayIE {
	background: transparent url(../i/mediaboxAdvanced/50.gif) repeat;
}

#mbCenter, #mbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #000;
}

.mbLoading {
	background: #000 url(../i/mediaboxAdvanced/BlackLoading.gif) no-repeat center;
}

#mbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #000;
	background-repeat: no-repeat;
/*	Sets the style for inline content, if no style is given	*/
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 12px;
	color: #fff;
	text-align: left;
}

/*	Sets the style for inline content, if no style is given	*/
#mbImage a, #mbImage a:link, #mbImage a:visited {
	color: #ddd;
}

/*	Sets the style for inline content, if no style is given	*/
#mbImage a:hover, #mbImage a:active {
	color: #fff;
}

#mbBottom {
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 12px;
	color: #999;
	text-align: left;
	border: 10px solid #000;
	border-top-style: none;
}

#mbTitle {
	display: inline;
	color: #fff;
	font-weight: bold;
	line-height: 20px;
	font-size: 12px;
}

#mbNumber {
	display: inline;
	color: #999;
	line-height: 14px;
	font-size: 10px;
}

#mbCaption {
	display: block;
	color: #999;
	line-height: 14px;
	font-size: 10px;
}

#mbPrevLink, #mbNextLink, #mbCloseLink {
	display: block;
	float: right;
	height: 20px;
	width: 46px;
	background: transparent url(../i/mediaboxAdvanced/BlackClose.gif) no-repeat center;
	margin: 0;
	outline: none;
}

#mbPrevLink {
	width: 69px;
	background: transparent url(../i/mediaboxAdvanced/BlackPrevious.gif) no-repeat center;
}

#mbNextLink {
	width: 41px;
	background: transparent url(../i/mediaboxAdvanced/BlackNext.gif) no-repeat center;
}

#mbCloseLink {
	width: 46px;
	background: transparent url(../i/mediaboxAdvanced/BlackClose.gif) no-repeat center;
}

#mbError {
	position: relative;
	top: 30%;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: 10px solid #700;
	padding: 20px 10px 30px;
	margin: auto;
}