/* CSS Code by Studer und Partner Design GmbH, www.supd.ch */


.signal {border:1px solid red;}
.fl {float:left;}
.fr {float:right;}
.nofl {clear:both;font-size:2px;}
.nodisp {display:none;}
.tac {text-align:center;}
.tar {
	text-align:right;
	height: 20px;
}
.bold {font-weight:bold;}
html,body,div,ul,ol,li,span,form,p,p2,p3,h1,h2,h3,h4,h5,h6,h7,h8,h9,h10,img,input {
	margin: 0px;
	padding: 0px;
}
hr {display:none;}
img {
	border:0px solid #000;
	vertical-align: text-top;
}
a {
	color:#000000;
	text-decoration: none;
}



/* Höhe des background-image "url(../img/bg.gif)" ergibt vertikalen Ort des Orangen Hauptstreifens! */
body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
	text-align:center;
	background-color: #D9DCDB;
	background-image: url(../9_img/bg.gif);
	background-repeat: repeat-x;
	background-position: 0% 0%;	
}
#main {
	position: relative;
	margin-left:auto;
	margin-right:auto;
	width:968px;
	text-align:left;
}
	
/* Roland: Für separate Popup Windows */	
#main_window {
	position: relative;
	margin-left:auto;
	margin-right:auto;
	width:1050px;
	text-align:left;}
	
/*roland_projekt_uerbersicht_schaltflächen*/
#wrapper {
	FONT-SIZE: 11px; Z-INDEX: 2; MARGIN: 0px auto; WIDTH: 100%; COLOR: #000; POSITION: relative; TEXT-ALIGN: left; background:url(../images/inrline.gif) repeat ; height:100%;
}
#wrapperindex {
	FONT-SIZE: 11px; Z-INDEX: 2; MARGIN: 0px auto; WIDTH: 100%; COLOR: #000; POSITION: relative; TEXT-ALIGN: left; height:100%;
}
.wrapperinner {
	FONT-SIZE: 11px; Z-INDEX: 5;  WIDTH: 100%; COLOR: #000; POSITION: relative; TEXT-ALIGN: left;/* background: url(../images/logoAcc.jpg) no-repeat 20px 0% */; height:100%; padding:0px 10px;
}
.wrapperinnerb {
	FONT-SIZE: 11px;
	Z-INDEX: 6;
	MARGIN: 0px auto;
	WIDTH: 694px;
	COLOR: #000;
	POSITION: relative;
	TEXT-ALIGN: left;
	height:100%;
	border:0px solid #ccd;
	line-height: 1.5em;
}	
	
	
	

/* layout - positioning */
#service, #lang, #nav, #subnav {
	position: absolute;
	visibility: visible;
}
#service {left: 286px; top: 81px;}
#lang {left: 458px; top: 81px;}
#nav {left: 155px; top: 97px;}
#subnav {left: 597px; top: 100px;}

/* layout - rest oberer Textbeginn */
#logo {margin-bottom: 65px;}
#content {
	width: 833px;
	margin-left: 43px;
	margin-top: 75px;
}

/* Roland: breitere Gesamtbox */
#content2 {
	width: 823px;
	margin-left: 40px;
}

/* Roland: breitere Gesamtbox */
#content3 {
	width: 1200px;
	margin-left: 40px;
}

#content_index {
	width: 1030px;
	margin-left: 43px;
	margin-top: 75px;
}

/* Roland: breitere Gesamtbox für Index (3 Spalten!)*/
#main_index {
	position: relative;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	text-align:left;
}

#content-wide {width: 793px; margin-left: 40px;}

#content.wider1 {width: 833px;}
#content.wider2 {width: 813px;}
#header {
	height: 76px;
	margin-left: 113px;
}
#text-area {width: 473px; float: right; position: relative; top: 0;}
#text-area.2 {width: 473px; float: right; position: relative; top: 0;}
#text-area_3 {width: 440px; position: relative; top: 0;}
#img {
	width: 333px;
	float: left;
	position: relative;
}

#imgportrait {
	width: 250px;
	float: left;
	position: relative;
	padding: 0px 0px 0px 80px;
}
#text-area.wider2 {width: 450px;}

/* Roland: für referenzen */
#text-area.wider3 {width: 465px;}

/* Roland: für index */
#text-area.index {width: 600px;}



/* logo */
#logo, #logo a, #logo span {
	display:block;
	position:absolute;
	width:890px;
	height:83px;
	left:0px;
	top:0px;
	background-image: url(../9_img/logo.gif);
	visibility: visible;
}
#logo {position: relative;overflow:hidden;color:#000;font-size:70%;}
#logo a {z-index:2;cursor: pointer;}
#logo span {z-index:1;background:url(../9_img/logo.gif) no-repeat 0% 0%;}


