/*@import url(klienten.css);*/

@import url(tippspiel.css);*
html { 
	padding:0px;
	margin:0px;
	height: 100%;
	}
	
body {
font-family: "Trebuchet MS", verdana, arial, serif;
/*background: white url(site_bg.gif) no-repeat center;*/
font-size: 11px;
margin: 0px;
padding: 0px;
color: #004A66;
letter-spacing: 300%;}

p{
	height: auto;
	line-height: 15px;
	margin: 0px;
	padding: 0px;
}

td {
	line-height: 20px;
}

img{border:0px}

h1, h2 {
	font-family: "Trebuchet MS", verdana, arial,  serif;
	letter-spacing: 0.1em;
	line-height: 15px;
	color:#004A66;
	display: inline;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

h1 {
		text-transform: uppercase;
}



/*///////////////////// LINKS ///////////////////////////*/

a {
	color: #D50A27;
	font-weight: bold;
	text-decoration: none;
}

.spacer_horizontal{
	width:10px;
	float: left;
}


/* FARBDEFINITIONEN */

/* Seitencontainer */



#site {
	margin: auto;
	padding-left: 10px;
	padding-right: 10px;
	width: 690px;	
	height: auto;
}

/*///////////////// HEADERBEREICH ///////////////////////////*/
#headercontainer {
height: 170px;width: 690px;z-index: 10;
	position: relative;}

/* Logo */
#logo {
	width: 300px;
	height: 100px;
	float: left;
}

/*Quicknavigation*/
#quickinfo-fax, #quickinfo-fon, #quickinfo-mail {
	float: right;
	width: auto;
	color:white;
	border-left: 1px solid white;
	/*padding: 0px 10px 0px 10px;*/
	height: 20px;
	margin-bottom: 50px;
	/*background: #99b7c2*/
}

/* MENÜ*/
#mainnav{
	width: auto;
	height: 30px;
	float: right;
	text-align: right;
	background: url(dot_line_blue.gif) repeat-x bottom;
	padding-bottom: 3px;
}

#subnav{
	width: 690px;
	height: 30px;
	float: right;
	text-align: right;
	padding-top: 3px;
	background: transparent;
}

/* ABSTÄNDE ZWISCHEN DEN MENÜPUNKTEN */

.menupadding-lr {
	padding-left: 5px;
	padding-right: 5px;
} 

/*///////////////////////// CONTENTBEREICH ///////////////////////*/
#contentcontainer {
	height: auto;
	width: 690px;
	display:block;
}

/***********************************************************/
/* Content Layout Definitionen									  */
/**********************************************************/

/* Wrap Layer für Contentlayout 1: 1 Spalten a 670pixel + Spaltendefinitionen für Layout */
#layout1{
	
}

#layout1 #colNormal{
	width: 670px;
	padding-left: 10px;
	padding-right: 10px;
	float: right;
}
#layout1 #colNormal table{
	width: 100%;
	border-spacing: 0px;
}

/* Wrap Layer für Contentlayout 2: 3 Spalten a 230pixel + Spaltendefinitionen für Layout */
#layout2{
}

#layout2 #colLeft, #layout2 #colNormal, #layout2 #colRight{
	width: 210px;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	float: left;

}

/* Wrap Layer für Contentlayout 3: 2 Spalten, linke Spalte 230pixel, rechte Spalte 440pixel */
#layout3{
	
}
#layout3 #colLeft{
	width: 210px;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	border: 0px solid black;
}

#layout3 #colNormal{
	width: 440px;
	height: auto;
	float: right;
	clear: right;
	padding-left: 10px;
	padding-right: 10px;	
}
/* Wrap Layer für Contentlayout 3: 2 Spalten, linke Spalte 345pixel, rechte Spalte 345pixel */
#layout3_1{
	
}
#layout3_1 #colLeft{
	width: 325px;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	border: 0px solid black;
}

#layout3_1 #colNormal{
	width: 325px;
	height: auto;
	float: right;
	clear: right;
	padding-left: 10px;
	padding-right: 10px;	
}

/* Wrap Layer für Contentlayout 4: 2 Spalten, linke Spalte 440pixel, rechte Spalte 230px */
#layout4{
	
}

