/* CSS Document - Introsite of CEN and Europics */
body {
     background: url(design/background_img.gif) 140px top no-repeat #bcc4cc;
     font-family:Verdana, Arial, Helvetica, sans-serif;
     margin: 0;
     padding: 0;
}

* {
    margin: 0;
    padding: 0;
}

p {
	color: #000000;
	font-size: 0.7em;
	line-height: 1.2em;
	padding-bottom:8px;
}

h1 {
	margin: 5px 0 5px 0;
	font-size: 1em;
	font-weight: 600;
	color: #000000;
	padding-left:78px;
}

.left_70 {
	padding-left:78px;
}

h2 {
	color:#000000;
	font-size: 0.9em;
	font-weight: 700;
	margin: 10px 0 7px 0;
}

a:link    {color: #000000; text-decoration:underline;}
a:visited {color: #000000; text-decoration:none;}
a:hover   {color: #787878; text-decoration:none;}
a:active  {color: #787878; text-decoration:none; font-style:italic;}

a img {
	border: none;
}
a img.logo {
	border: 1px solid #4d4d4d !important;
}

a.weiter {
	background:url(design/arrow_links.gif) center right no-repeat;
	float:right;
	font-weight: 600;
	padding-right: 10px !important;
}

/* CEN-Bereich */

    /* CEN - Logo */
#cenlogo {
    background:url(design/cen_logo_blue.gif) top no-repeat;
    position:absolute;
    width: 495px;
    height: 150px;
    left: 160px;
    top: 170px;
/* 	border: 1px solid #bcc4cc !important; */
}
#cenologo {
    position:absolute;
    width: 495px;
    height: 150px;
    left: 160px;
    top: 170px;
}
#cenlogo span {
    margin-left: -3000px;
}

    /* CEN - Slogan */

#censlogan {
    background:url(design/cen_slogan_black.gif) top no-repeat;
    position:absolute;
    width: 201px;
    height: 42px;
    top: 125px;
    left: 660px;
}
#censlogan span {
    margin-left: -3000px;
}

    /* Artikelliste */
    
#articlebox {
    position: absolute;
    top: 10px;
    left: 160px;
    font-size: 0.65em;
    overflow: hidden;
}

#articlebox ul {
    position: relative;
    list-style-type: none;
    float: left;
}

#articlebox li {
    border: 1px solid #bcc4cc;
    display: block;
    float:left;
    width: 132px;
    height: 100px;
    padding: 3px;
}
#articlebox img {
    float:left;
    margin: 4px 4px 2px 0;
}

    /* Navigation */

#cennavi {
    position: absolute;
    top: 130px;
    left: 230px;
}
#cennavi ul {
    list-style-type: none;
    font-size: 0.75em;
}
#cennavi li {
    display: block;
    float: left;
    text-align:center;
    font-weight:600;
    width: 120px;
    height: 20px;
    margin: 0 8px 0 0;
}
#cennavi a {
    display: block;
    width: 100px;
    height: 20px;
    padding-top: 3px;
    border: 1px solid #4d4d4d;
}
#cennavi a:link {
    background:url(design/button_active.gif) left repeat-x; 
    text-decoration: none;
}
#cennavi a:visited {
    background:url(design/button_active.gif) left repeat-x; 
    text-decoration: none;
}
#cennavi a:hover {
    background:url(design/button_hover.gif) left repeat-x; 
    text-decoration: none;
}
#cennavi a:active {
    background:url(design/button_active.gif) left repeat-x; 
    text-decoration: none;
}

    /* Story of the week */
    
#censtory {
    background:url(design/cen_storyoftheweek.gif) 50% 3px no-repeat;
    position: absolute;
    height: 158px;
    width: 188px;
    top: 170px;
    left: 660px;
    padding: 35px 5px 5px 5px;
    font-size: 0.9em;
    border: 1px solid #bcc4cc;
}
#censtory span {
    margin-left: -3000px;
}
#censtory p {
    margin: 0;
    padding: 0;
}
#censtory img {
    float:left;
    margin: 0 5px 5px 0;
}