/* verlosg_button Roland */
#verlosg_button, #verlosg_button a, #verlosg_button span {
	display:block;
	position:absolute;
	left:3px;
	top:-40px;
	background-image: url(../9_img/verlosg_button.gif);
	visibility: visible;
	height: 92px;
}
#verlosg_button {position: relative;color:#000;font-size:70%;}
#verlosg_button a {z-index:2;cursor: pointer;}
#verlosg_button span {z-index:1;background:url(../9_img/verlosg_button.gif) no-repeat 0% 0%;}


/* menu services */
#service {width: 144px; height: 12px; overflow: hidden; background: #fff;}
#service li {display: block; height: 12px; position: relative; float: left; overflow:hidden; list-style: none; margin-left: 7px;}
#service a {
	display:block;
	height: 12px;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #FF8400;
	visibility: visible;
}
#service .a2 {z-index:3;}
/* home */
#service #ser1 {width: 36px; margin-left: 0px;}
#service #ser1 a {width: 36px;}
#service #ser1 .a2 {background-image: url(../9_img/03_service/home.gif);}
#service #ser1 .a2:hover, #service #ser1.status a {background-position: -36px 0;}
#service #ser1.status a:hover {background-position: 0 0;}
/* kontakt */
#service #ser2, #service #ser2 a {width: 52px;}
#service #ser2 .a2 {background-image: url(../9_img/03_service/kontakt.gif);}
#service #ser2 .a2:hover, #service #ser2.status a {background-position: -52px 0;}
#service #ser2.status a:hover {background-position: 0 0;}
/* sitemap */
#service #ser3, #service #ser3 a {width: 41px;}
#service #ser3 .a2 {background-image: url(../9_img/03_service/sitemap.gif);}
#service #ser3 .a2:hover, #service #ser3.status a {background-position: -41px 0;}
#service #ser3.status a:hover {background-position: 0 0;}


/* menu languages */
#lang {width: 98px; height: 12px; overflow: hidden; background: #fff;}
#lang li {display: block; height: 12px; position: relative; float: left; overflow:hidden; list-style: none;}
#lang a {
	display:block;
	display: none;
	height: 12px;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #FF8400;
}
#lang .a2 {z-index:3;}
/* deutsch */
#lang #lan1, #lang #lan1 a {width: 51px;}
#lang #lan1 .a2 {background-image: url(../9_img/05_languages/deutsch.gif);}
#lang #lan1 .a2:hover,#lang #lan1.status a {background-position: -51px 0;}
#lang #lan1.status a:hover {background-position: 0 0;}
/* english */
#lang #lan2, #lang #lan2 a {width: 46px;}
#lang #lan2 .a2 {background-image: url(../img/languages/english.gif);}
#lang #lan2 .a2:hover,#lang #lan2.status a {background-position: -46px 0;}
#lang #lan2.status a:hover {background-position: 0 0;}


/* main navigation */
#nav {
	width: 428px;
	height: 16px;
	overflow: hidden;
	background: #FF8400;
	background: url(../9_img/main-menu-separation-bar.gif) no-repeat 100% 50%;
}
#nav li {display: block; height: 16px; position: relative; float: left; overflow:hidden; list-style: none; margin-right: 9px;}
#nav a {
	display:block;
	height: 16px;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #FF8400;
	visibility: visible;
}
#nav .a2 {z-index:3;}


/* services */
#nav #nav1, #nav #nav1 a {width: 61px;}
#nav #nav1 .a2 {background-image: url(../9_img/01_nav/services.gif);}
#nav #nav1 .a2:hover, #nav #nav1.status a {background-position: -61px 0;}
#nav #nav1.status a:hover {background-position: 0 0;}
/* projekte */
#nav #nav2, #nav #nav2 a {width: 63px;}
#nav #nav2 .a2 {background-image: url(../9_img/01_nav/projekte.gif);}
#nav #nav2 .a2:hover, #nav #nav2.status a {background-position: -63px 0;}
#nav #nav2.status a:hover {background-position: 0 0;}
/* agentur */
#nav #nav3, #nav #nav3 a {width: 62px;}
#nav #nav3 .a2 {background-image: url(../9_img/01_nav/agentur.gif);}
#nav #nav3 .a2:hover, #nav #nav3.status a {background-position: -62px 0;}
#nav #nav3.status a:hover {background-position: 0 0;}
/* referenzen */
#nav #nav4, #nav #nav4 a {width: 81px;}
#nav #nav4 .a2 {background-image: url(../9_img/01_nav/referenzen.gif);}
#nav #nav4 .a2:hover, #nav #nav4.status a {background-position: -81px 0;}
#nav #nav4.status a:hover {background-position: 0 0;}
/* faq */
#nav #nav5, #nav #nav5 a {width: 25px;}
#nav #nav5 .a2 {background-image: url(../9_img/01_nav/faq.gif);}
#nav #nav5 .a2:hover, #nav #nav5.status a {background-position: -25px 0;}
#nav #nav5.status a:hover {background-position: 0 0;}
/* aktuelles */
#nav #nav6, #nav #nav6 a {width: 72px;}
#nav #nav6 .a2 {background-image: url(../9_img/01_nav/aktuelles.gif);}
#nav #nav6 .a2:hover, #nav #nav6.status a {background-position: -72px 0;}
#nav #nav6.status a:hover {background-position: 0 0;}


