/*
    Dies ist die Standard-CSS-Datei für alle Seiten eines Designs.
    --------------------------------------------------------------------------------
    
    Generelle Hinweise können bei den Definition gelesen werden.
*/


/*
   Hier wird nicht die BODY selbst angesprochen. Das ist ein tinyMCE-Hack.
   body und div#content müssen gleich formatiert sein, damit die Darstellung im Editor
   auch korrekt ist!
   body#page ist die Definition der eigentlichen Seite die im Browser angezeigt wird.
*/
body#page
{
	background-image: url("../img/backgr.jpg");
	background-repeat: repeat-x;
    background-color: #2f55a2;
    margin: 0px;
    padding: 0px;
	text-align: center;
}
div#page_wrap
{
	width: 962px;
	margin: 0px auto;
	/*margin-bottom: 50px;*/
    /*padding-bottom: 50px;*/
	padding: 0px;
}
div#header
{
	position: relative;
    background-image: url("../img/tmpheader.jpg");
    background-position: 221px 0px;
    background-repeat: no-repeat;
    background-color: #1e327d;
    width: 100%;
    height: 112px;
    text-align: center;
    overflow: hidden;
}
div#header img#logo
{
	position: absolute;
	top: 14px;
	left: 76px;
}
div#logo
{
    position: absolute;
    left: -90px;
    width: 400px;
    height: 336px;
}
div#auxnav
{
	vertical-align: middle;
	text-align: right;
	padding-top: 22px;
	padding-right: 20px;
	padding-bottom: 8px;
}
div#auxnav,
div#auxnav a
{
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #4460a1;
    text-decoration: none;
	padding-left: 10px;
}
div#auxnav a:hover
{
    color: #1e327d;
}
body,
div#page
{
    background-color: #ffffff;
    width: 100%;
    text-align: left;
}

div#navigation
{
    width: 221px;
	background-color: #adbee2;
    float: left;
    text-align: left;
}
div#content
{
    width: 701px; 
	background-color: #FFFFFF;
    float: right;
    text-align: left;
	padding: 21px 20px 30px 20px;
    overflow: hidden;
}
div#navigation,
div#content
{
	border-bottom: 1px solid #2d4e8d;
}
body,
td,
input
{
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #505050;
}
body p, 
div#content p,
body ul,
div#content ul
{
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #505050;
	text-align: left;
    line-height: 20px;
    margin-bottom: 25px;   
    padding-top: 0px;
    margin-top: 0px;    
	/*letter-spacing: 0.05em;*/
}
div#content p,
div#content ul
{
    /*padding-left: 5px;*/
}
body ul,
div#content ul
{
	/*margin-left: 20px;*/
    list-style-type: none;
}
body ul li,
div#content ul li
{
    text-align: left;
    background-image: url("../img/team_li_bullet.gif");
    background-repeat: no-repeat;
    background-position: 2px 7px;
    padding-left: 15px;
}
body p.title,
div#content p.title,
body h1,
div#content h1
{
    padding-left: 0px;
    margin-bottom: 30px;
	font-weight: bold;
	font-size: 24px;
    text-align: left;
    font-family: Arial, sans-serif;
    color: #1e327d;
    margin-top: 0px;
}
body h2,
div#content h2
{
    font-size: 18px;
    color: #333333;
    margin-top: 0px;
    font-weight: bold;
}
body h3,
div#content h3
{
    font-size: 14px;
    color: #333333;
    margin-top: 0px;
    font-weight: bold;
}
body a,
div#content a
{
    color: #6d7aaa;
}
body a:hover,
div#content a:hover
{
    color: #1e327d;
}
div#footer
{
	clear: both;
    width: 741px;
    padding-top: 10px;
    margin-left: 221px;
    margin-bottom: 50px;
    text-align: center;
}
div#footer a,
div#footer a span
{
	text-decoration: none;
	color: #b7c5e0;
}
div#footer a:hover,
div#footer a:hover span
{
	color: #ffffff;
}
div#footer div#pagecontrol
{
	float: left;
	/*padding-left: 221px;*/
	text-align: left;
	line-height: 1.5em;
	padding-left: 20px;
}
div#footer div#pagecontrol a#totop,
div#footer div#pagecontrol a#printpage
{
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 18px;
}
div#footer div#pagecontrol a#totop
{
	background-image: url("../img/totopfooter.gif");
}
div#footer div#pagecontrol a#printpage
{
	background-image: url("../img/print.gif");
}
div#footer div#copynote
{
	float: right;
	text-align: right;
	color: #b7c5e0;
	font-size: 11px;
    margin-right: 20px;
}
div.clearall
{
    clear: both;
    height: 1px;
}

/*
Tabellen
======================================================================
*/
body table,
div#content table
{
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
	/*margin-left: 5px;*/
	width: 100%;
    margin-bottom: 25px;
}
body table td,
div#content table td,
body table td.white,
div#content table td.white
{
	text-align: left;
	vertical-align: top;
    padding-left: 5px;
	padding-right: 10px;
    padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #bfbfbf;
	font-size: 12px;
    color: #505050;
}
body table td.white,
div#content table td.white
{
	background-color: #e9e9e9;
}
body table td.title,
div#content table td.title
{
	text-align: left;
	vertical-align: top;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #ffffff;
	border: none;
    background-color: #1e327d;
}

/* Tabelle mit Formularinhalt
   Abstand für die Lesbarkeit etwas erhöhen
   11.11.2009 - M.Viranyi (m.viranyi@look4.de)
*/
body table.signupform td,
div#content table.signupform td
{
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: top;
}




