/* Globals */
html,body{margin:0;padding:0}
body{
	font-family: "ff-dax-web-pro-1","ff-dax-web-pro-2",sans-serif;
	font-weight:300;
	font-size:15px;
	color:#4B4B4D;
	text-align:left;
	background:#FFF url(bg.jpg) top left;
	}
:lang(de)    { quotes:"\201E" "\201C" "\201A" "\2018"; }:lang(de-DE) { quotes:"\00BB" "\00AB" "\203A" "\2039"; }:lang(de-CH) { quotes:"\00AB" "\00BB" "\2039" "\203A"; }:lang(en)    { quotes:"\201C" "\201D" "\2018" "\2019"; }:lang(fr)    { quotes:"\00AB\00A0" "\00A0\00BB" "\2039\00A0" "\00A0\203A"; }
q:before { content:open-quote; color:#222 }q:after { content:close-quote; color:#222; }q q:before { content:open-quote; color:#222; }q q:after { content:close-quote; color:#222; }
q {
	display:block;
	width:464px;
	font-weight:600;
	font-size:14px;
	text-align:center;
	color:#4B4B4D;
	}
a{ color: #981793;padding:10px;outline-style:none; }

/* ------------ Logobox ------------ */

#logo {
	display:block;
	position:relative;
	background: url(logo.gif) no-repeat;
	left:12px;
	top:15px;
	width: 200px;
	height:70px;
	}

#logo h1 {	
	text-indent:-5000px;
	}
#logo h2 {
	text-indent:-5000px;
	}
	
/* ------------ Header ------------ */

div#header {
	height: 2em;
	color:black;
	}

div#bgwrap {
	display:block;
	/*background:#FFF;*/
	width: 800px;
	margin: 0px auto;
	padding-bottom:105px;
	}


/* ------------ Container ------------ */

div#container {
	text-align:left;
	}

div#container {
	width:700px;
	margin:0 auto;
	}

/* ------------ Navigation 1. Ebene // Vertikal ------------ */

#navigation {
	position:relative;
	display:block;
	top:80px;
	width:200px;
	border: 1px dotted #A8B9E5;
	height:248px;
	padding:8px;
	margin-bottom: 15px;
	list-style-type:none;
	margin:0px;
	background: url(blueho riz.jpg);
	}

#navigation li a{
	display:block;
	top:0px;
	padding:6px 0px 0px 5px;
	height:24px;
	border-bottom: 1px solid #565658;
	background: url(bluehoriz.jpg);
	text-decoration:none;
	color: #000;
	text-transform:uppercase;
	}

#navigation li a:hover {
	margin:0px;
	background: url(arrow.gif) left center no-repeat;
	padding-left: 25px;
	text-transform:none;
	font-weight:600;
	}

#navigation li a.active {
	margin:0px;
	background: url(arrow.gif) left center no-repeat;
	padding-left: 25px;
	text-transform:none;
	color: #565658;
	font-weight:600;
	}

/* ------------ Navigation 2. Ebene // Horizontal ------------ */

ul#subnav {
	position:absolute;
	top:154px;
	left:229px;
	width:423px;
	border: 1px dotted #A8B9E5;
	background:#FFF;
	text-align: left;
	list-style-type:none;
	padding-top:5px;
	}

ul#subnav li a {
	display:block;
	position:relative;
	left:-35px;
	padding:0px 15px 0px 10px;
	height:20px;
	float:left;
	top:0px;
	border-bottom:none;
	border-right:0px;
	text-decoration:none;
	background:none;
	}

#subnav li a:hover {
	margin:0px;
	background: none;
	padding:0px 14px 0px 10px;
	font-weight:600;
	
	}
.skiplink a:link, .skiplink a:visited {
	visibility: hidden;
	}

/* ------------ Content ------------ */

div#content{
	position:relative;
	float:right;
	width:475px;
	top:80px;
	}
	
div#content p {
	position:relative;
	width:445px;
	left:10px;
	line-height:1.4;
	}

div#content a:link, div#content a:visited {
	padding:0;
	color:#A8B9E5;
	font-weight:600;
	text-decoration:none;
	}
div#content a:hover {
	background-color: #F59D00;
	color:#fff;
	}

div#content h1, div#content h2, div#content h3, div#content h4, div#content h5 {
	font-family: "ff-dax-web-pro-condensed-1","ff-dax-web-pro-condensed-2",sans-serif;
	} 
div#content h1 {
	font-size: 1.8em;
	color:#4B4B4D; margin-top: 0; 
	letter-spacing: 0.01em;
	}
	
.bright {
	color:#F59D00; 	font-weight:700;
	}
	