/* sub navigation */
#subnav, #subnav li, #subnav a {display: block; height: 12px; overflow:hidden;}
#subnav {width: 342px; background: #FF8400;}
#subnav li {position: relative; float: left; list-style: none; margin-right: 11px;}
#subnav a {position:absolute; left:0; top:0; z-index:2; background-repeat: no-repeat; background-position: 0 0; color: #FF8400;}
#subnav .a2 {z-index:3;}

/* sub navigation for services and projekte*/
/* identitat */
#services #serv1, #services #serv1 a {width: 52px;}
#services #serv1 .a2 {background-image: url(../9_img/04_subnav-services/identitat.gif);}
#services #serv1 .a2:hover, #services #serv1.status a {background-position: -52px 0;}
#services #serv1.status a:hover {background-position: 0 0;}
/* corporate design */
#services #serv2, #services #serv2 a {width: 99px;}
#services #serv2 .a2 {background-image: url(../9_img/04_subnav-services/corporate-design.gif);}
#services #serv2 .a2:hover, #services #serv2.status a {background-position: -99px 0;}
#services #serv2.status a:hover {background-position: 0 0;}
/* kommunikation */
#services #serv3, #services #serv3 a {width: 86px;}
#services #serv3 .a2 {background-image: url(../9_img/04_subnav-services/kommunikation.gif);}
#services #serv3 .a2:hover, #services #serv3.status a {background-position: -86px 0;}
#services #serv3.status a:hover {background-position: 0 0;}
/* produkt */
#services #serv4, #services #serv4 a {width: 47px;}
#services #serv4 .a2 {background-image: url(../9_img/04_subnav-services/produkt.gif);}
#services #serv4 .a2:hover, #services #serv4.status a {background-position: -47px 0;}
#services #serv4.status a:hover {background-position: 0 0;}

/* sub navigation for agentur */
/* kontakt */
#agentur #agen1, #agentur #agen1 a {width: 47px;}
#agentur #agen1 .a2 {background-image: url(../9_img/02_subnav-agentur/kontakt.gif);}
#agentur #agen1 .a2:hover, #agentur #agen1.status a {background-position: -47px 0;}
#agentur #agen1.status a:hover {background-position: 0 0;}
/* team */
#agentur #agen2, #agentur #agen2 a {width: 28px;}
#agentur #agen2 .a2 {background-image: url(../9_img/02_subnav-agentur/team.gif);}
#agentur #agen2 .a2:hover, #agentur #agen2.status a {background-position: -28px 0;}
#agentur #agen2.status a:hover {background-position: 0 0;}
/* facts */
#agentur #agen3, #agentur #agen3 a {width: 30px;}
#agentur #agen3 .a2 {background-image: url(../9_img/02_subnav-agentur/facts.gif);}
#agentur #agen3 .a2:hover, #agentur #agen3.status a {background-position: -30px 0;}
#agentur #agen3.status a:hover {background-position: 0 0;}
/* auszeichnungen */
#agentur #agen4, #agentur #agen4 a {width: 91px;}
#agentur #agen4 .a2 {background-image: url(../9_img/02_subnav-agentur/auszeichnungen.gif);}
#agentur #agen4 .a2:hover, #agentur #agen4.status a {background-position: -91px 0;}
#agentur #agen4.status a:hover {background-position: 0 0;}
/* jobs */
#agentur #agen5, #agentur #agen5 a {width: 24px;}
#agentur #agen5 .a2 {background-image: url(../9_img/02_subnav-agentur/jobs.gif);}
#agentur #agen5 .a2:hover, #agentur #agen5.status a {background-position: -24px 0;}
#agentur #agen5.status a:hover {background-position: 0 0;}
/* presse */
#agentur #agen6, #agentur #agen6 a {width: 36px;}
#agentur #agen6 .a2 {background-image: url(../9_img/02_subnav-agentur/presse.gif);}
#agentur #agen6 .a2:hover, #agentur #agen6.status a {background-position: -36px 0;}
#agentur #agen6.status a:hover {background-position: 0 0;}

/* header */
#header h1, #header h2 {font-size: 100%; line-height: 100%;}/* ff */
#header h1 {margin-bottom: 6px;}