#layout4 #colLeft{
	width: 440px;
	height: auto;
	float: left;
	clear: left;
	padding-left: 10px;
	padding-right: 10px;	
}

#layout4 #colNormal{
	width: 210px;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	border: 0px solid black;	
}

/***********************************************************/
/* Ende Content Layout Definitionen								  */
/**********************************************************/


/* KLIENTEN UND ARBEITSPROBEN */


/*.list{}

.list a:hover {
	padding-left: 23px;
	background: url(arrow_right.gif) no-repeat left;
}

#dropdown {
	height: auto;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px dotted #99B7C2;
	border-top: 1px dotted #99B7C2;
}
#dropdown table {
	background: #D6E2E7;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	
}
#dropdown a {
	color:#D50A27;
	padding-left: 2px;
}
#dropdown a:hover{
	margin-left: 4px;
	padding-left: 21px;
	background: url(arrow_red_left.gif) no-repeat left;
}


#dropdown select {
	width:270px;
	height: 20px;
	color: #D50A27;
	font-weight: bold;
	font-size: 10px;
	font-family: "Trebuchet MS", verdana, arial, serif;
}*/

/* ÜBERPRÜFEN; OB DIE KLASSEN NOCH GEBRAUCHT WERDEN */
#spalte-r {
	float: left;
}
.text-links {
	text-align: left;
	float: left;
}

.text-right {
	text-align: right;
	float:right;
	padding-right:10px;
}

.clear {clear:left;}
.clear {clear: both;}

/* ENDE DER ZU ÜBERPRÜFENDEN KLASSEN */


.clearer {
background: url(dot_line_blue.gif) repeat-x center;
color:#D6E2E7;
height: 1px;
display: none;
}

/* Ausrichtung der Spalten */
.links {	float: left;clear:right;}
.rechts { float: right;}


/* TESTBEREICH */
#rubrik{
	width: auto;
	height: auto;
	padding-left:10px;z-index: 10;
	position: relative;
	
}






/*///////////////////////// NEWS ////////////////////////////*/

/* Übersicht */


.news-list-item{
	width: 210px;
	height: auto;
	margin-bottom: 5px;
	float: left;
	border-bottom: 1px solid #EBF1F3;
	padding-bottom: 10px;
}

.news-list-item a{
	color:#D50A27;
	font-weight: bold;
}
	
.news-list-date{}

.news-list-item-image{
	width: auto;
	height: auto;
	float:left;
	margin-bottom: 5px;
	margin-top: 5px;
	height: auto ;
	/*overflow: hidden;*/
	
	/*display: none;*/
}
.news-list-item-image img {
	background: #EBF1F3;width: 210px;
	/*padding: 4px;*/
	/*border: 1px solid #99B7C2;*/
	
	}
.news-list-item H1, .news-list-item H1 a {
	color:#004A66;
	font-weight: bold;
}
.news-list-item H1 a:hover {
	color:#D50A27;
	font-weight: bold;
	}
.news-list-morelink {
	/*height: 20px;*/
	color: #99B7C2;
	/*float:right;	*/
	position: relative;
	top: -0px;
	display: block;
	text-align: left;
	clear:left;
	line-height: 20px;
	
}
.news-list-morelink a{
	color:#D50A27;
	/*padding-left: 20px;	*/
	
}
.news-list-morelink a:hover{
	padding-left: 20px;
	background: url(arrow_red_right.gif) no-repeat left 6px;
}


/* Detail */

.news-single-item {}

.news-single-item-image{
	height: auto;
	/*background: #D6E2E7;*/
	margin-top: 5px;
	margin-bottom: 5px;
}
.news-single-img {}


.news-single-backlink{
	/*height: 20px;*/
	/*height: auto;
	width: auto;
	color: #99B7C2;
	float:left;	
	position: relative;
	top: 0px;
	display: block;
	clear:both;
	line-height: 20px;
	padding-top: 20px;*/
	margin-top: 20px;
	z-index: 10;
	position: relative;

}
.news-single-backlink a{
color:#D50A27;
	padding-left: 0px;
	
}
.news-single-backlink a:hover{
	padding-left: 20px;
	background: url(arrow_red_left.gif) no-repeat left 6px;
}


