/**************************************************************************************************/
/* Xxx Yyy Zz                                                                                     */
/**************************************************************************************************/


/*  Reset CSS -> Thanks to Eric A. Meyer */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
    }

:focus {
	outline: 0;
    }

body {
	line-height: 1;
	color: #000;
	background: #f0f0f0;
    }

ol, ul {
	list-style: none;
    }

table {
	border-collapse: separate;
	border-spacing: 0;
    }

caption, th, td {
	text-align: left;
	font-weight: normal;
    }

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
    }

blockquote, q {
	quotes: "" "";
    }

/**************************************************************************** General Site Layout */

html, body, .wrap {
    height: 101%;
    }

body {
    color : #001e33;
    font-family : georgia, palatino, sans-serif;
    }

body > .wrap {
    height: auto;
    min-height: 100%;
    border : 1px solid #fff;
    border-width : 0 10px;
    width : 962px;
    margin : 0 auto;
    background-color : #fff;

    background-image : url(vline.png);
    background-position : top left;
    background-repeat : repeat-y;
    }


a:link  {
    color : #001e33;
    font-style : italic;
    }

a:visited   {
    font-style : normal;
    color : #001e33;
    }

a:hover {
    text-decoration : none;
    }


.orange {
    color : #e66f11;
    }

.text-color {
    color : #001e33;
    }

/*** Header ***/

div.header  {
    background-color : #fff;
    height : 160px;
    width : 962px;
    text-align : center;
    }

div.header p.logo   {
    padding-top : 25px;
    }

div.header p.claim  {
    padding-top : 15px;
    font-family : georgia, palatino, serif;
    font-style : italic;
    font-weight : bold;
    font-size : 12px;
    color : #001e33;
    }

/* Main Area */

#main {
    padding-bottom: 40px !important; /* Muss genau so hoch sein wie der Footer */
    }



/**************************************************************************************************/
/**************************************************************************** Navigation & Content /
/**************************************************************************************************/

/*** Navigation ***/

div.navigation {
	float : left;
	width : 205px;
	background-color : #E66F11; /* Trennlinie */
	border : 0 solid #E66F11;
	border-width : 4px 0 0 0;
    }

div.navigation a    {
    font-style : normal;
    }

div.navigation ul {
	display : block;
	font-family : arial, helvetica, sans-serif;
	font-size : 14px;
	font-weight : normal;
	font-style : normal;
	line-height : 17px;
	text-decoration : none;
	color : #002A46;
	background-color : #E66F11;
	padding : 0;
	margin : 0;
    }


div.navigation ul li a {
    display : block;
    list-style: none;
    text-decoration : none;

    color : #002A46;
    background-color : #fff;

    padding : 2px 4px;
    padding-right : 0;
 
    border : 1px solid #fff;
    border-width : 3px 0 3px 0;
    margin : 0 0 1px 0;
    }

div.navigation li.one_selected a {
    background-color : #eaeef3;
    color : #002A46;
    font-weight : bold;
    }


div.navigation ul li.one_shown  {
    background-color : #001e33;
    color : #fff;
    font-weight : bold;
    padding : 2px 0 2px 4px;

    border : 1px solid #fff;
    border-width : 3px 0 3px 0;
    margin-bottom : 1px;
    }


div.navigation ul li.one_shown:first-child  {
    margin : 1px 0 1px 0;
    border : 1px solid #fff;
    border-width : 3px 0 3px 0;
    }


/* Level 2 */

div.navigation ul li.one_shown ul li:first-child a  {
    margin-top : 4px;
    border : 1px solid #fff;
    border-width : 3px 0 3px 0;
    margin-bottom : 1px; /* */
    }

div.navigation li.one_selected ul li a {
    padding-left : 16px;
    padding-right : 0;
    background-color : #eaeef3;
    margin-left : 0px;
    font-weight : normal;
    }

div.navigation li.one_selected ul li.two_selected a {
    font-weight : bold;
    }

div.navigation ul li.one_shown ul {
    margin-top : 6px;
    margin-bottom : -6px;
    margin-right : 0;
    margin-left : -4px;
    }

div.navigation ul li.one_shown ul li a {
    padding-left : 16px;
    background-color : #eaeef3;
    }


div.navigation li.one_selected ul li.two_shown   {
    padding : 2px 0 2px 16px;
    background-color : #002A46;
    color : #fff;
    font-weight : bold;
    border : 1px solid #fff;
    border-width : 3px 0 3px 0;
    }

div.navigation li.one_selected ul li.two_shown ul {
    margin-bottom : -9px;
    border : 1px solid #fff;
    border-width : 3px 0 3px 0;
    }



/* Level 3 */

div.navigation ul ul ul {
    margin-top : 0;
    }

div.navigation li.two_shown ul {
    margin-left : -16px;    
    margin-top : 4px;
    }

div.navigation li.two_shown ul li:first-child {
    border : 1px solid #e66f11;
    border-width : 1px 0 0 0;
    }

div.navigation li.two_shown ul li a {
    background-color : #eaeef3;
    padding-left : 28px;
    }

div.navigation li.two_selected ul li a  {
    padding-left : 28px;
    font-weight : normal;
    font-weight : normal !important;
    }   

div.navigation li.two_selected ul li.three_shown  {
    background-color : #002A46;
    color : #fff;
    font-weight : bold;
    padding : 2px 4px 4px 28px;
    border : 1px solid #fff;
    border-width : 3px 0 3px 0;
    margin-bottom : 1px;
    }

/* Hover */

div.navigation ul li a:hover,
div.navigation ul li.one_shown ul li:first-child a:hover,
div.navigation ul li.one_shown ul li a:hover,
div.navigation li.one_selected ul li a:hover {
 	background-color : #ccc;
	color : #002A46;
    }