/* image on the left - counter */
#img .counter {
	width: 150px;
	height: 22px;
	text-align: center;
	position: relative;
	top: 4px;
	float: right;
	margin-top: 10px;
}
#img .counter span {
	font-size: 63%;
	line-height: 15px;
	color: #000;
	position: relative;
	top: -4px;
	margin-right: 7px;
	font-weight: bolder;
	vertical-align: middle;
	height: 20px;
}
/* image on the left - title (legend) */
#img .img-title {width: 250px; float: right; text-align: right; margin-top: 10px;}
#img .img-title p {font-size: 65%; line-height: 150%;}

#imgportrait .img-title {width: 250px; float: right; text-align: right; margin-top: 10px;}
#imgportrait .img-title p {font-size: 65%; line-height: 150%;}

/* text Achtung: Grösse Fliesstext bei Zeile .text p verändern*/
.text {
	color: #000;
	top: -20px;
	height: 0px;
}

.text h3 {
	font-size: 75%;
	line-height: 150%;
	color: #19005F;
	font-weight: bolder;
	margin-bottom: 4px;
}

.text p {
	font-size: 80%;
	line-height: 150%;
	margin-bottom: 0.7em;
	font-style: normal;
	font-weight: normal;
}
.text ul {margin-bottom: 1.5em;}
.text li {
	font-size: 70%;
	line-height: 160%;
	top: -10px;
	
	
}