/* in Verbindung stehende News */
.news-single-item .news-single-additional-info {
	/*border-top: 1px dotted #d6e2e7;
	border-bottom: 1px dotted #d6e2e7;
	background:#EBF1F3;*/
	padding: 5px 10px 10px 0px;
	margin-bottom: 10px;
	margin-top: 10px;
	font-weight: normal;
	font-size: 10px;
	
}

.news-single-additional-info dl,
.news-single-additional-info dt,
.news-single-additional-info dd,
.news-single-related dd,
.news-single-files dd,
.news-single-links dd
 {
	margin: 0px; padding: 0px;
}

.news-single-item .news-single-additional-info dt {font-size: 10px;margin-top: 5px;text-transform: uppercase;letter-spacing: 0.1em;height: 15px;}



/* in Verbindung stehende News */
.news-single-related dd { margin-left: -3px; height: 15px;/*   nach links gesetzt */}
.news-single-related dd img {display: none;}

.news-single-related dd a {
padding: 0px 0px 0px 15px;
font-weight: normal;
background: url(arrow_red_right.gif) no-repeat left;}

.news-single-related dd a:hover {color: #004B64;}

/* in Verbindung stehende Dateien */
.news-single-files dd img {display: none;}

.news-single-files dd  {margin-left: 0px; height: 15px;/*   nach links gesetzt */}
.news-single-files dd a {
padding: 0px 0px 0px 15px;
font-weight: normal;
background: url(arrow_red_right.gif) no-repeat left;}
.news-single-files dd a:hover {color: #004B64; }

/* in Verbindung stehende Links */
.news-single-links dd p{padding: 0px;margin-left: 0px; /*   nach links gesetzt */}
.news-single-links dd a {padding: 0px 0px 0px 15px;
font-weight: normal;
background: url(arrow_red_right.gif) no-repeat left;}
.news-single-links dd a:hover {color: #004B64;}



.csc-header {
	width: auto;
	height: auto;
	margin-top:0px;
	padding-top: 0px;
}




.news-list-category {
width: 220px;
float: left;
padding-left: 10px;
}
.news-list-category img{

}
.news-single-category img{

}
/*////////////////////////////////// ARBEITEN */
.klienten-list {margin-top: 20px;}



.klienten-list .klienten-list-catheader {
	width: 20px;
	vertical-align: bottom;
	text-align: center;
	padding-bottom: 10px;
	border-style: none;
}
.klienten-list .klienten-list-catfooter {
	width: 20px;
	vertical-align: top;
	text-align: center;
	padding-bottom: 10px;
	border-style: none;
}
.klienten-list .klienten-list-cat-light,  .klienten-list .klienten-list-cat-dark {
	text-align: center;
	padding-left: 1px;
	border-bottom: 1px dotted #D6E2E7;	
}
.klienten-list .klienten-list-cat-light {
	background: white;
}
.klienten-list .klienten-list-cat-dark {
	background: #EBF1F3;
}
.klienten-list .klienten-list-bg {
	border-bottom: 1px dotted #D6E2E7;
	}


.klienten-list-morelink{
	/*height: 20px;*/
	color: #99B7C2;
	line-height: 20px;
}

.klienten-list-morelink a, .klienten-list-backlink {
	
}
.klienten-list-morelink a:visited {
	color:#EA8493;
}
.klienten-list-morelink a:hover, .klienten-list-morelink a:active{
	padding-left: 20px;
	background: url(arrow_red_right.gif) no-repeat left 6px;
}

.klienten-list-backlink a:hover {
	padding-left: 20px;
	background: url(arrow_red_left.gif) no-repeat left 6px;
}



/* Arbeitsproben - Übersicht */

.klienten-arbeitsproben {
	margin-top: 20px;}

.klienten-arbeitsproben .name {
	width: auto;
	border-bottom: 1px dotted #D6E2E7;
}
.klienten-arbeitsproben .desc {
	width: auto;
	border-bottom: 1px dotted #D6E2E7;
	text-align: right;
	padding-left: 20px;
	display:none;
}

/* Arbeitsprobe - Detail */

.klienten-arbeitsprobe {}

.klienten-arbeitsprobe table {
	
}
.klienten-arbeitsprobe h1 {
	background: white;
	display: block;
	z-index: 10;
	position: relative;
}

.klienten-arbeitsprobe .desc {
	width: 670px;
	background: white;
	display: inline;
	z-index: 10;
	position: relative;

}
.klienten-arbeitsprobe .klienten-arbeitsprobe-select {
	border-top: 1px dotted #D6E2E7;
	margin-top: 5px;
	height: 40px;	z-index: 10;
	position: relative;
	
	/*visibility: hidden;*/
}

.klienten-arbeitsprobe .klienten-arbeitsprobe-select table {
	height: 40px;
	/*background: url('klienten-arbeitsproben-select_bg.jpg') repeat-x bottom;*/
}


.klienten-arbeitsprobe .klienten-arbeitsprobe-select .listlink {
	width: 50%;
	padding-left: 0px;
	height: 20px;
	display: none;
}

.klienten-arbeitsprobe .klienten-arbeitsprobe-select .label {
	text-align: left;
	padding-right: 5px;
	height: 20px;
	display: none;
	/*visibility: hidden;*/
}

.klienten-arbeitsprobe .klienten-arbeitsprobe-select .select {
	text-align: left;
	width: auto;
	padding-right: 0px;
	background: url(arrow_red_right.gif) no-repeat left;
	height: 20px;
}
.klienten-arbeitsprobe .klienten-arbeitsprobe-select select 	{
	color:#D50A27;
	background: #EBF1F3;
	width: 670px;
	margin-left: -1px;
	margin-top:1px;
	border-left: 0px;
	border-right: 0px;
	border-top: 1px solid #D6E2E7;
	border-bottom: 1px solid #D6E2E7;
}




.klienten-arbeitsprobe .klienten-arbeitsprobe-media {
	height: 400px;
	width: 100%;
	}
.klienten-arbeitsprobe .klienten-arbeitsprobe-media embed, .klienten-arbeitsprobe .klienten-arbeitsprobe-media object, .klienten-arbeitsprobe .klienten-arbeitsprobe-media img {
	width: 670px;
	height: 400px;
	position: absolute;
	margin-left: 0px;
	}
.klienten-arbeitsprobe-backlink a:visited {
	color:#EA8493;
}
.klienten-arbeitsprobe-backlink a:hover, .klienten-arbeitsprobe-backlink a:active{
	padding-left: 20px;
	background: url(arrow_red_left.gif) no-repeat left 6px;
}


/*//////////////////// Kontaktformular/Inputfelder ////////////////*/
form, fieldset {
	border: 0px;
}
#form {
	padding: 1px;
	display: inline;
}
input, textfield, input.button, select {
	letter-spacing: 1px;
	font-family: "Trebuchet MS", verdana, arial, serif;
	font-size: 10px;
}

td.kontakt h2,
label {
	letter-spacing: 0.1em;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 9px;
}
.kontakt input.field, textarea,
input{
	width: 335px;
	font-family: "Trebuchet MS", verdana, arial, serif;
	font-size: 10px;
	border: 0px;
	background: #D6E2E7;
	margin-bottom: 2px;
}

.kontakt textarea{
	height: 95px;
}

table.kontakt{		
	width: 100%;
	float: left;	
	table-layout: fixed;
	text-align: left;
}
td.kontakt {
	/*background-color:#D6E2E7;*/
	background-color: white;
	/*border-bottom: 1px dotted;*/
	/*padding-left: 5px;*/
	padding-top: 2px;
	padding-bottom: 2px;
}

#buttons{
	width: 420px;
	width: 100%;
	height: auto;
	display: block;
	text-align: right;
	/*float: left;*/
	clear: left;
	padding-left: 0px;
	padding-right: 0px;
	border-top: 1px solid #D6E2E7;
}

input.button{
	color: #D50A27;
	font-weight: bold;
	border: none;
	cursor: pointer;
	margin-top: 5px;
	text-transform: uppercase;
	background: url(arrow_right.gif) left 3px no-repeat ;
	padding-left: 20px;
	text-align:left;
	width: 340px;
}
.bewerbung,
.bewerbung td,
td.bewerbung {
	background: #D6E2E7;
}
.bewerbung h2 {padding-left: 10px;}

.bewerbung .file {
	border:1px solid;
	background: white;
	margin: 10px;
	width: 545px;
}
input.bewerbung_button{
	color: #D50A27;
	font-weight: bold;
	border: none;
	cursor: pointer;
	margin-top: 5px;
	text-transform: uppercase;
	background: url(arrow_right.gif) left 3px no-repeat ;
	padding-left: 20px;
	text-align:left;
	width: 560px;
}
#notes {
	width: auto;
	height: auto;
	border: 1px solid #D50A27;
	padding: 5px;
	background: #D6E2E7;
}


