/*

PHARMATECHNIK - DACHSEITE
Version: 1.0
Autor: Ingo Donat 
Mail:  office@donatwebdesign.de
Web:   http://www.donatwebdesign.de

Datei: main.css
Media: screen, projection 

Datum: 14.08.2009
Letzte Aenderung am 14.08.2009

--------------------------------------------

WICHTIGE FARBEN
Dunkelblau: #004481 (Headlines, Links)
Hellblau: #4E7EA4 (Flächen)
Hellblau 2: #2DB3E8 (2-zeilige Headlines unten)
Hellgrau: #F3F3F3
Text: #333

-------------------------------------------- */

@import url("content.css");
@import url("gewinnspiel.css");

*{ padding: 0; margin: 0; border: 0; }

html {
 background: #FFF;
 font-size: 75%;
 height: 100%;
 padding: 0 0 1px 0;
 color: #333;
}

body {
 font: 1em/1.5em Arial, Helvetica, Geneva, sans-serif;
}

.clear { clear: both; }

#wrap-content { 
 margin: 0 auto;
 width: 960px;
 background-color: transparent;
}

#leftcolumn { 
 margin: 0px 35px 0 0;
 padding: 0;
 height: 350px;
 width: 190px;
 float: left;
}

#startseite #content { 
 float: left;
 width: 620px;
 margin: 0;
 padding: 0;
}

#content { 
 float: left;
 width: 520px;
 margin: -17px 0 0 0;
 padding: 0;
}

#rightcolumn { 
 float: right;
 display: inline;
 width: 180px;
 margin: -3px 0 0 0;
 padding: 0;
}

/* @group navigation allg. */

a:link { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
a:focus { outline: none; }

img a { border:none; }

/* @end */

/* @group header */

#wrap-header {
 width: 100%;
 height: 120px;
 padding: 0;
 margin: 0;
 color: #333;
 background: #fff url(../images/bg-header.gif) repeat-x;
}

#header { 
 margin: 0 auto;
 width: 960px;
 height: 120px;
}

/* @group header-left */

#header-left { 
 float: left;
 width: 320px;
}

#header img {
 display: block;
 float: left;
 margin: 38px 0 0 0;
}

/* @end */

/* @group header right */

#header-right { 
 float: right;
 width: 600px;
 font-size: .9em;
}

#header-right img {
 display: block;
 float: right;
 margin: 16px 0 0 0;
}

#header-right ul { 
 float: right;
 margin: 47px 0 0 0;
}

#header-right ul li {
 display: block;
 float: left;
 list-style-type: none;
}

#header-right ul li ul {
 float: left;
 margin: 0 0 0 30px;
 padding: 0 0 0 8px;
 border-left: 1px solid #CCC;
}

* html #header-right ul li ul {
 margin: 0 0 0 14px;
}


#header-right ul li ul li {
 float: none;
}

/* @end */

/* @end */

/* @group navigation-top */

#wrap-navigation-top {
 width: 100%;
 margin: 0;
 padding: 0;
 background-color: #F3F3F3;
 border-top: 1px solid #004481;
 border-bottom: 1px solid #004481;
}

#navigation-top {
 margin: 0 auto;
 width: 960px;
 height: 30px;
}

#nav-top-left {
 float: left;
 font-size: 1.2em;
}

#nav-top-right {
 float: right;
 font-size: .9em;
}
	
#nav-top-left ul, #nav-top-right ul {
 list-style:none;
 line-height:1;
 padding: 0;
}

#nav-top-left a, #nav-top-right a {
 display: block;
 text-decoration: none;
 border: 1px solid #F3F3F3;
}

#nav-top-left a:hover, #nav-top-left a:hover {
 display: block;
 text-decoration: none;
 border: 1px solid #FFF;
}

li#start {
 float: left;
 list-style: none;
 border-left: 1px solid #004481;
}

#nav-top-left li, #nav-top-right li {
 float: left;
 border-right: 1px solid #004481;
}

#nav-top-left a, #nav-top-left a:visited {
 display: block;
 font-weight: bold;
 color: #333;
 padding: 7px 12px;
}

#nav-top-right a, #nav-top-right a:visited {
 display: block;
 font-weight: bold;
 color: #333;
 padding: 9px 12px 8px 12px;
}

#nav-top-left a:hover, #nav-top-right a:hover {
 color: #FFF;
 background: #4E7EA4;
 text-decoration: none;
}	

.current {
 color: #FFF !important;
 background: #4E7EA4; }

/* @end */

/* @group breadcrumb-print-rss */

#wrap-breadcrumb-print-rss {
 margin: 22px auto 10px auto;
 width: 960px;
 min-height: 12px;
}

/* @group breadcrumb */

#breadcrumb {
 float: left;
 width: 700px;
 color: #999;
}

#breadcrumb p {
 font-size: .9em;
 color: #999;
}

#breadcrumb a {
 color: #999;
}

#breadcrumb a:hover {
 color: #999;
 text-decoration: underline;
}

#breadcrumb-current {
 color: #999;
 font-weight: bold;
}

/* @end */

/* @group print-rss */

#print-rss {
 float: right;
}

#print-rss img {
 float: left;
 margin: 0 4px 0 0;
}

* html #print-rss img {
 float: left;
 margin: 2px 4px 0 0;
}

#print-rss p {
 float: left;
}

/* @end */

/* @end */

/* @group footer */

#logo-footer { 
 margin: 50px auto 0 auto;
 width: 960px;
 text-align: right;
}

#wrap-footer { 
 width: 100%;
 height: 30px;
 margin: 10px 0 0 0;
 padding: 0;
 background: #F3F3F3;
 border-bottom: 30px solid #FFF;
}

#footer { 
 margin: 0 auto;
 width: 960px;
 padding: 7px 0 0 0;
 background-color: transparent;
}

#footer p { 

}

/* @end */