@charset "utf-8";


/* #d2e1f0; helles blau */
/* #a5c4e0; dunkles blau */
html{

	padding:0;
	margin:0;
}

body{
	margin:0 auto;
	padding: 0;
	background-image: url(../img/body_bg.gif) ; 
	background-repeat: repeat-y;
	background-position: 50% 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

h2 {
	margin:0;
	padding:0 0 10px 0;
	font-size:20px;
	font-weight: normal;
	color: #00224f;
	font-family: Arial, Helvetica, sans-serif;
}

h3 {
	margin:0;
	padding:0 0 15px 0;
    font-size:16px;
    color: #a5c4e0;	
    font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
	line-height:1.5em;
}

p { 
    color: #00224f;
    font-size:12px;
    margin:0;
    padding:0;
	line-height:2.0em;
	letter-spacing:0em;
	font-family: Arial, Helvetica, sans-serif;
}

div#content ul {
	color: #00224f;
    font-size:12px;
    margin:0;
    padding:0 0 0 20px;
}

div#content li {
    margin:0;
    padding:10px 0 0 0;
}

a{
	color: #223f66;
}

a:hover{
	color:#7a91a6;
}


#header_layout {
	width: 100%;
	background-image: url(../img/header_bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
	text-align: center;
	margin: 0;
	padding: 0;
}
#header {
	height: 130px;
	width: 100%;
	margin: 0;
}

#logo
{
	background-image: url(../img/logo_danielsuns.gif);
	background-repeat: no-repeat;
	width: 232px;
	height: 90px;
	margin: 0 auto;
	display: block;
	padding-top: 50px;
	background-position: 0 20px;
}


#wrapper_layout {
	background-image: url(../img/wrapper_bg.gif); 
	background-repeat: repeat-y;
	background-position: center top;
	width: 958px;
	margin: 0 auto;
	padding: 0;

}
#wrapper {

	width: 100%;
	margin: 0;
	padding: 0;
	
}


/*		NAVIGATION	start	*/
/* IE 7 */
/* IE 7 */
*+html  div#navigation ul{
	position: relative; /*float: left;*/
	margin: 0 0 0 0;
	padding: 0;
	list-style-type: none;
	height: 28px;
	width:100%;
}
*+html div#navigation ul li {
	margin:0;
	padding:0;
	display: inline;
	font-size:12px;
	line-height:28px;
	line-height:28px;
}
	
*+html div#navigation ul li a{
	margin:0;
	padding:4px 23px 6px 20px;
	height:27px;
	line-height:27px;
}
*+html div#navigation ul li ul{
	position: absolute; /*float: left;*/
	top: 100%; /**/
	}
	
*+html div#navigation ul li strong a,
*+html div#navigation ul li a:hover,
*+html div#navigation ul li a:active{	
	margin:0;
	padding:4px 23px 6px 20px;
	height:27px;
	line-height:27px;
}
/* IE 7 */


/* IE 7 */

div#navigation{
	margin: 0;
	padding: 0 0 0 2px;
	height: 52px;
	width: 956px;
	text-align: left;
	background: url(../img/navigation-bg.jpg) 0 0 no-repeat;
}

div#navigation ul{
	position: relative; /*float: left;*/
	margin: 0;
	padding: 3px 0 0 0;
	list-style-type: none;
	height: 28px;
	width:958px;
}

div#navigation ul li {
	margin:0;
	padding:0;
	display: inline;
	font-size:12px;
	height:25px;
	line-height:1.563em;
}

div#navigation ul li a{
	margin:0;
	padding:4px 23px 6px 20px;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	background: #a5c4e0 url(../img/nav-normal-bg.jpg) right top no-repeat;
	color: #00224f;
	display: inline;
	height:27px;
	line-height:1.688em;
}


div#navigation ul li strong a,
div#navigation ul li a:hover,
div#navigation ul li a:active{
	margin:0;
	padding:4px 23px 6px 20px;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	background: #d2e1f0 url(../img/nav-hover-bg.jpg) right top no-repeat;
	color: #00224f;
	display: inline;
	height:27px;
	line-height:1.688em;
}