div#content h2 {
	font-size: 2em;
	color:#4B4B4D;
	line-height: 1.3em;
	letter-spacing: -1px;
	}
div#content h3 {
	font-size: 1.5em;
	color:#4B4B4D;
	}
div#content h4 {
	font-size: 1.25em;
	color:#4B4B4D;
	}
div#content h5 {
	position:relative;
	font-size: 1em;
	font-weight:600;
	left:10px;
	}
div#content h1,h2,h3,h4,h5 {
	font-weight:normal;
	padding:0 5px 0px 15px;
	}

#content ul {
	list-style-type:none;
	color:#4B4B4D;
	}
	
#content .copylist {
	text-indent:13px;
	background-image:url(icon_arrow.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	text-align:left;
	}
* html .copylist { text-indent:12px; } /* nur für IE 5.5 - 6.x */
html + body .copylist { text-indent:12px; } /* nur vom IE 5.0 */

#header #joblink {
	z-index:100;
	position:relative;
	left:620px;
	top:10px;
	border:none;
	}

#header #joblink span  {
	display:none;
	}

#header #joblink img{
	border:none;
	}
#header #joblink img:hover {
	width:105px;
	}


#content ul.job {
	position:relative;
	list-style-image: url(icon_arrow.gif);
	top:-10px;
	}

#content .joblist {
	position:relative;
	text-indent:0px;
	left:20px;
	font-family:"ff-dax-web-pro-1","ff-dax-web-pro-2",sans-serif;
	line-height:16px;
	text-align:left;
	font-weight:normal;
	}
* html .joblist { text-indent:12px; } /* nur für IE 5.5 - 6.x */
html + body .joblist { text-indent:12px; } /* nur vom IE 5.0 */

div#content img {
	border: 1px solid #A8B9E5;
	padding: 2px;
	margin: 3px;
	margin-left: none;
	}
div#content p {
	padding-left: 5px;
	}

/* ------------ Main Picture // above Content ------------ */

div#mainpicbox {
	position:relative;
	left:-5px;
	height: 248px;
	overflow:hidden;
	border: 1px dotted #A8B9E5;
	margin-left: 10px;
	padding: 8px;
	margin-bottom: 15px;
	}
div#mainpic {
	height: 246px;
	overflow:hidden;
	background:green url(bluedown.jpg) top left repeat-x;
	color:white;
	}

div#mainpic img.deko {
	border:none;
	padding:0px;
	margin:0px;
	}

div#smallpicbox {
	position:relative;
	left:-5px;
	height: 124px;
	overflow:hidden;
	border: 1px dotted #A8B9E5;
	margin-left: 10px;
	padding: 8px;
	margin-bottom: 15px;
	}
div#smallpic {
	height: 124px;
	overflow:hidden;
	background:green url(bluedown.jpg) top left repeat-x;
	color:white;
	}

div#smallpic img.deko {
	border:none;
	padding:0px;
	margin:0px;
	}



/* ------------ Sofortkontakt ------------ */

div#adress{
	position:relative;
	top:95px;
	float:left;
	width:200px;
	border: 1px dotted #A8B9E5;
	height:270px;
	padding:0px 12px 0px 4px;
	font-size:15px;
	margin-bottom: 15px;
	}
div#adress p {
	position:relative;
	left:10px;
	line-height:1.4;
	}

div#adress h2 {
	font-size:1.3em;
	position:relative;
	left:0px;
	margin:0px 0px 5px 0px;
	padding:8px 0px 0px 8px;
	line-height:1.0;
	}

div#adress a:link, div#adress a:visited {
	position:relative;
	left:10px;
	padding:0;
	font-weight:600;
	color:#A8B9E5;
	text-decoration:none;
	}
div#adress a:hover {
	background-color: #F59D00;
	color:#fff;
	}

div#powered img {
	border:none;
	margin-bottom:5px;
	
	}
div#powered a:hover{
	border:bottom:0px;
	background:none;
	color:#F59D00;
	}
	
div#powered {
	text-align:left;
	font-size:10px;
	margin-top:15px;
	}
/* ------------ Aktion ------------ */

#aktion a:link, #aktion a:visited {
	display:block;
	float:right;
	padding:5px;
	width:130px;
	height:130px;
	text-indent:-5000px;
	}
	
#aktion a:hover {
	border:none;
	background-color:#FFF;
	}
	
#aktion img.akt {
	display:block;
	position:relative;
	top:-10px;
	background-color:none;
	float:right;
	border:none;
	}	




/* ------------ Kontaktformular ------------ */

