/*  deppoyan.com */

/*
rot:         #DD5333
blau:        #3F6173
blau hell:   #7F9DAB
text:        #444
grau:        #CCC
hellgrau:    #F2F2F2
background:  #CDDDE4
*/

html, body {
   margin:0;
   padding:0;
}


body {
	padding: 27px 0 30px 0;	
	font-family: Helvetica,Arial,Verdana,sans-serif;
	font-size: 13px;
	color: #444;
	background: #CDDDE4 url(../images/deppoyan/bg-body.png) repeat-x top; 
}

a { color: #DD5333;  text-decoration: none;}
a:visited { color: #DD5333;}
a:hover { color: #DD5333; text-decoration: underline; }
a:focus {outline-style: none;} /* get rid of dotted border in FF*/

h1, p { margin-top: 0; padding-top: 0; } 

h1 { 
	color: #DD5333; 
	font-size: 25px;
	font-weight: normal;
	letter-spacing: -0.3px; 
	line-height: 31px;
	margin-bottom: 15px;
}

h2 { color: #3F6173; font-size: 19px; line-height: 24px; font-weight: normal;}
h3 { color: #3F6173; font-size: 13px;}

.eng { margin-bottom: 2px; }

.linie { color:#969696; }
.barrierefrei { display: none; }

blockquote {
	color: #333;
	font-style: italic;
}

.clearer {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}


hr { 
	background: #FFF;
	border: none;
	height: 1px;
	margin: 1px 0 15px 0;
	padding: 0;
	border-top: 1px dotted #999;
}


/* WRAPPER
----------------------------------------------------------------------------- */

#container {
	position: relative;   
	margin: 0 auto;
	width: 910px;
	background: #FFF;
}


/* LANGUAGE
----------------------------------------------------------------------------- */

#lang {
	position: absolute;
	top: 0;
	right: 18px;
	width: 225px;
}

#lang ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#lang li a {
	color: #FFF;
	display: block;
	height: 30px;
	text-indent: -60px;
	overflow: hidden;
	background: url(../images/deppoyan/lang-tabs.png) no-repeat top left; 
}

#lang li { 
	float: left;
}
	

/* --- FR --- */
#lang li.fr a, #lang li.fr a:visited { 
width: 77px;
background-image: url(../images/deppoyan/lang-fr.gif);
background-repeat: no-repeat; 
background-position: 0px -60px; 
}
#lang li.fr a:hover { background-position: 0px -30px; }
#lang li.fr.current a, #lang li.fr.current a:visited { 
width: 77px;
background-image: url(../images/deppoyan/lang-fr.gif);
background-position: 0px 0px; }


/* --- DE --- */
#lang li.de a, #lang li.de a:visited { 
width: 76px; 
background-image: url(../images/deppoyan/lang-de.gif);
background-repeat: no-repeat; 
background-position: 0px -60px; 
}
#lang li.de a:hover { background-position: 0px -30px; }
#lang li.de.current a, #lang li.de.current a:visited { background-position: 0px 0px; }

/* --- EN --- */
#lang li.en a, #lang li.en a:visited { 
width: 68px; 
background-image: url(../images/deppoyan/lang-en.gif);
background-repeat: no-repeat; 
background-position: 0px -60px; 
}
#lang li.en a:hover { background-position: 0px -30px; }
#lang li.en.current a, #lang li.en.current a:visited { background-position: 0px 0px; }


/* HEADER
----------------------------------------------------------------------------- */

#header {
 	width: 910px;
	height: 150px;
        clear: both;
	background: #FFF url(../images/deppoyan/bg-header.png) no-repeat top;
}

#header a img {
	margin: 45px 0 0 30px; /* Logo Schalter */
}

#header h1 {
	float: left;
}

#header img { border: 0; }

#header strong { /* Subtitle */
	float: right;
	display: block;
	overflow: hidden;
	width: 155px; 
	height: 18px;
	margin: 46px 0px 0 0;
	text-indent: -500px;
}


/* CONTENT
----------------------------------------------------------------------------- */

#content {
   clear: both;
   width:  892px;
   margin: 0px auto 0px 0;
   padding-top: 6px;
   background: url(../images/deppoyan/border-top.gif) no-repeat 18px top;
}

#c2 {
	background: #FFF;
	float: left;
	margin: 0;
}


/* NAV
----------------------------------------------------------------------------- */