/*	2.Ebene	*/
div#navigation ul li ul{
	position: absolute; /*float: left;*/
	top: 90%; /**/
	left: 0; /**/
	margin: 0;
	padding: 0;
	list-style-type: none;
	height:22px;
	line-height:22px;
}

div#navigation ul li ul li{
	margin: 0;
	padding: 0;
	display: inline;
	height:22px;
	line-height:22px;
}

div#navigation ul li ul li  a{
	margin: 0;
	padding: 3px 1px 5px 20px;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	background: transparent;
	color: #00224f;
	height:22px;
	line-height:22px;
}

div#navigation ul li ul li strong a,
div#navigation ul li ul li a:hover,
div#navigation ul li ul li a:active{
	margin: 0;
	padding: 3px 1px 5px 20px;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	background: transparent;
	color: #7a91a6;
	height:22px;
	line-height:22px;
}


li.active a{
	color:#a5c4e0; 
}


/*		CONTENT	start	*/

#content {
	width: 632px;
	float: right;
	text-align: left;
	padding: 20px 20px 20px 40px;
	line-height: 18px;
}


#content-left{
	width: 250px;
	float: left;
	margin: 0;
	padding: 20px 0 20px 7px;
	text-align:left;
}



	
.clear{
	width: 100%;
	height: 0px;
	clear: both;
}

p.meta
{
	margin-top: 14px;
}

.meta a
{
	text-decoration: none;
	font-weight: bold;
}

/* IE 7 */
*+html div#content-wide img{
	margin: 0 0 -3px -2px;
	padding:0 0 0 2px;
	width: 954px;
	text-align: center;
}
/* IE 7 */
div#content-wide{
	margin:0;
	padding:0 0 0 2px;
	width: 954px;
	text-align: center;
}

div#content-wide img{
	margin:0;
	padding:0;
	width: 954px;
}


/*	MOOD - IMAGE	*/

div.mood-image{
	margin:0;
	padding:0;
	width:249px;
	float:left;
}

div.img-top{
	margin:0 !important;
	padding:0 !important;
	width:249px;
	height:17px;	
	background: url(../img/mood-top-bg.jpg) 0 0 no-repeat;
}	

div.mood{
	margin:0 !important;
	padding:0 !important;
	width:245px;
	border-left: #a5c4e0 2px solid;
	border-right: #a5c4e0 2px solid;
	float:left;
}

div.mood-image img{
	margin:0 !important;
	padding:0 !important;
	width:245px;
}
	
div.img-bottom{
	margin:0;
	padding:0 !important;
	width:249px;
	height:17px;	
	background: url(../img/mood-bottom-bg.jpg) 0 0 no-repeat;
}	
	
/* IE7 START */
*+html div.img-bottom{
	margin:-3px 0 0 0;

}
	
	
/*	TABLE	*/

table#layout
{
	width: 100%;
	margin:0;
	padding:0;
}

td.inner-top {
	background: transparent url(../img/header_bg.gif) center top repeat-y;
}



td.inner
{
	width:958px;
	margin:0;
	padding:0;
	background-image: url(../img/body_bg.gif) ; 
	background-repeat: repeat-y;
	background-position: 50% 100%;
}

td.outer{
	width: 50%;
	margin:0;
	padding:0;
	background: none;
}

td.outer-left{
	width: 50%;
	margin:0;
	padding:0;
	background-image: url(../img/header_line.jpg);
	background-repeat: no-repeat;
	background-position: top left;	
}

td#bottomRight
{
	background-image: url(../img/footer_line.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	
}

*+html td.inner{
	width:958px;
	margin:0;
	padding:0;
	background-image: url(../img/body_bg.gif) ; 
	background-repeat: repeat-y;
	background-position: 50% 100%;

}

/*	FOOTER	*/
#footer_layout {

	width: 100%;
	text-align: center;
}

	
#footer {
	height: 210px;
	width: 100%;
	margin:  0 auto;
	background-image: url(../img/footer_line.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 25px;
	clear:both;
}