.csc-loginform table, 
.csc-loginform tr, 
.csc-loginform td {margin: 0px;padding: 0px;border-spacing: 0;}

.csc-form-label-req {
		letter-spacing: 0.1em;
	text-transform: uppercase;
	font-size: 9px;
}

.csc-loginform input{
width: 100px;
	font-family: "Trebuchet MS", verdana, arial, serif;
	font-size: 10px;
	border: 0px;
	background: #D6E2E7;
	margin-bottom: 2px;
}
.csc-loginform input[type=submit]{
	background-color: transparent;
	color: #D50A27;
	font-weight: bold;
	border: none;
	cursor: pointer;
	margin-top: 5px;
	text-transform: uppercase;
	background: url(arrow_right.gif) left 3px no-repeat ;
	padding-left:10px;
}
/* MISC */



	
/*////////////////////////// footer ////////////////////////////*/
#footer	{
	margin:auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	background: url(dot_line_blue.gif) repeat-x top;
	width: 670px;
	height: auto;
	clear:both;
	text-align: right;
	color: #99B7C2;
	border-top: 10px solid white;
	font-family: "Trebuchet MS", verdana, arial, serif;
	font-size: 10px;
	text-transform: uppercase;
	}
#footer a{
	color: #99B7C2;
	font-weight: normal;
}
#footer a:hover{
	color: #004A66;
	font-weight: normal;
}

