/*********************************************************************
 * This stylesheet defines default styles for physic's website.
 * Styles for other media are defined in separate files.
 *
 * version: 1.0 -- 2008-05-04 03:14:15
 *********************************************************************/



/*********************************************************************
 * MAIN CONTAINERS
 *********************************************************************/



body {
    background:#FFF url("../img/shadebg.png") repeat-y left;
    color:#000;
    font:14px/123% Arial, Verdana, Helvetica, Tahoma, sans-serif; 
/*    font:14px/123% sans-serif; */
    margin:0;
    padding:0.5em 0;
    min-width:640px;
    width:100%;
    float:left;
}

/* "CSS CHILD HACK": IE requires padding instead of margin */
div#phyPage {
    float:left;
    position:relative; top:0; left:0;
    margin:0; padding:0 1.5%;  /* IE uses this definition */
    width:97%;
}
body>div#phyPage {
    margin:0 1.5%; padding:0;  /* all browsers except IE use this definiton */
}

div#phyShadeRight {
    background:transparent url("../img/shaderight.png") repeat-y right;
    position:absolute; top:0; left:0;
    height:100%;
    width:100.7%;  /* wider than ancestor -> right shade! */
    z-index:1;
}

div#phyHead {
    background-color:#FFF;
    float:left;
    position:relative; top:0; left:0;
    margin:0; padding:0 0.2%;
    width:99.6%;
    z-index:2;
}

div#phyBody {
    background-color:#FFF;
    clear:both;         /* clear floats from phyHead */
    float:left;         /* allows usage of floats in phyBody */
    position:relative;  /* allows rel./abs. positioning */
    top:0; left:0;
    margin:0; padding:1em 0.2%;
    width:99.6%;
    z-index:2;
}

div#phyFooter {
    background-color:#F2F2E5;
    border-bottom:1px solid #600;
    font-size:x-small;
    clear:both;
    float:left;
    position:relative; top:0; left:0;
    margin:0; padding:4px 0.2% 3px 0.2%;
    width:99.6%;
    z-index:2;
}



/*********************************************************************
 * GENERIC DEFINITIONS & CLASSES
 *********************************************************************/



a, a:link, a:visited {color:#027; text-decoration:none; background-color:transparent;}
a:hover {color:#400;}

h1, h2, h3, h4, h5 {
    clear:both;
    color:#333;
    font-style:normal;
    font-weight:bold;
    margin:0;
    padding:0.8em 8px;
}
h1 {font-size:120%; margin-top:1em;}
h2 {font-size:100%; margin-top:0.5em;}
h3 {font-size:95%; font-style:italic;}
h4 {font-size:95%; font-style:italic; font-weight:normal;}
h5 {font-size:95%;}

hr  {
    clear:both;
    border:none;
    color:#333; background-color:#666;
    width:100%; height:1px;
}
img {border:none;}
p   {text-align:left; margin:1em 0; width:100%;}
td, li {text-align:left;}
ol, ul {margin-top:0; margin-bottom:0;}

.hmargin5perc  {margin-left:5%;  margin-right:5%;  width:90%;}
.hmargin10perc {margin-left:10%; margin-right:10%; width:80%;}

.smaller {font-size:smaller;}

.tal {text-align:left;}
.tac {text-align:center;}
.tar {text-align:right;}
.taj {text-align:justify;}

div.cleardiv {clear:both; display:none;}  /* used by phy_clear_div() */
.hide {display:none;}



/*********************************************************************
 * BREADCRUMBS, BANNER, SEARCH, LANGUAGE SWITCH (phyHead's children)
 *********************************************************************/



/* breadcrumbs */
div#phyTopBreadcrumb {
    color:#FFF; background-color:#008993;
    font-size:small;
    position:absolute; top:0; right:0.2%;
    padding:4px 0.4em;
    width:50%;
}
div#phyLocalBreadcrumb {
    color:#1B3896; background-color:transparent;
    font-size:small;
    float:left;
    padding:4px 0.2em;
}
div#phyTopBreadcrumb a   {color:#FFF;}
div#phyLocalBreadcrumb a {color:#1B3896;}
div#phyTopBreadcrumb img, div#phyLocalBreadcrumb img {padding:0 5px; height:11px;}


/* banner */
div#phyBanner     {width:100%;}
div#phyBanner img {display:block; width:100%;}


/* search form */
form#phySearch {
    background-color:#008993;
    font-size:small;
    float:left;
    margin:0; padding:3px 1px 3px 0;
    max-height:1.5em;
    min-width:15%; width:23%; max-width:23%;
}
form#phySearch #phySearchButton {padding:0 2px; width:15px; height:15px; vertical-align:middle;}
form#phySearch #phySearchText   {width:80%; background-color:transparent; border:none; border-bottom:2px dotted #FFF;}


/* language switch */
div#phyLangSwitch {float:right; margin:0; padding:4px 0.2em; font-size:small;}



