/* CSS Document */

html {
	height:100%;
	scrolling:yes;
}

body {
	height:101%;
	margin:0;
	padding:0;
	text-align:left;
	background:#f5f5f6;
}

body, td {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #697176;
}

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

img {
	border:none;
}

a:hover img {
	filter:alpha(opacity=65);
	-moz-opacity:.65;
	opacity:.65;
}

p {
	margin:0;
	padding:0;
}

a {
	color:#697176;
	text-decoration:none;
}

a:hover {
	color:#99141b;
}

h1, h2, h3 {
	font-size:27px;
	color:#878787;
	font-weight:bold;
	/*font-style:italic;*/
	margin:0;
	padding:0;
}

h1 {
	font-size:27px;
	padding:0 0 15px 0;
}

h2 {
	color:#99141b;
	font-size:17px;
	font-style:normal;
	font-weight:bold;
	margin:0 0 7px 0;
}

h3 {
	font-size:13px;
}

#header {
	width:100%;
	height:126px;
	background:url(../img/bg_header.gif) left top repeat-x;
}

#header_logo {
	height:98px;
	width:450px;
	background:url(../img/logo.gif) 2px 10px no-repeat;
}

/* ############################################################################ navigation #############*/

#navi_main {
	width:100%;
	height:31px;
	background:#f5f5f6;
	border-bottom:1px solid #ededee;	
}

#navi_main ul {
	margin: 0 0 0 62px;
	width:850px;
}

#navi_main ul li {
	float:left;
}

#navi_main ul li a {
	display:block;
	font-size:15px;
	padding:7px 15px 8px 20px;
	border-bottom:1px solid #ffffff;
}

#navi_main ul li a.btn_01 {
	background:url(../img/bg_menue_01.gif) left top no-repeat;
}

#navi_main ul li a.btn_02 {
	background:url(../img/bg_menue_02.gif) left top no-repeat;
}

#navi_main ul li a.btn_03 {
	background:url(../img/bg_menue_03.gif) left top no-repeat;
}

#navi_main ul li a.btn_04 {
	background:url(../img/bg_menue_04.gif) left top no-repeat;
}

#navi_main ul li a.btn_05 {
	background:url(../img/bg_menue_05.gif) left top no-repeat;
}

#navi_main ul li a.btn_06 {
	background:url(../img/bg_menue_06.gif) left top no-repeat;
}

#navi_main ul li a.btn_07 {
	background:url(../img/bg_menue_07.gif) left top no-repeat;
}

#navi_main ul li a.btn_08 {
	background:url(../img/bg_menue_08.gif) left top no-repeat;
}

#navi_main ul li a:hover,
#navi_main ul li a.active {
	background:url(../img/bg_menue_00.gif) left top no-repeat;
	/*border-bottom:1px solid #697176;*/
}

/* ########################################################################### /navigation #############*/

/*#content {
	min-height:100%;
}*/

#content_left {
	clear:both;
	float:left;
	/*width:736px;*/
	width:756px;	/* +20px margin von ref_boxen */
	margin:0 0 0 62px;
	padding:45px 0 0 0;
	/*border:1px solid red;*/
}

/*banner*/
#content_right {
	/*float:left;*/
	float:right;
	width:260px;
}

/* ############################################################################ neue medien #############*/
/* ############################################################################ graphik layout ###########*/

.ref_neue_medien {
	float:left;
	margin:0 20px 20px 0;
	width:232px;
}

.ref_neue_medien img {
	padding:3px;
	border:1px solid #878787;
	margin:0 0 10px 0;
}


.ref_neue_medien p {
	margin:0;
	padding:15px 0 0 0;
	text-align:right;
}

.ref_neue_medien p img {
	border:none;
}

/* ########################################################################### /neue medien #############*/
/* ########################################################################### /graphik layout ###########*/

/* ############################################################################ graphik layout ###########*/

.ref_photographie,
.ref_graphik_layout,
.ref_illustration,
.ref_photographie {
	float:left;
	margin:0 20px 20px 0;
	width:358px;
}

.ref_photographie img,
.ref_graphik_layout img,
.ref_illustration img,
.ref_photographie img {
	padding:3px;
	border:1px solid #878787;
	margin:0 0 10px 0;
}

.ref_photographie p,
.ref_graphik_layout p,
.ref_illustration p,
.ref_photographie p {
	margin:0;
	padding:15px 0 0 0;
	text-align:right;
}

.ref_photographie p img,
.ref_graphik_layout p img,
.ref_illustration p img,
.ref_photographie p img {
	border:none;
}

/* ########################################################################### /neue medien #############*/

/* ########################################################################### grossansicht #############*/

.ref_big {
	clear:both;
	float:left;
	margin:0 20px 20px 0;
	width:484px;
}

.ref_big img {
	padding:3px;
	border:1px solid #878787;
	margin:0 0 10px 0;
}

.ref_big_text {
	float:left;
	width:232px;
}

.ref_big_text p {
	margin:0;
	padding:15px 0 0 0;
	text-align:right;
}

/* ########################################################################## /grossansicht ############ */

span.red_dot {
	font-weight:bold;
	color:#99141b;
}


#content_left td#page {
	text-align:right;
	font-size:15px;
	font-weight:bold;
}

#footer {
	clear:both;
}

#footer #copyright {
	width:756px;
	padding:35px 0 20px 62px;
	font-size:10px;
}

#footer #words {
	background:#60676b;
	padding:35px 0 60px 62px;
	color:#646464;
}

#footer div p {
	color:#abafb2;
	width:756px;
}

/*#footer h2 {
	font-size:12px;
	display:inline;
	font-weight:normal;
	color:#abafb2;
}*/

/* ########################################################################### formular ############ */

.formularfeld {
	width:350px;
	border:1px solid #9a9a9a;
	margin:5px 0;
	background:#f5f5f6;
	border:1px solid #697176;
}

.formularfeld:focus {
	background:#ffffff;
}

.formularbutton {
	width:69px;
	height:29px;
	margin:5px 0 0 0;
	background-color:#b8b8b8;
	background:url(../img/btn_send.gif) left top no-repeat;
	border:none;
}

div.formularnachricht {
	margin:5px 0 15px 0;
	padding:10px 10px;
	background:#e5e6e7;
	color:#99141b;
}

/* ########################################################################## /formular ############ */