/************************************************************************************** Content ***/

div.content {
    float : left;
    width : 467px;
    margin-left : 30px;
    padding-bottom : 30px;
    border : 1px solid #E66F11;
    border-width : 4px 0 0 0;
    font-family : georgia, palatino, serif;
    font-size : 16px;
    line-height : 22px;
    }

/* Title & Lead */

h1  {
    background-color : #001e33;
    color : #fff;
    font-family : arial, helvetica, sans-serif;
    font-weight : bold;
    font-size : 28px;
    line-height : 32px;
    margin-top : 3px;
    padding : 3px 6px 6px 6px;
    }

h2  {
    font-weight : bold;
    font-size : 16px;
    line-height : 22px;
    margin : 11px 0;
    padding : 0 6px;
    }

h3  {
    font-weight : bold;
    font-size : 16px;
    line-height : 22px;
    margin : 11px 0;
    padding-bottom : 0px;
    }

h4 {
    font-size : 14px;
    font-weight : bold;
    }


/* Text */

div.content p   {
    margin : 11px 0;
    }


/* Lists */

div.content ul,
div.download_group ul   {
    list-style : disc;
    color : #e66f11;
    }

div.content ul li,
div.download_group ul li{
    margin-left : 24px;
    }


/* Margin to First Table */

div.content p + table   {
    margin-top : 30px;
    }


/* Team */

div.teamchefs   {
    margin : 30px 0;
    }

table.team,
table.open {
    width : 100%;
    background-color : #eaeef3;
    font-family : arial, helvetica, sans-serif;
    font-size : 14px;
    line-height : 19px;
    margin-bottom : 1px;
    }

table.team:hover    {
	background-color : #ccc;
	cursor : pointer;
    }

table.open:hover    {
	background-color : #fff;
	cursor : default;
    }

table.team td,
table.open td   {
    vertical-align : top;
    padding : 3px;
    }


table.team td.mehr,
table.open td.mehr  {
    text-align : right;
    }

table.open  {
    border : 1px solid #e66f11;
    border-width : 1px 0;
    background-color : #fff;
    }

table.open td img   {
    margin-top : 3px;
    }

table.open td.name  {
    font-weight : bold;
    }
table.team td.img{
    width:126px;
}
table.open td.address   {
    padding-bottom : 12px;
    width:220px;
    }

table.team td.vCard{
    font-size : 12px;
    line-height : 15px;
    width:103px;
    }

div.personal_downloads  {
    width : 100%;
    margin-top : 20px;
    }




/* Download Group */

div.download_group  {
    margin-top : 30px;
    }


/* Linklist */

table.linklist {
    width : 100%;
    background-color : #fff;
    font-family : arial, helvetica, sans-serif;
    font-size : 14px;
    line-height : 19px;
    margin-bottom : -1px;
    border : 1px solid #e66f11;
    border-width : 1px 0;
    }


table.linklist td   {
    vertical-align : top;
    padding : 12px 20px 12px 0;
    }

table.linklist td.img   {
    width:120px;
}

table.linklist td.link   {
    width:307px;
}
    
    
table.linklist td p {
    margin : 0;
    padding : 0;
    }

table.linklist strong   {
    font-weight : bold;
    }

/************************************************************************************** Service ***/

div.service {
    float : left;
    width : 230px;
    margin-left : 30px;
    border : 1px solid #E66F11;
    border-width : 4px 0 0 0;
    font-family : arial, helvetica, sans-serif;
    font-size : 12px;
    line-height : 17px;
    color : #001e33;
    }


div.image,
div.context,
div.downloads    {
    border : 1px solid #de5f00;
    border-width : 1px 0 0 0;
    padding : 15px 0 20px 0;
    }

div.image   {
    padding-top : 3px;
    border : 0;
    }

div.image_teaser    {
    padding : 20px 0;
    }

div.image_teaser img    {
    margin : 6px 0;
    }

div.service p.legend    {
    font-size : 12px;
    line-height : 17px;
    }

div.service h2  {
    color : #de5f00;
    margin : 0;
    padding-left : 0;
    font-family : georgia, palatino, serif;
    font-weight : bold;
    font-style : italic;
    font-size : 12px;
    line-height : 19px;
    }

div.service ul  {
    list-style : disc;
    color : #e66f11;
    }

div.service ul li   {
    margin-left : 15px;
    }

/**************************************************************************************************/
/***************************************************************************************** Footer */
/**************************************************************************************************/

div.footer {
	position : relative;
	margin : auto;
	margin-top : -40px; /* Negativer Wert der Footer-Höhe */
	height : 40px;
	width : 962px;
	clear : both;
	background-color : #fff;
	background-image : url(footer_lines.png);
	background-repeat : no-repeat;
	background-position : top left;
    border : 1px solid #fff;
    border-width : 0 10px;
    }


div.footer  p   {
    float : left;
    padding-top : 10px;
    font-family : arial, helvetica, sans-serif;
    font-size : 11px;
    }

div.footer p.copyright  {
    padding-left : 6px;
    width : 230px;
    }

div.footer p.disclaimer {
    width : 600px;
    }

div.footer p.languages  {
    float : right;
    padding-right : 6px;
    text-align : right;
    width : 120px;

    }

/*********************************************************************** Clear-/Crossbrowser Hack */

/* clearfix */

div.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
    }

div.clearfix {
    display: inline-block;
    }


/****************************************************************************** Crossbrowser Hack */

* html .clearfix {
    height: 1%;
    }

.clearfix {
    display: block;
    }