/* single link */
.single-link {margin-bottom: 1em;}
.single-link a {font-size: 50%;background: url(../9_img/arrow-gray.gif) no-repeat 0% 50%;padding-left: 15px;text-decoration: none;line-height: 50%;}
.single-link a:hover {background: url(../9_img/arrow-red.gif) no-repeat 0% 50%; color: #FF003F;}

/* single link mail */
.single-link-mail {margin-bottom: 1em;width: 450px;}
.single-link-mail a {
	font-size: 75%;
	padding-left: 15px;
	text-decoration: none;
	background-image: url(../9_img/arrow-gray.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}
.single-link-mail a:hover {background: url(../9_img/arrow-red.gif) no-repeat 0% 50%; color: #FF003F;}

/* single link services (Roland) */
.single-link-services {width: 473px;text-decoration: none; text-align: right; vertical-align: top}
.single-link-services a {
	font-size: 60%;
	padding-left: 15px;
	background-image: url(../9_img/arrow-gray.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	font-weight: bold;
	letter-spacing: 0.1ex;
}
.single-link-services a:hover {background: url(../9_img/arrow-red.gif) no-repeat 0% 50%; color: #FF003F;}


/* single link vertical */
.single-link-vertical {margin-bottom: 1em;}
.single-link-vertical a {font-size: 60%;background: url(../9_img/arrow-gray-vertical.gif) no-repeat 0% 2px;padding-left: 20px;text-decoration: none;line-height: 50%;}
.single-link-vertical a:hover {background: url(../9_img/arrow-red-vertical.gif) no-repeat 0% 2px; color: #FF003F;}

/* single link vertical_2 */
.single-link-vertical {margin-bottom: 1em;margin-top: -1em;padding-left: 20px;text-decoration: none;line-height: 50%;font-size: 60%;}





/* list with no bullets */
.no-bullet-list {list-style-type: none;}

/* normal list of links */
.list-of-links {list-style-type: none;}
.list-of-links a {background: url(../9_img/arrow-gray.gif) no-repeat 0% 50%; padding-left: 18px; text-decoration: none;}
.list-of-links a:hover,
.list-of-links .status a {background: url(../9_img/arrow-red.gif) no-repeat 0% 50%;	color: #FF003F;}
.list-of-links li.no-link { padding-left: 15px;}

/* normal list of non-links */
.list-of-nonlinks {list-style-type: none; padding-left: 15px; color: #FF003F;}

/* block list of links 2*/
.list-of-links2 {
	list-style-type: none;
	margin-bottom: 0px;
	width: 450px;
	font-size: 90%;
}
.list-of-links2 li {margin-bottom: 1em;}
.list-of-links2 a {
	color: #19005F;
	display: block;
	width: 100%;
	padding-left: 15px;
	font-size: 115%;
	line-height: 130%;
	text-decoration: none;
	font-weight: bold;
	background-image: url(../9_img/arrow-blue.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
.list-of-links2 a:hover,
.list-of-links2 .status a {background: url(../9_img/arrow-red.gif) no-repeat 0px 2px; color: #FF003F;}

/* block list of links 3*/
.list-of-links3 {list-style-type: none; margin-bottom: 0px; margin-top: 35px; width: 473px;}
.list-of-links3 li {margin-bottom: 0.3em;}
.list-of-links3 a {	display: block;	width: 300px;padding-left: 15px;font-size: 60%;line-height: 120;background: url(../9_img/arrow-gray.gif) no-repeat 0px 2px;text-decoration: none;font-weight: normal;	height: 14px;}
.list-of-links3 a:hover,
.list-of-links3 .status a {	background: url(../9_img/arrow-red.gif) no-repeat 0px 2px;	color: #FF003F;}
.list-of-links3 h3 {	font-size: 72%;	line-height: 150%;	color: #19005F;	font-weight: bold;
}


/* block list für index links 4*/
.list-of-links4 {font-size: 60%;line-height: 140%;}
.list-of-links4 li {margin-bottom: 0.3em;}
.list-of-links4 a {	background: url(../9_img/arrow-gray.gif) no-repeat 0px 2px;text-decoration: none;font-weight: normal;}
.list-of-links4 a:hover
.list-of-links4 status a {	background: url(../9_img/arrow-red.gif) no-repeat 0px 2px;	color: #FF003F;}
.list-of-links4 h3 {font-size: 60%;	line-height: 150%;	color: #19005F;	font-weight: bold;
}




/* foot */
.foot {width: 210px; margin-top: 200px;}
.foot p {font-size: 60%; line-height: 150%;}


/* TEAM */
.tab1 {
	padding-top: 6px;
	margin-bottom: 1em;
	margin-top: 0px;
	width: 450px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #000000;
	border-collapse:collapse;	
}
.tab1 table {
	width: 440px;
}
.tab1 td {
	width: 160px;
	padding-left: 19px;
	font-size: 75%;
	line-height: 155%;
	vertical-align: top;
}
/* header */
.tab1 h3 {position: relative; left: -20px;}
.tab1 h3 a {
	padding-left: 20px;
	font-size: 80%;
	color: #19005F;
	text-decoration: none;
	background-image: url(../9_img/arrow-blue.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
div[class].tab1 h3 a {}
.tab1 h3 a:hover, .tab1 .status a {background: url(../9_img/arrow-red.gif) no-repeat 0px 2px; color: #FF003F;}
/* e-mail link */
.tab1 .email {text-decoration: none;}
.tab1 .email:hover {
	color: #FF003F;}
/* skype link */
.tab1 .skype {text-decoration: none;}
.tab1 .skype:hover {color: #0094c1;
	
}




/* table 2 */
.tab2 {
	border-top-style: dotted;
	padding-top: 3px;
	margin-bottom: 1.6em;
	border-top-width: 1px;
	border-top-color: #000000;
	color: #000000;
}
.tab2 table {vertical-align: top;width: 450px;}
.tab2 td {font-size: 75%;line-height: 140%;vertical-align: top;}


/* e-mail link */
.tab2 .email {text-decoration: none;}
.tab2 .email:hover {color: #FF003F;}
/* skype link */
.tab2 .skype {text-decoration: none;  color: #000000;}
.tab2 .skype:hover {color: #0094c1;}
/* e-mail link */
.tab2 .black_link {text-decoration: none; color: #000000;}
.tab2 .black_link:hover {color: #FF003F;}



/* table 12 (Roland) */
.tab_adr {
	line-height: 160%;
	}
	
.tab_adr td {
	font-size: 75%;
	line-height: 170%;
	vertical-align: top;
}





/* table 3 */
.tab3 {
	padding-top: 3px;
	position: relative;
	top: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
}
.tab3 table {border-collapse:collapse;}
.tab3 td {
	font-size: 65%;
	line-height: 180%;
	text-align: right;
}
.tab3 td.td1 {width: 140px;}
.tab3 h3 {font-size: 100%; color: #19005F;
}
.tab3 h3 a {text-decoration: none;}
.tab3 h3 a:hover {color: #FF003F;}
.tab3 .pdf {background: url(../9_img/arrow-gray.gif) no-repeat 0% 50%; padding-left: 5px; text-decoration: none;}
.tab3 .pdf:hover {color: #FF003F; background: url(../9_img/arrow-red.gif) no-repeat 0px 1px;}




/* table 4 */
.tab4 {border-top: 1px solid #333; padding-top: 8px; margin-bottom: 14px; margin-top: 3px;}
.tab4 table {
	border-collapse:collapse;
	vertical-align: top;
	}
.tab4 td {
	width: 220px;
	font-size: 65%;
	line-height: 169%;
	vertical-align: top;
}
/* e-mail link */
.tab4 .email {text-decoration: none;}
.tab4 .email:hover {color: #FF003F;}



/* table 5 (Roland: Variante von 3) */
.tab5 {
	padding-top: 4px;
	position: relative;
	top: 0px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #000000;
}
.tab5 table {	border-collapse:collapse;	margin-bottom: 2em;}
.tab5 td {font-size: 75%; line-height: 140%;}
.tab5 td.td1 {width: 290px;}
.tab5 h3 {	font-size: 100%;	color: #19005F;}
.tab5 h3 a {text-decoration: none;}
.tab5 h3 a:hover {color: #FF003F;}
.tab5 .pdf {
	padding-left: 10px;
	padding-left: 15px;
	text-decoration: none;
	background-image: url(../9_img/arrow-gray.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
.tab5 .pdf:hover {color: #FF003F; background: url(../9_img/arrow-red.gif) no-repeat 0px 2px;}



/* table 6 (Roland: Variante von 2 für facts) */
.tab6 {
	width: 450px;
	padding-top: 3px;
	margin-bottom: 1.6em;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #000000;
}
.tab6 table {vertical-align: top;}
.tab6 td {	font-size: 75%;	line-height: 140%;	vertical-align: top;}
/* e-mail link */
.tab6 .email {text-decoration: none;}
.tab6 .email:hover {color: #FF003F;}
.tab6 .pdf {padding-left: 10px; background: url(../9_img/arrow-gray.gif) no-repeat 0px 2px; padding-left: 15px; text-decoration: none;}
.tab6 .pdf:hover {color: #FF003F; background: url(../9_img/arrow-red.gif) no-repeat 0px 2px; padding-left: 15px;}



/* table 7 (Roland: Variante von 5) */
.tab7 {
	position: relative;
	top: 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #000000;
}
.tab7 table {border-collapse:collapse;}
.tab7 td {font-size: 75%; line-height: 140%;}
.tab7 td.td1 {}
.tab7 h3 {font-size: 100%; color: #19005F;}
.tab7 h3 a {text-decoration: none;}
.tab7 h3 a:hover {color: #FF003F;}
.tab7 .pdf {
	padding-left: 10px;
	padding-left: 15px;
	text-decoration: none;
	background-image: url(../9_img/arrow-blue.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
.tab7 .pdf:hover {color: #FF003F; background: url(../9_img/arrow-red.gif) no-repeat 0px 2px;}


/* table 8 (Roland für Service_links) */
.tab8 {position: relative;	top: 0px;;}
.tab8 table {border-collapse:collapse;}
.tab8 td {;font-size: 60%; line-height: 140%; text-align: right}
.tab8 td.td1 {}
.tab8 h3 {font-size: 100%;	color: #19005F; text-align: right}
.tab8 h3 a {text-decoration: none; text-align: right}
.tab8 h3 a:hover {color: #FF003F; text-align: right}
.tab8 .pdf {background: url(../9_img/arrow-gray.gif) no-repeat 0px 2px; padding-left: 15px; text-decoration: none; text-align: right}
.tab8 .pdf:hover {color: #FF003F; background: url(../9_img/arrow-red.gif) no-repeat 0px 1px;}




/* Roland: video-link-button */
#img_2 {
	width: 150px;
	float: left;
	position: relative;
	padding-top: 5px;
}

#img_3 {
	width: 150px;
	float: left;
	position: relative;
	top: -10px;
}


/* table 9 (Roland CI-Modell) */
.tab9 {
	position: absolute;
	width: 333;
	vertical-align: top;
	margin-top: 16px;
}
.tab9 table {
	border-collapse:collapse;
	width: 473px;
}
.tab9 td {	font-size: 60%;	line-height: 140%;	text-align: left;	vertical-align: top;}
.tab9 td.td1 {}
.tab9 h3 {font-size: 75%;	color: #19005F; text-align: left}
.tab9 h3 a {text-decoration: none; text-align: right}
.tab9 h3 a:hover {color: #FF003F; text-align: right}
.tab9 .pdf {background: url(../9_img/arrow-gray.gif) no-repeat 0px 1px;	padding-left: 15px;text-decoration: none;text-align: right;vertical-align: top;}
.tab9 .pdf:hover {color: #FF003F; background: url(../9_img/arrow-red.gif) no-repeat 0px 1px;}
.tab9 p {	color: #000000;	font-size: 100%;	line-height: 100%;	text-align: right;}



/* table 10 (Roland Index) */
.tab10 {
	position: relative;
	width: 250;
	vertical-align: top;
	float: left;
	table width: 400px; 
	border: 0px;
	cellspacing: 0px;
	margin-left: 25px;
}
.tab10 table {
	border-collapse:collapse;
	color: #666666;
}
.tab10 td {
	font-size: 100%;
	line-height: 85%;
	text-align: left;
	vertical-align: top;
}
.tab10 h3 {	font-size: 75%;	color: #19005F;	text-align: left;	line-height: 150%;}
.tab10 h3 a {text-decoration: none; text-align: right}
.tab10 h3 a:hover {color: #FF003F; text-align: right}
.tab10 h2 {	font-size: 60%;	color: #19005F;	text-align: left; line-height: 100%;}
.tab10 h4 {	font-size: 75%;	color: #19005F;	text-align: left; line-height: 150%; margin-bottom: 7px}
.tab10 .pdf {	background: url(../9_img/arrow-gray.gif) no-repeat 0px 1px;	font-size: 65%;	padding-left: 15px;	text-decoration: none;	text-align: left;  vertical-align: top;	line-height: 90%;}
.tab10 .pdf:hover {color: #FF003F; background: url(../9_img/arrow-red.gif) no-repeat 0px 1px;}

.tab10 .pdf_2 {font-size: 65%; text-decoration: none;	text-align: left;  vertical-align: top;	line-height: 90%; color: #000000;}
.tab10 .pdf_2:hover {color: #FF003F;}

.tab10 .pdf_3 {	background: url(../9_img/arrow-gray.gif) no-repeat 0px 1px;	font-size: 65%;	padding-left: 5px;	text-decoration: none;	text-align: left;  vertical-align: top;	line-height: 90%;}
.tab10 .pdf_3:hover {color: #FF003F; background: url(../9_img/arrow-red.gif) no-repeat 0px 1px;}

.tab10 p {	color: #000000;	font-size: 75%;	line-height: 150%;	text-align: left;	margin-bottom: 0.7em;
}



/* table 11 */
.tab11 {
	border-right-style: dotted;
	border-right-width: 1px;
	border-right-color: #000000;
	margin-right: 8px;
}

/* table 12 (Roland: Variante von 2 für facts) */
.tab12 {
	width: 470px;
	margin-bottom: 1.1em;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #000000;
	padding-top: 0.7em;
}


/* table 13 (Roland: Disclaimer über img) */
.tab13 {position: relative;	top: 0px; width: 250;}
.tab13 p {font-size: 60%;	line-height: 120%;	text-align: right;
}



/* table 14 (Roland: Link mit Pfeil und Rollover) */
.tab14 {
	position: relative;
	text-align: right;
	top: 0px;
	font-size: 75%;
	line-height: 140%;
	width: 450px;
}
.tab14 table {border-collapse:collapse;}
.tab14 td {text-align: right;}
.tab14 td.td1 {}
.tab14 h3 {font-size: 70%;	color: #19005F; text-align: left}
.tab14 h3 a {text-decoration: none; text-align: right}
.tab14 h3 a:hover {color: #FF003F; text-align: right}
.tab14 .pdf {
	padding-left: 15px;
	text-decoration: none;
	text-align: right;
	background-image: url(../9_img/arrow-blue.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
.tab14 .pdf:hover {color: #FF003F;background: url(../9_img/arrow-red.gif) no-repeat 0px 3px;}
.tab14 p {	color: #000000;	font-size: 80%;	line-height: 100%;	text-align: right;}


/* table_copyr (Roland: fuer copyright) */
.tabcopyr {position: relative;width: 450px;color: #000000;	font-size: 65%;	line-height: 100%;	text-align: right;}




/* text block */
.text-block {
	margin-bottom: 0.5em;
	padding-top: 6px;
	padding-bottom: 0;
	padding-left: 0;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #000000;
}
.text-block h3 {font-size: 75%; line-height: 140%; color: #19005F;}
.text-block p {
	font-size: 75%;
	line-height: 150%;
}
.text-block li {
	font-size: 75%;
	line-height: 150%;
	margin-bottom: 1.5em;
	padding-left: 15px;
}


/* Roland text block 2 */
.text-block2 {
	margin-bottom: 2.2em;
	padding-top: 6px;
	padding-right: 3px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #000000;
	width: 450px;	
}
.text-block2 h3 {font-size: 75%; line-height: 140%; color: #19005F;}
.text-block2 p {font-size: 75%; line-height: 140%;; color: #000000; }


/* Roland:  text block 3 */
.text-block3 {
	margin-bottom: 2.5em;
	border-top-color: #ECECEC;
	width: 470px;
	border-right-color: #ECECEC;
	border-bottom-color: #ECECEC;
	border-left-color: #ECECEC;
}

.text-block3 h3 {font-size: 72%;color: #19005F;font-weight: bold;line-height: 130%;}
.text-block3 p {font-size: 75%; line-height: 150%; color: #000000; font-weight: normal;}

.text-block4 {
	margin-bottom: 1em;
	padding-bottom: 0;
	padding-left: 0;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #000000;
	margin-top: 12px;
}
.text-block4 h3 {font-size: 75%; line-height: 140%; color: #19005F;}
.text-block4 p {font-size: 75%; line-height: 150%; margin-bottom: 1.5em;}



/* Roland: sitemap */
.sitemap h3 a {font-size: 65%; line-height: 155%; padding-left: 15px; background: url(../9_img/arrow-purple.gif) no-repeat 0px 2px; color: #19005F; position: relative; text-decoration: none;}
.sitemap h3 a:hover {font-size: 65%; line-height: 155%; padding-left: 15px; background: url(../9_img/arrow-red.gif) no-repeat 0px 2px; color: #FF003F; position: relative; text-decoration: none;}
.sitemap ul {margin: 0 0 20px 15px; list-style-type: none;}
.sitemap li a {
	font-size: 65%;
	line-height: 140%;
	padding-left: 15px;
	text-decoration: none;
	background-image: url(../9_img/arrow-gray.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	font-weight: normal;
}
.sitemap li a:hover {font-size: 65%; line-height: 140%; background: url(../9_img/arrow-red.gif) no-repeat 0px 2px; text-decoration: none; color: #FF003F;}
.sitemap .col1 {width: 200px; float: left;}



/* table referenzen */
#text-area-ref {width: 428px; float: right; position: relative; }
#text-area-ref p {font-size: 8px;}
#text-area-ref h3 {
	font-size:50%;
	color: #000000;
	text-align: right;
	font-weight: normal;
	line-height: 130%;
}
#text-area-ref .status a {color: #FF003F; padding-left 12px; background: url(../9_img/arrow-red.gif) no-repeat 0px 1px;
}


#tablereferenzen table {
width: 418px;
border: 1px solid#000000;
}
#tablereferenzen td {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
}
#tablereferenzen img {
	margin-top: 7px;
	margin-right: 3px;
	margin-bottom: 6px;
	margin-left: 2px;
}
#tablereferenzen {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	font-weight: bold;
	letter-spacing: 0.075em;
}

#tablereferenzen .aktiv {
color: #FF003F;
}


#tablereferenzen a {
	display:block;
	width: 35px;
	background: url("../9_img/04_projekte/btn_ref_z.gif") 0 0 no-repeat;
	text-decoration: none;
	margin-top: 7px;
	margin-right: 3px;
	margin-bottom: 2px;
	margin-left: 2px;
}
#tablereferenzen a:hover {	
background-position: -35px 0;
}
#tablereferenzen a:active {
background-position: -35px 0;
}
#tablereferenzen a img {
margin: 0;
}
#browserefnxt a {
margin: 5px 0px 0px 5px;
float: right;
display:block;
width: 20px;
background: url("../9_img/04_projekte/pic_btn_r.gif") 0 0 no-repeat;
text-decoration: none;
}
#browserefnxt a:hover {	
background-position: -20px 0;
}
#browserefnxt a:active {
background-position: -20px 0;
}
		
#browserefprv a {
margin: 5px 0px 0px 5px;
float: right;
display:block;
width: 20px;
background: url("../9_img/04_projekte/pic_btn_l.gif") 0 0 no-repeat;
text-decoration: none;
}

#browserefprv a:hover {	
background-position: -20px 0;
}

#browserefprv a:active {
background-position: -20px 0;
}		


#imgcount {
	float: right;
	vertical-align: middle;
}
		
/* Roland: Projektbilder_Legende */
.legende{
	margin-top: 50px;
	text-align: right;
	
}
.legende h1 {
    font-size:70%;
	font-weight: bold;
	line-height: 200%;
	color: #FF003F;
}

.legende h2 {
    font-size:140%;
	font-weight: bold;
	line-height:100%;
	color: #B2B8B6;
}

.legende p {
    font-size:65%;
	color: #000000;
	line-height:135%;
}

.legende .pdf {font-size:65%;	text-decoration: none;	text-align: right; background-repeat: no-repeat;}
.legende .pdf:hover {font-size:65%; color: #FF003F; no-repeat;}



.single-link-legende {width: 250px;}
.single-link-legende a {font-size: 65%; background: url(../9_img/arrow-gray.gif) no-repeat 0% 50%; padding-left: 15px; text-decoration: none;}
.single-link-legende a:hover {background: url(../9_img/arrow-red.gif) no-repeat 0% 50%; color: #FF003F;}



	
	
	
	/* Roland: home_aktuelles*/
.home_aktuell{
	margin-top: 35px;
	text-align: right;
	
}
.home_aktuell h1 {
    font-size:70%;
	font-weight: bold;
	line-height: 170%;
	color: #FF003F;
}

.home_aktuell p {
    font-size:65%;
	color: #000000;
	line-height:135%;
}


/*!--Roland ci_grafiken*/
#BildDiv1 {
	position:absolute;
	top: 0px;
	padding-left: 402px;
	left: 1px;
}

#BildDiv2 {
	position:absolute;
	top: 59px;
	left: 0px;
}


/*!--Roland Copyright*/
.copyright p {
    font-size:65%;	color: #000000;	text-align: right;
}
ftab



/*!--Roland Verlosungs_Button*/
#Layer_Verlosung {
	position:absolute;
	height:86px;
	z-index:2;
	top: 59px;
}
/* table 15 (Roland für job_liste) */
.tab15 {
	text-indent: -0.75em;
	padding-left: 0.75em;
	font-size: 75%;
}