/* Europics-Bereich */

    /* EP-Logo */

#eplogo {
    background:url(design/ep_logo_orig.gif) top no-repeat;
    position:absolute;
    width: 495px;
    height: 85px;
    left: 160px;
    top: 350px;
}
#epnologo {
    position:absolute;
    width: 495px;
    height: 85px;
    left: 160px;
    top: 350px;
}
#eplogo span {
    margin-left: -3000px;
}

    /* Navigation */
    
#epnavi {
    position: absolute;
    top: 445px;
    left: 230px;
}
#epnavi ul {
    list-style-type: none;
    font-size: 0.75em;
}
#epnavi li {
    display: block;
    float: left;
    text-align:center;
    font-weight:600;
    width: 120px;
    height: 20px;
    margin: 0 8px 0 0;
}
#epnavi a {
    display: block;
    width: 100px;
    height: 20px;
    padding-top: 3px;
    border: 1px solid #4d4d4d;
}
#epnavi a:link {
    background:url(design/button_active.gif) left repeat-x; 
    text-decoration: none;
}
#epnavi a:visited {
    background:url(design/button_active.gif) left repeat-x; 
    text-decoration: none;
}
#epnavi a:hover {
    background:url(design/button_hover.gif) left repeat-x; 
    text-decoration: none;
}
#epnavi a:active {
    background:url(design/button_active.gif) left repeat-x; 
    text-decoration: none;
}

    /* Picture of the week */

#epstory {
    background:url(design/ep_pictureoftheweek.gif) 50% 3px no-repeat;
    position: absolute;
    height: 164px;
    width: 194px;
    top: 400px;
    left: 660px;
    padding: 30px 3px 5px 3px;
    font-size: 0.7em;
    border: 1px solid #bcc4cc;
}
#epstory span {
    margin-left: -3000px;
}

#epstory img {
    float:left;
    margin: 0 5px 5px 0;
}

    /* Artikelliste */
    
#picturebox {
    position: absolute;
    top: 482px;
    left: 160px;
    font-size: 0.65em;
}

#picturebox ul {
    list-style-type: none;
}

#picturebox li {
    border: 1px solid #bcc4cc;
    display: block;
    float:left;
    width: 112px;
    height: 112px;
    padding: 3px;
    margin-right: 5px;
}

    /* Suchen nach Bildern */
    
#epsearch {
    background-color: #bcc4cc;
    position: absolute;
    width: 724px;
    height: 40px;
    top: 610px;
    left: 150px;
    text-align: right;
}
#epsearch ul {
    list-style-type: none;
}
#epsearch li {
    display:inline;
}
#epsearch form {
    margin: 10px 10px 0 0;}
#epsearch label {
    font-size: 0.7em;
    font-weight: 600;
}
#epsearch input {
    background-color:#FFFFFF;
    border: 1px solid #000000;
    font-family:"Courier New", Courier, monospace;
    font-size: 0.8em;
    padding: 2px;
    color:#000000;
}
#epsearch input:hover {
    background-color: #ebf5ff;
}
#epsearch input:focus {
    background-color: #eff1f3;
}

#epsearch .searchbutton {
    background:url(design/searchbutton.gif) top no-repeat #bcc4cc;
    border: none;
    height: 20px;
    width: 17px;
}
#epsearch .searchbutton {
    cursor: pointer;
}

    /* Quicklinks */
    
#quicklinks {
    position: absolute;
    top: 625px;
    left: 160px;
    font-size: 0.75em;
}
#quicklinks ul {
    list-style-type: none;
}
#quicklinks li {
    display:inline;
}

    /* Fusszeile */
    
#footer {
    position:absolute;
    top: 655px;
    left: 150px;
    width: 724px;
    font-size: 0.85em;
    text-align: center;
}