@charset "iso-8859-1";

/***********************************************************************************
* content.css		2013-08-01
 **********************************************************************************/

/***********************************************************************************
* Colors          (x = repeat colors)
************************************************************************************
rgb(255,255,255)   x   white             body - background
rgb(128,128,128)   x   gray              body - color
rgb(128,128,128)       gray              h1 - color
rgb(246,250,240)       beige sehr hell   Box - background
rgb(208,207,181)       kieselgrau        Box - border top/bottom
rgb(65,65,65)      x   grau              Main - color
rgb(240,240,227)   x   beige hell        SideMenu - background
rgb(156,43,60)     x   rot               SideMenu - color
rgb(128,128,128)       gray              SideMenu - color focus/hover
rgb(208,207,181)   x   kieselgrau        SideTopHeader - background
rgb(156,43,60)         rot               SideTopHeader - color
rgb(240,240,227)       beige hell        SideTop - background
rgb(208,207,181)   x   rot hell          SideCenterHeader - background
rgb(156,43,60)         beige hell        SideCenterHeader - color
rgb(240,240,227)       beige hell        SideCenter - background
rgb(156,43,60)         beige dunkel      SideBottomHeader - background
rgb(156,43,60)     x   rot               SideBottomHeader - color
rgb(240,240,227)       beige hell        SideBottom - background
***********************************************************************************/

/***********************************************************************************
* Fonts
************************************************************************************
1) Verdana, Arial, Helvetica, Sans-Serif;          body
2) Trebuchet MS, Verdana, Arial, Helvetica, S-S;   h1, SideMenue, SideTop, Center,
                                                   BottomHeader
***********************************************************************************/

/***********************************************************************************
* Basic
***********************************************************************************/
body {
	padding: 0;
	margin: 0 auto;
	background-color: white;

	color: gray;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	line-height: 160%;
}

h1 {
	color: gray;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 30px;
	line-height: 120%;
	padding-top: 10px;
}

a {
	text-decoration: none;
	outline: none;
}

/***********************************************************************************
* Main
***********************************************************************************/
#Main {
	width: 600px;
	height: 100%;
	padding: 5px 30px;

	color: rgb(65,65,65);
}

#Main p {
	padding-right: 30px;
}

#Box {
	width: 500px;
	padding: 15px 0 15px 45px;
	margin: 25px 0 25px 0;
	border-top: 2px solid rgb(208,207,181);
	border-bottom: 2px solid rgb(208,207,181);
	background-color: rgb(246,250,240);

	color: rgb(156,43,60);
	font-size: 12px;
	font-weight: bold;
	line-height: 200%;
}

#Box li {
	color: rgb(156,43,60);
	font-weight: bold;
	text-decoration: none;
	outline: none;
	list-style-type: square;
}

#Box li a:link,
#Box li a:visited {
	color: rgb(156,43,60);
	font-weight: bold;
	text-decoration: none;
	outline: none;
}

#Box li a:focus,
#Box li a:hover,
#Box li a:active {
	color: gray;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}

.BoxText {
	color: gray;
}

#BoxImage {
	float: right;
	position: relative;
}

/***********************************************************************************
* Side
***********************************************************************************/
#Side {
	width: 280px;
	top: 0;
	left: 660px;
	padding: 10px;
	margin-top: 20px;

	position: absolute;
}

/***********************************************************************************
* Side-Menu
***********************************************************************************/
#SideMenuHeader {
	height: 20px;
	padding: 10px 25px;
	margin-top: 18px;
	border-radius: 10px 10px 0 0;
	background-color: rgb(208,207,181);

	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 18px;
	font-weight: bold;
	color: rgb(156,43,60);
}

#SideMenu {
	width: 250px;
	padding: 10px 15px 30px 15px;
	margin: 0;
	border-radius: 0 0 10px 10px;
	background-color: rgb(240,240,227);

	color: rgb(246,245,204);
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
}

.SideMenuItem {
	padding-left: 10px;
	border-bottom: 1px dashed lightgray;

	color: rgb(156,43,60);
	font-weight: bold;
	text-decoration: none;
	outline: none;

	list-style-type: none;
}

.SideMenuItem a:link,
.SideMenuItem a:visited {
	color: gray;
	font-weight: bold;

	text-decoration: none;
	outline: none;
}

.SideMenuItem a:focus,
.SideMenuItem a:hover,
.SideMenuItem a:active {
	color: rgb(156,43,60);
	font-weight: bold;

	text-decoration: none;
	outline: none;
}

