/* @override 
	http://localhost:8888/uebersetzungsbuero_rg/css/styles.css
*/

/*=Farben
p gray
a gray
Riach #34618f
Grunewald #8c933a


/* =Aktiver Link in Hellblau
-------------------------------------------------------------- */

#startseite_de #topnavstartseite_de a, #startseite_de #navstartseite_de a,
#startseite_en #topnavstartseite_en a, #startseite_en #navstartseite_en a,
#startseite_fr #topnavstartseite_fr a, #startseite_fr #navstartseite_fr a, 

#team_de #topnavstartseite_de a, #team_de #navteam_de a,
#team_en #topnavstartseite_en a, #team_en #navteam_en a,
#team_fr #topnavstartseite_fr a, #team_fr #navteam_fr a,

#leistungen_de #topnavstartseite_de a, #leistungen_de #navleistungen_de a, 
#leistungen_en #topnavstartseite_en a, #leistungen_en #navleistungen_en a,
#leistungen_fr #topnavstartseite_fr a, #leistungen_fr #navleistungen_fr a, 

#kontakt_de #topnavstartseite_de a, #kontakt_de #navkontakt_de a,
#kontakt_en #topnavstartseite_en a, #kontakt_en #navkontakt_en a,
#kontakt_fr #topnavstartseite_fr a, #kontakt_fr #navkontakt_fr a
{ color: gray; }


/* =Global Elements
-------------------------------------------------------------- */
html {
	margin-bottom:1px; overflow-y:scroll;
}

body {
	font-family: Arial, Helvetica Neue, Helvetica, Geneva, sans-serif;
	font-size: 14px;
	line-height: 18px;
	margin-top: 0 auto;
	margin: 0;
	background: #fff none 150px top;
}

a {
	color: gray;
	text-decoration: none
}
p a:hover
 {
	color: #555;
	text-decoration: none
}

a:visited {
	color: gray;
}

a:active,
a:hover {
	color: #94bcbd;
}

table, tr, td p {
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 18px;
}


/* = Typo
-------------------------------------------------------------- */


h1, h2, h3 {
	font-family: Droid Serif, "Times New Roman", Times, serif; 
	font-weight: normal;
	color: gray;
}


h1  {
	font-size: 28px;
	line-height: 34px;
	font-weight: normal;
	margin: 0 0 10px;
}

h2  {
	font-size: 20px;
	line-height: 24px;
	margin: 15px 0 5px;
}

h3  {
	color: #829ac5;
	font-style: normal;
	font-size: 12px;
	line-height: 18px;
	font-family: Arial, Verdana, Helvetica, sans-serif, Geneva, Swiss, SunSans-Regular
}

p   {
	color: gray;
	font-style: normal;
	font-size: 14px;
	line-height: 20px;
	padding: 0;
	margin: 5px 0 10px;
}

hr {
	border: 1px solid #e5deb4;
	margin: 20px 0;
}

.kasten {
	margin: 0;
	padding: 10px;
	background-color: #eef0f0;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

/* = Typo Logo Titel 
-------------------------------------------------------------- */

.titel {
	fontzize: 36px;
	color: gray;
	margin-top: 51px;
	font: 36px Droid Serif, "Times New Roman", Times, serif;
}

.claim {
	color: gray;
	margin-top: 5px;
	font: 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
}

.riach,
a.riach {
	color: #34618f;
}

a.riach:hover {
	color: gray;
}

.grunewald,
a.grunewald  {
	color: #8c933a;
}

a.grunewald:hover {
	color: gray;
}

#content ul {
	list-style-image: url(../images/rg-punkt.gif);
	margin-top: 10px;
	margin-bottom: 5px;
	color: gray;
	list-style-position: outside;
	margin-left: -18px;
}

#content ul li {
	color: gray;
	line-height: 20px;
	font-size: 15px;
	font-weight: bold;
}


/* =Structure
-------------------------------------------------------------- */

#kreis_bg {
	width: 1180px;
	height: 590px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -479px;
	background-image: url(../images/kreis_bg.png);
}

#bandweissoben {
	width: 100%;
	height: 140px;
	background-color: #fff;
	position: absolute;
	top: 0;
}

#bandblau {
	width: 100%;
	height: 220px;
	background-color: #cdd9e3;
	top: 140px;
	position: absolute;
}

#bandgruen {
	width: 100%;
	height: 220px;
	background-color: #d7dabe;
	top: 370px;
	position: absolute;
}

#overall { 
	width: 960px;
	padding: 0px;
	position: absolute;
	left: 50%;
	margin-left:-480px;
}


/* =Structure Links
-------------------------------------------------------------- */

#left {
	width: 220px;
	min-height: 650px;
	margin: 0;
	padding: 0;
	float: left;
}

#left_top {
	width: 220px;
	height: 125px;
	margin: 0;
}

.logo {
	float: right;
	margin-top: 13px;
}

/* =Structure Mitte
-------------------------------------------------------------- */

#content {
	width: 720px;
	margin: 0 0 0 20px;
	padding: 0;
	float: left;
	background-color: white;
}

#content_top {
	width: 720px;
	height: 140px;
	float: left;
}

#contentbox_links {
	width: 350px;
	float: left;
	margin-right: 20px;
	padding-bottom: 10px;
}

#contentbox_rechts {
	width: 350px;
	float: left;
	margin: 0;
	padding-bottom: 10px;
}

#contentbox_beide {
	width: 545px;
	float: left;
	clear: both;
	margin-bottom: 40px;
}

.img_left{
	padding-right: 20px;
	float: left;
	clear: both;
}

.img_right{
	padding-left: 20px;
	float: right;
	clear: both;
}


/* = typo topmenu
-------------------------------------------------------------- */

.topmenu {
	width: 220px;
}

.topmenu ul {
	list-style: none;
	padding: 0;
}

.topmenu ul li#topnavstartseite_de,
.topmenu ul li#topnavstartseite_en  {
	font-size: 15px;
	float: right;
	border-right: 1px solid gray;
	padding: 14px 5px 0;
	margin-top: -15px;
	height: 15px;
}

.topmenu ul li {
	font-size: 15px;
	float: right;
	border-right: 0px solid gray;
	padding: 14px 0 0 5px;
	margin-top: -15px;
	height: 15px;
}
	
	
.topmenu ul li a {
	color: silver;
	text-decoration: none;
	font-family: Droid Serif, "Times New Roman", Times, serif;
}

.topmenu a:hover,
.topmenu a:active { color: gray; }



/* = mainmenu
-------------------------------------------------------------- */

.mainmenu {
	width: 220px;
	line-height: 24px;
	text-align: right;
	margin: 0;
	padding: 0;
}

.mainmenu ul {
	list-style: none;
	margin: 0; 
	padding: 0;
}

.mainmenu ul li a  {
	color: silver;
	text-decoration: none;
	font: normal 16px/20px Droid Serif, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
}

.mainmenu a:hover,
.mainmenu a:active { color: gray; }