input {
	position:absolute;
	border:1px solid #4B4B4D;
	left:60px;
	height:20px;
	}

form,submit {
	padding:0;
	margin:0;
	margin-bottom:50px;
	} /* removes extraneous padding around the form */

textarea {
	margin-top:5px;
	display:block;
	width:444px;
	border:1px solid #4B4B4D;
	padding:2px;
	overflow:auto;
	}

#Submit2 {
	position:relative;
	left:0px;

	}

/* ------------ Extra ------------ */

div#extra{
	background:#fff;
	}

div#extra{
	float:left;
	clear:left;
	width:200px;
	}

div#extra p {margin-left: 0;  }
/*div#extra img { float:left; padding: 3px; margin: 2px; margin-left:0; border: 1px solid #A8B9E5; }*/
div#extra p a:link, div#extra p a:visited { padding:0; color: #600; font-weight:600; padding-bottom: 1px; text-decoration:none;}
div#extra p a:hover { text-decoration:underline;}

/* ------------ Footer ------------ */

div#footer{
	display:block;
	position:relative;
	top:100px;
	color: #000;
	clear:both;
	width:100%;
	padding-top:5px;
	border-top: 2px solid #F59D00;
	}

div#footer ul {
	list-style-type:none;
	margin:0;
	padding:0;
	padding-top: 2px;
	text-align:center;
	font-size: .8em;
	}
div#footer ul li {
	list-style-type:none;
	display:inline;
	border-left: 1px solid #565658;
	}
div#footer  ul li a:link,#footer ul li a:visited {
	display:inline;
	text-decoration:none;
	color:black;
	}
div#footer ul li a:hover {
	text-decoration:underline;
	color:#F59D00;
	}
div#footer p {
	text-align:center;
	margin-top: 5px;
	}


/* TABLES */ 
table {border: 2px solid #A8B9E5; border-collapse:collapse; width:90%; margin-left: 3ex; }
td {background-color: #fff; padding:3px; border: 1px solid #ccc; color:#000;}
th {text-align:left;border: 1px solid #fff}
thead th {color:#fff; font-size:1.5em; background-color: #990 ; padding: 10px 6px}
tbody th {color:#fff; font-size:1.15em; background-color: #A8B9E5 ; padding: 6px}
tbody th.sub {font-size: .90em; color:#fff; background-color: #336; padding: 6px}



/* TEXT STYLES */


acronym {
	border-bottom: 1px dotted #966;
	cursor:help;
	} 

code {
	border: 1px dotted #A8B9E5;
	background-color: #990;
	color:#fff;
	margin-left: 3ex;
	}
blockquote {
	border: 1px solid #A8B9E5;
	background-color: #990;
	color:#fff;
	margin: 3ex;
	font-style:italic;
	}

/* Horizontal Navigation Menu */
#header ul {
	margin:0;
	text-align: right;
	padding-top: 1.6em;
	padding-bottom:0;
	}
#header ul li {
	list-style-type:none;
	display:inline;
	}
#header ul li a:link, #header ul li a:visited {
	display:inline;
	padding-top: 3em;
	text-decoration:none;
	color:#565658;
	border-left: 2px solid #565658;
	}
#header ul li a:hover {
	border-bottom: 1px solid #565658; 
	background: #fff url(arrow2.gif) center center no-repeat;
	}
.skiplink a:link, .skiplink a:visited {
	visibility: hidden;
	}






/*  ------------ Referenzen  ------------  */
div#referenzen {border-top: 2px solid #F59D00; padding-top: 15px;}
div#referenzen img {padding: 5px; border:1px dotted #A8B9E5;margin-bottom:15px;}
div#referenzen ul { list-style-type:none; margin:0; padding:0;}
div#referenzen ul li {position:relative;display:inline;margin:10px;}





/* Bonus Styles */
p.rightsidelink {
	text-align:right;
	}
.rightsidelink a:link, .rightsidelink a:visited {
	padding:0; color:#600;
	font-weight:600;
	text-decoration:none;
	}
.rightsidelink a:hover {
	text-decoration:underline;
	}
.entrytext {
	margin-top: 0;
	font-size:larger;
	font-weight:600;
	}

	
	
/*  ------------ Ranking Konzept  ------------  */
#ranking-star {
	border:0px;
	position:absolute;
	top:200px;
	left:275px;
	z-index:100;
	padding:0px;
	margin:0px;
	}


#ranking-star img.lnk {
	border:none;
	} 

#ranking-star a.lnk:hover {
	border:none;
	background-color:#FFF;
	opacity:0.7;
	}

/*------- etracker -------*/
#etracker {display:none;}