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


* {margin:0; padding:0}

html {overflow:scroll;}

body {font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height:1.5; background-color: #fff; color:#333; }

img {border: none;}

a:link, a:visited, a:active{color: #C00000;	 text-decoration: none;	font-family: Verdana, Arial;}
a:hover { text-decoration: none;  color: #777777; font-family: Verdana, Arial;}

a.spezial:link, a.spezial:visited , a.spezial:active {color: #c00000; font-size: 14px; text-decoration: none; font-family: Verdana, Arial; }
a.spezial:hover {text-decoration: none;	font-size: 14px;color: #777777;	font-family: Verdana, Arial;	}

a.mobile:link, a.mobile:visited, a.mobile:active{color: #000000; text-decoration: none; font-weight: bold;	font-family: Verdana, Arial;}
a.mobile:hover { text-decoration: none;  color: #c00000; font-weight: bold; font-family: Verdana, Arial;}


#ie6msg{position:absolute; width:540px; height:auto; top:152px; left:122px; text-align:left;
         border:3px solid #FF8000; margin:8px; background:#fff; color:#888; z-index:2000;}
#ie6msg h4{margin:8px; padding:0;}
#ie6msg p{margin:8px; padding:0;}



#header{position:relative; width:950px; height:60px; z-index:50; top:70px; margin:auto; text-align:right;}
#logo{ position:absolute; width:400px; height:60px; z-index:50; top: 15px; left:-4px; text-align:left; vertical-align:middle;}

#login{	position:absolute; width:250px;	height:16px; z-index:55; top: 30px;	right:0px; text-align:right;}
#palme{ position:absolute; width:62px; height:62px; z-index:2000; top: 8px; left:700px; background-image:url(http://www.fabian-ewert.de/bilder/palme.png);background-repeat: no-repeat;}
#palmen {position:relative; top:110px; left:0px; margin:auto; height:25px; width:950px;z-index:5; background-image:url(http://www.fabian-ewert.de/bilder/blackline.png); background-repeat: no-repeat;}

.menu {position:relative; left:55px; top:-4px; margin:auto; height:25px; width:950px;z-index:7; }
.menu ul {position:absolute;  list-style:none; top:0px; z-index:1000; width:970px; }
.menu li {float:left; width:auto; }
.menu a:link, .menu a:active, .menu a:visited  {text-decoration:none; color:#f4f4f4;  font-size:19px; font-weight:normal;  padding:11px; }
.menu a:hover {text-decoration:none; color:#999; font-size:19px;padding:11px;font-weight:normal; }
#slide {position:absolute; top:0px; height:30px; background:#ffffff; z-index:100; }


#main {	position:relative; width:950px;border:0px;height:330px; z-index:1; top:130px; margin:auto; overflow:hidden; text-align:left;}
#kontaktseite {position:relative; width:950px;border:0px;height:330px; z-index:1; top:130px; margin:auto; overflow:hidden; text-align:left; background-image: url(http://www.fabian-ewert.de/bilder/madeirapalmen.jpg);}
#referenzen {background-color:#000;	position:relative; width:950px;border:0px;height:330px; z-index:1; top:130px; margin:auto; overflow:hidden; }
#agb {	position:relative; width:950px;border:0px;height:330px; z-index:1; top:130px; margin:auto; overflow:auto; text-align:left;}
#impressum {position:relative; width:950px;border:0px;height:330px; z-index:1; top:130px; margin:auto; overflow:hidden; text-align:left; background-image: url(http://www.fabian-ewert.de/bilder/africanpanorama.jpg);}

#left{ position:absolute; width:675px; height:330px; z-index:2; left: 0px; top: 0px; overflow:hidden; text-align:left; background-repeat: no-repeat; }
#center { position:absolute; left:185px; top:15px; width:470px; height:235px;  z-index:3; padding:10px; overflow:hidden;background-image: url(http://www.fabian-ewert.de/bilder/grautransp.png);border: 1px solid #999;}
#right {	position:absolute; left:700px; top:0px; width:250px; height:330px; z-index:5; overflow:hidden; text-align:right;}

#webright {	position:absolute; left:700px; top:0px; width:250px; height:330px; z-index:5; overflow:hidden; text-align:right;background-image: url(http://www.fabian-ewert.de/bilder/morewebdesign.png);}

#cloud {	position:absolute; left:700px; top:30px; width:250px; height:300px; z-index:5; overflow:hidden; text-align:right;}

#ueberschrift{ position:absolute; width:950px; height:30px; z-index:2; left: 0px; top: -5px; overflow:hidden; text-align:left; background-color: #fff; }
#text1{ position:absolute; width:300px; height:305px; z-index:2; left: 0px; top: 35px; overflow:hidden; text-align:left; background-color: #fff; }
#text2 { position:absolute; left:325px; top:35px; width:300px; height:305px;  z-index:3; text-align:left; overflow:hidden;background-color: #fff;}
#text3 {	position:absolute; left:650px; top:35px; width:300px; height:305px; z-index:5; overflow:hidden; background-color: #fff;}

#zurueck{ position:absolute; width:55px; height:17px; z-index:10; left: 120px; top: 200px; overflow:hidden;  }
#back{ position:absolute; width:55px; height:17px; z-index:10; left: -60px; top: 0px; overflow:hidden;  }

#illustration{background-image:url(http://www.fabian-ewert.de/bilder/zeitzeuge.png); position:absolute; width:675px;height:330px;z-index:1;	left: 0px; top:0px;background-repeat: no-repeat;	}
#grafik{background-image:url(http://www.fabian-ewert.de/bilder/pinsel.png); position:absolute; width:675px;height:330px;z-index:1; left:0px; top: 0px;background-repeat: no-repeat;	}
#corporatedesign{background-image:url(http://www.fabian-ewert.de/bilder/corporategecko.jpg); position:absolute; width:675px;height:330px; z-index:1; left:0px; top:0px;	background-repeat: no-repeat;}
#printdesign{background-image:url(http://www.fabian-ewert.de/bilder/printwords.jpg); position:absolute; width:950px;height:330px; z-index:1; left:0px; top:0px;	background-repeat: no-repeat;}
#webdesign{background-image:url(http://www.fabian-ewert.de/bilder/mobileinternet.png); position:absolute; width:675px;height:330px;z-index:1; left:0px; top:0px;background-repeat: no-repeat;	}
#unberechtigt{ position:relative; width:950px; height:330px; z-index:1; top:130px; margin:auto; overflow:auto; text-align:center; background-repeat: no-repeat;	}
#mobileinternet{background-image:url(http://www.fabian-ewert.de/bilder/rocketweb.jpg); position:absolute; width:950px;height:330px;z-index:1;	left: 0px; top:0px;	background-repeat: no-repeat;}
#fotografie{background-image:url(http://www.fabian-ewert.de/bilder/kamera2.png); position:absolute; width:675px;height:330px;z-index:1;	left: 0px; top:0px;	background-repeat: no-repeat; }

.referenzitem { margin-top:45px; float:right; }

a.tooltip,a.tooltip:link,a.tooltip:visited,a.tooltip:active {position: relative;left:0px;float:left;}
a.tooltip:hover {background: transparent;z-index: 100;}
a.tooltip span {display: none;text-decoration: none;}
a.tooltip:hover span {display: block;position: absolute;top: -45px;left:-40px;width: 178px; height:148px;z-index: 100; color: #333;border: 1px solid #999;
padding: 5px; background-color: #e4e4e4;text-align: left; font-size: 10px;}

#footer { position:relative;	width:950px;height:85px; z-index:1; top:152px; margin:auto; overflow:auto; vertical-align:top; background-image: url(http://www.fabian-ewert.de/bilder/blackline.png); background-repeat: no-repeat; overflow:hidden;}
#lang{ position:absolute; width:300px; height:15px; z-index:55; top: 25px; left:0px; font-size: 14px; text-align:left;}
#navi2{	position:absolute; width:350px; height:20px; z-index:55; top: 25px; right:0px; text-align:right;}
#count{position:absolute; width:auto; height:auto; font-size: 9px; z-index:1065; top:5px; right:5px; text-align:right; color:#111;}


h1 {	color: #c00000;	font-size: 15px;	font-weight: bold;	display: inline;}
h2 {	color: #333333;	font-size: 13px;	font-weight: normal;	display:inline;}
h3 {	color: #c00000;	font-size: 12px;	font-weight: bold;	display:inline;}
h4 {	color: #c00000;	font-size: 12px; 	font-weight: normal; display:inline;}
h5 {	color: #333333;	font-size: 12px;	font-weight: bold;	display:inline;}

.style1 {	color: #333333;	font-size: 13px;	font-weight: bold;}		
.style2 {	color: #C00000;	font-size: 12px;	font-weight: bold;}
.style3 {	color: #333333;	font-size: 11px;}
.style4 {   color: #C00000;	font-size: 10px;}
.style5 { font-size: 14px;	color: #C00000;	font-weight: bold;}
.style6 { font-size: 12px;	color: #333333;	}
.style7 { font-size: 19px;	color: #c00000;	font-weight: normal;}
.style9 { font-size: 13px;	color: #333333;	font-weight: normal;}
.style10 { color: #C00000;	font-size: 9px;}
.stylecopy{ font-size: 0.8em;	color: #666;font-weight: normal;}