/********************************************************************
 * MAIN CONTENT LAYOUTS (phyBody)
 *
 * NOTE: As main menu should span full page width, it must reside outside of multi-column layout. To ensure consistent layout it is recommended to set both margin-top and padding-top zero! Modify #phyBody / #phyMenuMainTabs if necessary.
 * NOTE: Sum of horizontal margins, horizontal paddings, vertical borders, and width must be less(!) than 100%, otherwise some browsers will break before the last column.
 *******************************************************************/



div#phyBody div.phyLayoutCols1       {float:left; position:relative; width:100%;  margin:0;        clear:both;}
div#phyBody div.phyLayoutCols1Narrow {float:left; position:relative; width:90%;   margin:0; padding:0 5%; clear:both;}
div#phyBody div.phyLayoutCols2Left   {float:left; position:relative; width:48.5%; margin:0 1% 0 0; clear:both;}
div#phyBody div.phyLayoutCols2Right  {float:left; position:relative; width:48.5%; margin:0 0  0 1%;}
div#phyBody div.phyLayoutCols3Left   {float:left; position:relative; width:32%;   margin:0 1% 0 0; clear:both;}
div#phyBody div.phyLayoutCols3Middle {float:left; position:relative; width:31.5%; margin:0 1% 0 1%;}
div#phyBody div.phyLayoutCols3Right  {float:left; position:relative; width:32%;   margin:0 0  0 1%;}
div#phyBody div.phyLayoutCols4Left   	  {float:left; position:relative; width:10%;   margin:0 1% 0 0; clear:both;}
div#phyBody div.phyLayoutCols4LeftMiddle  {float:left; position:relative; width:22%; margin:0 1% 0 1%;}
div#phyBody div.phyLayoutCols4RightMiddle {float:left; position:relative; width:31.5%; margin:0 0 1% 1%;}
div#phyBody div.phyLayoutCols4Right       {float:left; position:relative; width:32%;   margin:0 0  0 1%;}



/********************************************************************
 * MAIN MENU (phyBody)
 *******************************************************************/



ul#phyMenuMainTabs {
    background:#FFF url("../img/tabs_bg.jpg") repeat-x center;
    border-top:1px solid #CCC; border-bottom:1px solid #666;
    margin:1.2em 0 0 0; padding:0 0 2px 0;
    height:1em; max-height:1em;
}
ul#phyMenuMainTabs li {
    float:left;
    list-style-type:none;
    min-width:15%; width:23%; max-width:23%;
    height:1em; max-height:1em;
    margin:-0.5em 1.5% 2px 0;
    padding:0.2em 0 0.3em 0;
    border-width:2px 1px 0 0;
    border-style:solid;
    border-color:transparent #C2C2C2 #666 transparent;
    background:#FFF url("../img/tabs_bg.jpg") repeat-x center;
    font-weight:bold;
    text-align:center;
}
ul#phyMenuMainTabs li a {color:#666; display:block;}

/* ACTIVE TAB */
ul#phyMenuMainTabs li.phyMenuMainTabActive {
    color:#600;
    background-image:none;
    margin-bottom:1px;
    border-bottom-width:1px;
    border-color:#999 #999 #FFF transparent;
}
ul#phyMenuMainTabs li.phyMenuMainTabActive a {color:#600;}

/* "START EDITION" */
ul.phyMenuMainStart {background-image:none !important; border-color:#C2C2C2 !important;}
ul#phyMenuMainTabs li.phyMenuMainTabStart {
    background-image:none;
    margin-bottom:1px;
    border-bottom-width:1px;
    border-color:#C2C2C2 #C2C2C2 #FFF transparent;
}



/********************************************************************
 * DETAILSTART: columns with "main areas" (phyBody)
 *******************************************************************/



div#phyHomeCols {clear:both; margin:0; padding:0;}
div#phyHomeCols div {  /* NOTE: "div#phyHomeCols > div" would be better, but IE6 does not support this selector */
    border-right:1px solid #C2C2C2;
    font-size:small;
    float:left;
    height:100%;
    min-width:16%; width:24%; max-width:24%;
    margin:0;
    padding:1em 0.5% 0.5em 0;
}
div#phyHomeCols #phyHomeColsRightCol {border-right-style:none;}  /* rightmost column: no right border */
div#phyHomeCols div ul li {  /* NOTE: using ">" would be better, but... */
    list-style-type:disc;
    margin:0;
    padding:0 0 0.4em 0;
}



/*********************************************************************
 * IMPRESSUM, WEBMASTER (phyFooter's children)
 *********************************************************************/



div#phyFooter #phyWebmaster     {width:48%; margin:0 0.2em; float:right; text-align:right;}
div#phyFooter #phyImpressum     {width:48%; margin:0 0.2em; float:left;  text-align:left;}
div#phyFooter #phyImpressum img {padding-right:5px; height:11px;}



/* EOF */