.selected a,
.selected a:link,
.selected a:visited,
.selected a:focus,
.selected a:hover,
.selected a:active {
	color: rgb(156,43,60);

	text-decoration: none;
	outline: none;
}

/***********************************************************************************
* Side-Box
***********************************************************************************/
.SideBoxHeaderPebble {
	height: 20px;
	padding: 10px 20px;
	margin-top: 18px;
	border-radius: 10px 10px 0 0;
	background-color: rgb(208,207,181);
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 18px;
	font-weight: bold;
	color: rgb(156,43,60);
}

.SideBoxHeaderRed {
	height: 20px;
	padding: 10px 20px;
	margin-top: 18px;
	border-radius: 10px 10px 0 0;
	background-color: rgb(156,43,60);

	color: rgb(246,245,204);
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 18px;
	font-weight: bold;
}

.SideBox {
	height: 100%;
	padding: 5px 10px 10px 20px;
	margin: 0;
	border-radius: 0 0 10px 10px;
	background-color: rgb(240,240,227);
}

.SideBoxList {
	padding-left: 15px;
}

.SideBoxImage {
	width: 20%;
	float: right;
	position: relative;
}

.SideBoxImageWebdesign {
	width: 87%;
	left: 5px;
	top: 10px;
	border: 2px solid rgb(156,43,60);
	position: relative;
	box-shadow: 2px 2px 2px 2px gray;
	-moz-box-shadow: 2px 2px 2px 2px gray;
	-webkit-box-shadow: 2px 2px 2px 2px gray;
}

/***********************************************************************************
 * Contact
 **********************************************************************************/
.ContactTable {
	width: 400px;
	top: 120px;
	left: 10px;
	position: absolute;
}

.ContactTable a:link,
.ContactTable a:visited {
	color: rgb(204,158,32);
	font-weight: bold;
	text-decoration: none;
	outline: none;
}

.ContactTable a:focus,
.ContactTable a:hover,
.ContactTable a:active {
	color: rgb(204,158,32);
	font-weight: normal;
	text-decoration: none;
}

.tdRight {
	padding: 5px;
	text-align: right;
	vertical-align: top;
	line-height: 16px;
}

.tdLeft {
	padding: 5px;
	text-align: left;
	line-height: 16px;
}

.ContactForm {
	width: 510px;
	height: 560px;
	left: 370px;
	position: absolute;
	border-radius: 10px;
	background-color: rgb(240,240,227)
}

.ContactButton {
	width: 120px;
	height: 35px;
	border-radius: 10px;
	background-color: rgb(156,43,60);
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	color: rgb(246,245,204);
	text-decoration: none;
	outline: none;
	float: left;
	box-shadow: 2px 2px 2px 2px gray;
	-moz-box-shadow: 2px 2px 2px 2px gray;
	-webkit-box-shadow: 2px 2px 2px 2px gray;
}

.ContactButton a:link,
.ContactButton a:visited {
	color: rgb(246,245,204);
}

.ContactButton a:focus,
.ContactButton a:hover,
.ContactButton a:active {
	color: rgb(253,171,161);
}

.ContactImage {
	width: 45px;
	padding-left: 10px;
}

/******************************************************************************
 * Partners
 ******************************************************************************/
.PartnersTable {
	width: 100%;
}

.PartnersTable tr {
	height: 40px;
	text-align: center;
}

.PartnersTable td {
	width: 140px;
	vertical-align: middle;
}

/***********************************************************************************
 * References Table
 **********************************************************************************/
.ReferencesTable {
	width: 100%;
}

.ReferencesTable tr {
	text-align: center;
	line-height: 70px;
}

.ReferencesTable td {
	width: 160px;
}

/***********************************************************************************
 * Miscellaneous
 **********************************************************************************/
.MarkRed {
	color: rgb(156,43,60);
	font-weight: bold;
}

.Legend {
	position: relative;
	color: rgb(50%,50%,50%);
	font-size: 9px;
	font-weight: normal;
	line-height: 16px;
}

.Arrow {
	color: rgb(204,158,32);
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	text-align: left;
	text-decoration: none;
}

.NaviLink {
	top: 580px;

	left: 20px;
	position: absolute;
}

.NaviLink a:link,
.NaviLink a:visited {
	color: rgb(204,158,32);
	font-weight: bold;
	text-decoration: none;
	outline: none;
}

.NaviLink a:focus,
.NaviLink a:hover,
.NaviLink a:active {
	color: rgb(50%,50%,50%);
	font-weight: bold;
	text-decoration: none;
	outline: none;
}