/*
Bilder
======================================================================
*/
img
{
	border: none;
	padding: 0px;
	margin: 0px;
}


/*
Navigation: Listen
======================================================================
*/
ul#menu1,
ul#menu1 li.selected ul#menu2,
ul#menu1 li.selected ul#menu2 li.selected ul#menu3
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
ul#menu1 li.selected ul#menu2
{
	padding-top: 4px;
}

/*
Navigation: Listenelemente
======================================================================
*/
ul#menu1 li,
ul#menu1 li.selected
{
	border-top: 1px solid #ffffff;
    padding: 0px;
    padding-top: 4px;
	padding-bottom: 4px;
    text-align: left;
    background-image: none;
}
ul#menu1 li.selected
{
	background-image: url("../img/activelink.png");
	background-repeat: no-repeat;
	background-position: 0px 9px;
    background-color: #1e327d;
    padding-top: 4px;
	padding-bottom: 0px;
}
ul#menu1 li.selected ul#menu2 li
{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
	border: none;
	background-color: #f2f2f2;
    text-align: left;
}
ul#menu1 li.selected ul#menu2 li.selected ul#menu3 li
{
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
    text-align: left;
    background-image: url("../img/nav3trenner.png");
	background-repeat: no-repeat;
	background-position: 15px 9px;
}
ul#menu1 li.selected ul#menu2 li.selected
{
	background-image: url("../img/menu2active.png");
	background-repeat: no-repeat;
	background-position: 0px 8px;
	font-style: italic;
    text-align: left;
}
ul#menu1 li.selected ul#menu2 li.selected ul#menu3 li.selected
{
    background-image: none;
    text-align: left;
}

/*
Navigation: Hyperlinks / Anchors
======================================================================
*/
ul#menu1 li a,
ul#menu1 li.selected ul#menu2 li a,
ul#menu1 li.selected ul#menu2 li.selected ul#menu3 li a
{
	padding-left: 10px;
	padding-right: 10px;
    text-decoration: none;
    display: block;
}
ul#menu1 li.selected ul#menu2 li a,
ul#menu1 li.selected ul#menu2 li.selected ul#menu3 li a
{
    font-size: 12px;
    color: #53629a;
    font-weight: normal;
    text-decoration: none;
	font-style: normal;
}
ul#menu1 li.selected ul#menu2 li.selected a
{
    font-size: 12px;
    color: #1e327d;
    font-weight: bold;
    text-decoration: none;
	font-style: italic;
}
ul#menu1 li.selected ul#menu2 li.selected ul#menu3 li.selected a
{
	font-weight: bold;
	color: #1e327d;
}

ul#menu1 li a
{
	color: #5063a0;
}
ul#menu1 li a:hover
{
	color: #1e327d;
}
ul#menu1 li.selected a
{
	font-weight: bold;
	color: #ffffff;
}
ul#menu1 li.selected ul#menu2 li a
{
	color: #53629a;
}
ul#menu1 li.selected ul#menu2 li a:hover
{
	color: #1e327d;
}

/*
    Zweispalter IDs
    gesamtbreite 701px;
*/
body#tinymce div#divleft,
div#content div#divleft
{
    float: left;
    width: 481px;
    padding: 0px;
    margin: 0px;
    border: none;
}
body#tinymce div#divright,
div#content div#divright
{
    float: right;
    width: 200px;
    padding: 0px;
    margin: 0px;
    border: none;
}

/*
    damit die Spalten im Editor angezeigt werden
*/
body#tinymce div#divright,
body#tinymce div#divleft
{
    border: 1px dotted #ff00ff;
}

/*
    TEAM - Tabelle explizit für PULZ-Design
    
*/
table#team
{
    
}
div#content table#team td,
body table#team td,
div#content table#team td.right,
body table#team td.right
{
    padding: 0px 20px 15px 0px;
    border: 0px;
    width: 240px;
    margin: 0px;
}
div#content table#team td.right,
body table#team td.right
{
    padding: 0px 0px 15px 0px;
    width: 220px;
}
div#content table#team td.totop,
body table#team td.totop
{
    padding: 0px 0px 15px 0px;
    width: 701px;
    text-align: right;
}
div#content table#team td p.title,
body table#team td p.title,
div#content table#team td h3,
body table#team td h3
{
    font-family: Arial, sans-serif;
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 12px;
    color: #505050;
}
div#content table#team td h3,
body table#team td h3
{
    font-size: 14px;
    color: #1e327d;
    margin: 0px;
}
div#content table#team td ul,
body table#team td ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;    
}
div#content table#team td ul li,
body table#team td ul li
{
    padding-left: 10px;
}
body table#team td.totop a,
div#content table#team td.totop a
{
    /* damit das Pfeil-Icon vor im Anchor
       aber vor dem Span angezeigt wird
    */
    background-image: url("../img/totop.gif");
    background-position: top left;
	background-repeat: no-repeat;
    padding-left: 18px;
}

/*
    zusätzliche kleine Helferlein
*/
span.red
{
    font-weight: bold;
    color: #ff0000;
}

/*
    quickContact
*/
div#quickContact
{
    padding: 20px 15px 20px 10px;
    border-top: 1px solid #fff;
    background-color: #1E327D;
    color: #fff;
    text-align: right;
    font-size: 10px;
}
div#quickContact a:hover
{
    color: #fff;
}