/* Download Listen */
table.csc-uploads {
	margin-top: 20px;
	border-bottom: 1px solid #D6E2E7;
	border-top: 1px solid #D6E2E7;
	background: #EBF1F3;
	font-size: 10px;
	text-transform: uppercase;
	height: 10px;
	border-spacing: 0px;
	width: 100%;
	}

.csc-uploads p{
	display: inline;
}
table.csc-uploads td {border-spacing: 0px;}
table.csc-uploads .tr-even td,
table.csc-uploads .tr-odd td{border-bottom: 1px solid white;}
.csc-uploads-icon {width: 25px;}
.csc-uploads-fileName {width: auto;}
.csc-uploads-fileSize {width: 50px; text-align: right; }
.csc-uploads-fileName {
	padding: 5px 10px 5px 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	font-weight: normal;
	font-size: 10px;
	}
	
.csc-uploads-fileName a{padding: 0px 0px 0px 15px;
font-weight: normal;
background: url(arrow_red_right.gif) no-repeat left;}

/* SHIFTPITCHER - BEREICH : AGENTUR: NACHTS */

.contenttable {}

.contenttable-0 {}

/* Spalte 1*/
.contenttable-0 .td-0 {
	width: 15%;
	border-bottom: 1px dotted #D6E2E7;	
}
/* Spalte 2*/
.contenttable-0 .td-1 {
	width: 55%;
	font-weight: bold;
	border-bottom: 1px dotted #D6E2E7;	
}
/* Spalte 2*/
.contenttable-0 .td-last {
	width: 30%;
	font-weight: bold;
	border-bottom: 1px dotted #D6E2E7;	
	text-align: right;
}

/* STARTSEITE, die letzten Referenzen */
/* letzte Zeile*/

.last-references,  
.last-references td,
.last-references tr {
	padding: 0px;
	margin: 0px;
	margin-left: -2px;
	border-spacing: 0;
	border-collapse: collapse;
}
table.last-references  {
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #EBF1F3;
	margin-bottom: 10px;
	
}
.last-references .td-last {
	text-align: right;
	
}
.last-references .tr-last td {
	border: none;
	
}

.last-references tr:hover {
	background: #EBF1F3;
}

.last-references a:hover{
	padding-left: 20px;
	background: url(arrow_red_right.gif) no-repeat left 6px;
}