p.meta
{
	margin-top: 14px;
}

.meta a
{
	text-decoration: none;
	font-weight: bold;
}


/*	CONTACT TEASER	*/

p.contact{
	font-size: 11px;
}
	

.contact-teaser{
	margin: 0 0 10px 0;
	padding: 0 10px 0 0;
	width: 305px;
	height:197px;
	float: left;
}
.contact-teaser img{
	margin: 0;
	padding: 0;
	width: 120px;
	height: 180px;
	float: left;
}

.contact-teaser div.content{
	margin:0;
	padding:10px;
	width: 163px;
	height:160px;
	background: #a5c4e0;
	color: #fff;
	float: right;
}

.contact-teaser p{
	margin:0;
	padding:0;
	color: #fff;
	overflow:hidden;
	line-height:1.5em;
}

.contact-teaser div.content p strong a{
	margin: 0;
	padding: 8px 0 0 0;
	text-decoration: none;
	color: #223f66;
}

div.contact-teaser div.contact-bottom{
	margin:0;
	padding:0;
	width:305px;
	height:17px;
	background: transparent url(../img/kontakt-bottom-bg.jpg) 0 0 no-repeat;
}


/*	JOB TEASER	*/

.job-teaser {
	margin:0 0 20px 0;
	padding: 0;
	width: 630px;
}

.job-teaser h2{
	margin: 0;
	padding: 15px 15px 10px 15px;
	width: 600px;
	font-size: 16px;
	font-weight: bold;
	background: #a5c4e0;
	color: #00224f;
}

.job-teaser p{
	margin: 0;
	padding: 0px 15px 0px 15px;
	width: 600px;
	background: #a5c4e0;
	color: #00224f !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

div#content div.job-teaser ul{
	margin: 0;
	padding: 0px 15px 0px 45px;
	background: #a5c4e0;
}
div#content div.job-teaser ul li{
	margin:0;
	padding:0;
}

.job-teaser .link {
	margin: 0;
	padding: 0;
	width: 630px;
	height: 17px;
	background: url(../img/bg_job-teaser-bottom.gif) no-repeat;
}

.job-teaser .link a{
	margin: 0;
	padding: 0 15px 0 0 ;
	height: 17px;
	float: right;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	font-size: 11px;
	
}

.job-teaser .link a:hover{
	color:#7a91a6;
}



.referenz-teaser{
	margin: 20px 0 28px 58px;
	padding: 0;
	width: 262px;
	height: 197px;
	float: left;
}

.referenz-teaser img{
	margin: 0;
	padding: 0;
}


.referenz-teaser .link{
	margin: -5px 0 0 0;
	padding: 0;
	width: 262px;
	height: 17px;
	background: url(../img/bg_referenz-teaser-bottom.gif) no-repeat;
}

.referenz-teaser .link a{
	margin: 0;
	padding: 0 15px 0 0;
	height: 17px;
	float: right;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	font-size: 11px;
}

.referenz_big-teaser {
	margin: 0;
	padding: 0;
	width: 630px;

}

.referenz_big-teaser img {
	margin: 0;
	padding: 0;
	width: 630px;
	float: left;
}

.referenz_big-teaser .referenz-bottom{
	margin: 0;
	padding: 0;
	width: 630px;
	height: 17px;
	background: url(../img/bg_job-teaser-bottom.gif) no-repeat ;
	clear:both;
	
}
.referenz_big-teaser h2{
	margin: 0 0 10px 0;
	padding: 0 15px 0 0;
	height: 17px;
	text-transform: uppercase;
	font-size: 11px;
	color: #fff;
	float: right;
}

.referenz_big-teaser p{
	margin: 0;
	padding: 0;
	clear: both;
}

p#home
{

	height: 110px;
	background-image: url(../img/home_bg.jpg);
	background-repeat:no-repeat;
	padding: 340px 17px 17px 17px;
	font-size:12px;
}