#nav {
	float: left;
	width: 160px;
	display: inline;  /* FIX IE double margin bug */
	overflow: hidden;
	margin-left: 18px;
	padding: 0px 0 180px 0;
	text-align:left;
}

/* MAIN
----------------------------------------------------------------------------- */

#main {
	width: 455px;
	border-left: 2px solid #FFF;  
	float: left; 
	padding: 15px 35px 60px 29px;
	_padding: 15px 35px 60px 29px;
	line-height: 18px;
	 min-height: 400px;
	background: #F2F2F2 url(../images/deppoyan/bg-main.png) repeat-x bottom;
}

#main img {
	padding: 0px;
	border: none;
}

#main img a {
	border: none;
}

#main a:hover img { border: 0px solid #DD5333; }


#main img.left {  /* Bild links */
	float: left;
	margin: 0px 20px 10px 0px;
}


#main img.right {  /* Bild rechts */
	float: left;
	margin: 0px 0 10px 20px;
}

.block {
	display: block;
	clear: both;
}

.download {
	padding: 0 0 0 15px;
	background: url(../images/deppoyan/download.gif) no-repeat left center; 
}

/* --- List --- */

#main ul {
	padding-left: 0px;
	margin: 0;
	list-style: none;
}

#main ul li {
	background: url(../images/deppoyan/arrow-1.gif) no-repeat 0px 7px;
	padding-left: 12px;
}

#main ul.referenzen { 
background: #DDD;
padding: 0;
margin: 0;
list-style: none;
}

#main ul.referenzen li { 
padding: 3px 0 3px 15px;
margin: 0 0 1px 0;
list-style: none;
font-weight: bold;
background: #FFF;
background-image: none;
background: #FFF url(../images/deppoyan/arrow-1.gif) no-repeat 5px center;
}

/* Textboxen */

.box_1 p, .box_2 p {
	padding: 0px; margin: 0;
}

.box_1 { /* rot */
	padding: 10px;
	color: #FFF;
	background: #DD5333;
	margin: 0 0 10px 0;
}

.box_1 a { 
	color: #FFF;
	text-decoration: underline;
}

.box_2 { /* grau */
	padding: 10px;
	background: #E5E5E5;
	margin: 0 0 10px 0;
}

.box_3 { /* weiss */
	padding: 10px;
	background: #FFF;
	margin: 0 0 10px 0;
}

.red { color: #DD5333; }

.trennstrich-oben { /* p */
	border-top: 1px dotted #999;
	margin-top: 15px;
	padding-top: 15px;
}

.trennstrich-unten { /* p */
	border-bottom: 1px dotted #999;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

/* SIDEBAR
----------------------------------------------------------------------------- */

#sidebar {
	float: left; 
	width: 150px; /*190-padding*/   
	border-left: 2px solid #FFF;  
	overflow: hidden;
	padding: 15px 20px 35px 20px;
	font-size: 11px; 
	line-height: 17px;
	color: #666;
        background: #F2F2F2;
}


#sidebar h3 {
	font-size: 14px;
	margin: 0 0 3px 0;
	color: #555;
}

#sidebar em {
        font-family: Times;
        font-size: 13px;
	display: block;
	padding: 0 0 8px 0;
	margin: 0 0 8px 0; 
	border-bottom: 1px dotted #333;
}

#sidebar span {
	font-weight: bold;
	width: 30px;
	margin-right: 3px;
	text-transform: uppercase;
	font-size: 10px;
}


/* FOOTER
----------------------------------------------------------------------------- */

#footer {
	color: #FFF;
        width: 874px;
        padding: 17px 18px 17px 18px;
        font-size: 11px;
	background: #95AFBB url(../images/deppoyan/bg-footer.png) no-repeat bottom;
}

#footer a {
	color: #FFF;
        margin-left: 5px;
}

#footer a:hover { text-decoration: underline; }


/* ACCESSIBILITY
----------------------------------------------------------------------------- */

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   padding: 1em;
   border-bottom: 1px dotted #333;
   margin: 1em;
}

/* 
accessibility divs are hidden by default 
text, screenreaders and such will show these 
*/
.accessibility {
   position: absolute;
   top: -999em;
   left: -999em;
}

/* 
definition tags are also hidden 
these are also used for menu links    
*/
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}
/* end accessibility */

/* clearing */

	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */
/* End of 'Accessibility and cross-browser tools' */


/* End of 'deppoyanstyle' */