/* LogIn */
.tx-newloginbox-pi1 {
	margin:0;
	padding:0;
}
.tx-newloginbox-pi1 form{
	margin:0;
	padding:0 10px 0 5px;
}
.tx-newloginbox-pi1 h3 {
	margin:0;
	padding:0;
    color: #a5c4e0;
    font-size:12px;
}
.tx-newloginbox-pi1 p{
	margin:0;
	padding: 10px 5px 10px 5px;
	font-size:12px;
	color: #00224f;
}

.tx-newloginbox-pi1 th,
.tx-newloginbox-pi1 td{
    color: #a5c4e0;
    font-size:12px;
    margin:0;
    padding:0;
}

.tx-newloginbox-pi1 label{
	margin:0;
	padding:0;
	text-transform:uppercase;
	color: #00224f;
	font-size: 11px;
	font-weight:bold;
}

.tx-newloginbox-pi1 input{
	margin:0;
	padding:0;
	color: #00224f;
	border: #a5c4e0 1px solid;
}

.tx-newloginbox-pi1 button#submit{
	margin:5px 0 0 0;
	padding:1px 5px 1px 5px;
	text-transform:uppercase;	
	color: #00224f;
	border: #a5c4e0 1px solid;
	background: #fff;
	font-size: 11px;
	width:40px;
	height:20px;
}

div.img-top span{
	margin:0;
	padding:2px 0 0 7px;
	height: 15px;
	color: #00224f;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	display: block;
}

.tx-newloginbox-pi1  .logout{
	margin:0;
	padding:5px 0 5px 0;
	color: #00224f;	
}
.tx-newloginbox-pi1  .logout td{
	color: #00224f;	
}
.tx-newloginbox-pi1  .logout strong{
	margin:0;
	padding:0;
	text-transform:uppercase;
	color: #00224f;
	font-size: 11px;
	font-weight:bold;
}



/* bewerbungs form */
form {
	margin:0;
	padding:0;
}
form fieldset {
	margin:0 0 15px 0;
	padding:0;
	border:none;
}

form.contact div.field {
	float:left;
	width:210px;
	margin:10px 0 0 0;
	padding:0 5px 0 0;	
	position:relative;
}

form.contact div.small-field {
	float:left;
	width:80px;
	margin:10px 0 0 0;
	padding:0 5px 0 0;	
	position:relative;
}


form.contact div.big-field {
	float:left;
	width:550px;
	margin:10px 0 0 0;
	padding:0 5px 0 0;	
}

form.contact div.field h4,
form.contact div.small-field h4 ,
form.contact div.big-field h4 {
	margin:0;
	padding:0 0 3px 0;
	color: #00224f;
	font-size:12px;
	font-weight:normal;
	line-height:14px;
}

form.contact div.field h5 {
	margin:0;
	padding:0 0 3px 0;
	color: #00224f;
	font-size:12px;
	font-weight:normal;
	line-height:14px;
}

form.contact div.error label {
	color:#c00;
}


form input.text-full,
form input.text-short,
form input.text-short-last,
form input.text-long,
form textarea,
form select {
	border:1px solid #00224f;
}
form div.error input.text-full,
form div.error input.text-short,
form div.error input.text-short-last,
form div.error input.text-long,
form div.error textarea,
form div.error select {
	border:1px solid #c00;
}
form input.text-full:focus,
form input.text-short:focus,
form input.text-short-last:focus,
form input.text-long:focus,
form textarea:focus,
form select:focus {
	border:1px solid #00224f;
	background:#f2f2f2;
}

form select.wide {
	width:417px;
}
* html form select.wide {
	width:419px;
}
*+html form select.wide {
	width:419px;
}
form input.text-full {
	width:200px;
}
form input.text-short,
form input.text-short-last {
	width:58px;
}
form input.text-long {
	width:134px;
}
* html form input.text-long {
	width:132px;
}
*+html form input.text-long {
	width:132px;
}
form textarea {
	width:415px;
}

div.big-field input.browse{
	padding:0;
	margin:0 0 7px 0;
	border: #00224f 1px solid;
	background: #fff;
	height:22px;

}