/*
 Zentrale CSS fuer rafi.de
 seitenblick interaktive medien gmbh, stuttgart
 tel. +49 (711) 8599818-0, email info@seitenblick.de

 Browser PC tested & running:
  IE6, Firefox, Opera

 Browser MAC tested & running:
  IE, Firefox, Opera, Safari
*/

/* GLOBALE DEFINTIONEN */
html, body,
p, div,
h1, h2, h3, h4, h5, h6,
table, th, tr, td,
ul, ol, li,
form, input, textarea, select, option, button, label, fieldset, legend {
  font-family: arial, helvetica, sans-serif;
  font-size: 1em;
  color: #000;
  text-decoration: none;
  padding: 0;
  margin: 0;
}

html, body {
  font-size: 100%;
}

body {
  background: url(/fileadmin/i/bg_col_left.gif) repeat-y;
}

h1 {
  color: #002F3A;
  font-size: 1.1em;
  font-weight: normal;
  margin: 0 0 14px 0;
}

h2 {
  color: #002F3A;
  font-size: 0.8em;
  margin: 0 0 5px 0;
}

p {
  font-size: 0.75em;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

ul {
  list-style-type: none;
}

img {
	border: 0;
}

form {
  margin: 0;
  padding: 0;
}

form fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

form legend {
  display: none;
  visibility: hidden;
}

form label {
  cursor: pointer;
}


/*
  MAIN: UMGEBENDE STRUKTURTABELLE
*/
#main {
  width: 100%;
}

#main td {
  vertical-align: top;
}

#main td.col-left {
  border-right: 1px solid #002F3A;
  width: 274px;
}

#main td.col-left img {
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
}

#main td.col-right {
  background: #FFF;
  color: #000;
  width: 100%;
}


/* FOOTER */
#footer {
  background: url(/fileadmin/i/dotted_h.gif) repeat-x;
  padding: 7px 0px;
}

#footer a {
  color: #0C3943;
  font-size: 0.8em;
  padding: 0 16px;
}

#footer a:hover {
 text-decoration: underline;
}

/*
 right: rechte Strukturtabelle für Homepage (2spaltig)
*/

#right {
 width: 100%;
}

#right div.logo {
 float: right;
 text-align: right;
}

/* navi sprache */
#right td.head {
 height: 100px;
 padding: 18px 0 0 23px;
}

* html #right td.head {
  height: 85px;
}

#right div.menu-lang {
  xfloat: left;
  position: absolute;
}

#right div.menu-lang a {
 font-size: 0.8em;
 color: #002F3A;
 padding: 0 16px 0 0;
}

#right div.menu-lang a:hover {
 text-decoration: underline;
}

/* Navigation links */
#menu-left {
 margin: 0;
}

#menu-left a {
 color: #fff;
 font-weight: bold;
 font-size: 0.8em;
 display: block;
 border-top: 1px solid #fff;
 padding: 6px 0 21px 12px;
 margin: 0;
}

#menu-left a:hover {
	background: #fff;
	color: #002F3A;
}


/* Navigation oben */
td.menu-top {
 background: url(/fileadmin/i/double_dotted_h.gif) repeat-x;
 height: 39px;
}

td.menu-top ul {
 margin: 3px 0 3px 2px;
 background: #E6ECEE;
 height: 33px;
}

td.menu-top li {
 float: left;
 text-align: center;
 background: url(/fileadmin/i/dotted_v.gif) repeat-y;
 height: 33px;
}

td.menu-top li.act a {
 background: #002F3A;
 color: #fff;
 font-weight: bold;
 font-size: 0.8em;
 display: block;
 padding: 9px 10px 8px 10px;
}

td.menu-top a {
 color: #0C3943;
 font-weight: bold;
 font-size: 0.8em;
 display: block;
 padding: 9px 10px 8px 10px;
 margin: 0 0 0 5px;
}

td.menu-top a:hover {
 background: #002F3A;
 color: #fff;
}

td.menu-top a.first {
 margin: 0;
}

form.search {
 height: 33px;
 margin: 0 5px 0 15px;
}

form.search input.txt {
 margin-top: 7px;
 font-size: 0.75em;
 width: 116px;
}

form.search input.img {
 margin: 7px 12px 0 0;
}

td.menu-top div.bg {
 margin: 3px 2px 3px 0;
 background: #E6ECEE;
 height: 33px;
 text-align: right;
}

td.menu-top div.bg-spacer {
 margin: 3px 0 3px 0;
 background: #E6ECEE;
 height: 33px;
}



/* Startseite zweispaltig*/


#teaser {
  padding: 35px 20px 0 0;
  width: 45%;
}

/* Startseite Spalte re*/

#news {
 padding: 35px 0 15px 40px;
}

#news h1 {
 background: none;
 color: #002F3A;
 font-weight: bold;
 font-size: 0.8em;
 margin: 0 0 10px 0;
}

#news h2 {
 background: url(/fileadmin/i/list-box-news.gif) no-repeat 0 3px;
 font-size: 0.8em;
 padding-left: 15px;
 line-height: 1.5;
}

#news p.news-text{
 color: #30575C;
 margin-bottom: 29px;
 padding-left: 15px;
}

#news p.date {
 color: #30575C;
 font-size: 0.7em;
 margin-bottom: 6px;
 padding-left: 15px;
}

#news p a {
 color: #30575C;
}

#news a:hover {
 text-decoration: underline;
}

#news h2 a {
 color: #002F3A;
}

#menu-sub {
  /*width: 30%;*/
  width: 201px;
  padding: 16px 0 0 0;
}

#menu-sub ul {
  margin-bottom: 40px;
}

#menu-sub ul ul {
  margin: 0;
}

#menu-sub ul li {
 font-size: 0.75em;
 color: #002F3A;
}

#menu-sub li li {
 font-size: 1em;
}

#menu-sub ul li {
 padding: 6px 0 6px 17px;
}

#menu-sub ul li.spacer {
	padding: 0;
	margin: 0;
	height: 3px;
	line-height: 0;
	font-size: 1px;
	overflow: hidden;
	background: url(/fileadmin/i/dotted_h.gif) repeat-x 0 1px;
}

#menu-sub ul li.act {
 background: url(/fileadmin/i/nav_content_a.jpg) repeat-y;
}

#menu-sub ul a {
 color: #002F3A;
 xdisplay: block;
 xwidth: 120px;
}

#menu-sub ul a:hover {
 text-decoration: underline;
}

#menu-sub ul li.act {
 font-weight: bold;
}

#menu-sub ul li ul {
 margin-top: 7px;
 font-weight: normal;
}

#menu-sub ul li li {
  background: url(/fileadmin/i/nav_listarrow.gif) no-repeat 6px 3px;
  padding: 0 0 7px 0;
}

#menu-sub ul li ul li.act {
	background: url(/fileadmin/i/nav_listarrow_act.gif) no-repeat 6px 3px;
}

#menu-sub ul li li li{
  background: url(/fileadmin/i/nav_listarrow_ebene3.gif) no-repeat 21px 4px;
  padding: 0 0 7px 10px;
}

#menu-sub ul li li li.act{
  background: url(/fileadmin/i/nav_listarrow_ebene3_act.gif) no-repeat 21px 4px;
}

/*
 * nur IE - Start --------------------------------------------------------------
 */
* html #menu-sub ul li li {
  background: url(/fileadmin/i/nav_listarrow.gif) no-repeat 6px 6px;
}

* html #menu-sub ul li ul li.act {
	background: url(/fileadmin/i/nav_listarrow_act.gif) no-repeat 6px 6px;
}

* html #menu-sub ul li li li{
  background: url(/fileadmin/i/nav_listarrow_ebene3.gif) no-repeat 21px 7px;
}

* html #menu-sub ul li li li.act{
  background: url(/fileadmin/i/nav_listarrow_ebene3_act.gif) no-repeat 21px 7px;
}
/*
 * nur IE - Ende ---------------------------------------------------------------
 */

#menu-sub ul li ul li a {
 padding: 0 0 0 22px;
 display: block;
}

#menu-sub ul li ul li a:hover {
 text-decoration: underline;
}

#menu-sub ul li ul li div {
 padding: 0 0 0 22px;
 font-weight: bold;
 color: #002F3A;
}

#content {
  /*width: 70%;*/
	padding: 16px 24px;
}

#content p{
 color: #002F3A;
 margin: 0 0 14px 0;
}

#content a {
 color: #002F3A;
}

#content p a {
 text-decoration: underline;
 color: #002F3A;
}


#content a:hover {
	text-decoration: underline;
}

#content a:visited {
	color: #679294;
}

#content img {
	margin-bottom: 5px;
}

#content ul {
 list-style-type: square;
 padding-left: 15px;
 margin-bottom: 20px;
}

#content li {
 font-size: 0.75em;
 color: #002F3A;
}

#content div.list {
 margin-top: 35px;
}

#content div.list div.item {
  margin: 0 0 26px 0;
}

#content div.list div.item2col {
 float: left;
 width:  50%;
 height: 150px;
 margin: 0 0 26px 0;
}

#content div.list div.item2col-even {
 float: left;
 width:  50%;
 height: 150px;
 margin: 0 0 26px 0;
}

#content div.list h1 {
 margin: 0 0 5px 0;
 padding: 0;
}

#content div.list p {
 padding: 0 10px 0 15px;
 margin: 0 0 5px 0;
}

#content div.list p.link {
 margin: 0 0 10px 0;
}

#content div.list a {
 background: url(/fileadmin/i/listarrow.gif) no-repeat 0 4px;
 text-decoration: none;
 padding: 0 0 0 14px;
 color: #002F3A;
}

#content div.list a:hover {
	text-decoration: underline;
}

#content div.list h1 a {
 background: url(/fileadmin/i/list-box.gif) no-repeat 0 3px;
 font-size: 1em;
 color: #002F3A;
 margin: 0;
 padding: 0 0 0 15px;
 text-indent: -1px;
 display: block;
}

#content div.download {
 margin: 0 0 10px 0;
}

#content p.dl-img {
 float: left;
 margin: 0 20px 0 0;
}

#content p.dl-link {
 margin: 0 0 20px 0;
}

#content p.dl-link  a{
 background: url(/fileadmin/i/icon_download.gif) no-repeat;
 padding: 3px 0 0 20px;
 font-weight: normal;
}

#content p.dl-link  a.pdf{
 background: url(t3lib/gfx/fileicons/pdf.gif) no-repeat;
 padding: 3px 0 0 20px;
 font-weight: normal;
}

#content p.dl-link  a.gif{
 background: url(t3lib/gfx/fileicons/gif.gif) no-repeat;
 padding: 3px 0 0 20px;
 font-weight: normal;
}

div.teaser-home {
 padding: 0 0 0 17px;
 height: 1%;
}

div.teaser-home img {
 float: right;
}

div.teaser-home-divider {
 clear:both;
 background: url(/fileadmin/i/dotted_h.gif) repeat-x;
 height: 1px;
}

div.teaser-home h1 {
 padding: 30px 0 0 0;
 color: #002F3A;
 font-weight: normal;
 font-size: 1.05em;
}

div.teaser-home p {
 color: #30575C;
}

/* SITEMAP */
#content ul.sitemap {
 list-style: none;
}

#content ul.sitemap li {
  list-style: none;
  font-size: 1.1em;
  line-height: 1.6;
}

#content ul.sitemap ul {
 margin: 0 0 5px 0;
 /*padding: 0 0 0 30px;*/
}

#content ul.sitemap li li {
  font-size: 0.8em;
  font-weight: bold;
  line-height: 1.6;
}

#content ul.sitemap li li li {
  list-style: url(/fileadmin/i/listarrow-sitemap.gif);
  font-size: 0.8em;
  font-weight: normal;
  line-height: 1.4;
}

#content ul.sitemap li a {
 color: #002F3A;
}

#content ul.sitemap a:hover {
 text-decoration: undeline;
}

/* Kontaktformular */
form.mailform{
 font-size: 0.8em;
 width: 420px;
}

form.mailform label{
 color: #002F3A;
 width: 150px;
 float: left;
 margin: 13px 0 0 0;
}

form.mailform label.zip{
 width: 40px;
}

form.mailform label.city{
 width: 110px;
}

form.mailform input{
 color: #002F3A;
 float: left;
 margin: 10px 0 0 0;
 padding: 1px 2px 1px 2px;
}

form.mailform input.textfield{
 width: 250px;
}

form.mailform input.zip{
 width: 50px;
 margin: 10px 2px 0 0;
}

form.mailform input.city{
 width: 190px;
}

form.mailform select{
 color: #002F3A;
 margin: 10px 0 0 0;
 width: 258px;
 float: left;
}

form.mailform option{
 color: #002F3A;
}

form.mailform textarea{
 color: #002F3A;
 width: 255px;
 float: left;
 margin: 10px 0 0 0;
 padding: 1px 2px 1px 2px;
}

form.mailform br{
 clear: both;
}

form.mailform button {
 font-size: 1.0em;
 margin: 0 0 0 15px;
}

div.ctrl {
 text-align: right;
 padding: 20px 8px 20px 0;
}


/* Newsletterformular */
form.loginform{
 font-size: 0.8em;
}

form.loginform label{
 color: #002F3A;
 width: 150px;
 float: left;
 margin: 13px 0 0 0;
}

form.loginform input{
 color: #002F3A;
 float: left;
 margin: 10px 0 0 0;
 padding: 1px 2px 1px 2px;
}

form.loginform input.textfield{
 width: 250px;
}

form.loginform br{
 clear: both;
}

form.loginform button {
 font-size: 1.0em;
 margin: 0 15px 0 0;
}

div.ctrllogin {
 padding: 20px 30px 20px 150px;
}

div.ctrlchange {
  padding: 20px 30px 20px 10px;
}

form.loginform a{
 color: #002F3A;
}

form.loginform a:hover{
 text-decoration: underline;
}

form.nlform{
 font-size: 0.8em;
}

form.nlform label{
 color: #002F3A;
 width: 150px;
 float: left;
 margin: 13px 0 0 0;
}

form.nlform label.type-text,
form.nlform label.type-html{
 width: 40px;
 margin: 13px 20px 0 0;
}

form.nlform input{
 color: #002F3A;
 float: left;
 margin: 10px 0 0 0;
 padding: 1px 2px 1px 2px;
}

form.nlform input.textfield{
 width: 250px;
}

form.nlform input.rb{
 width: 15px;
 margin: 11px 3px 0 0;
}

/* nur Opera & FF */
form.nlform input[type=radio].rb {
 margin: 15px 3px 0 0;
}

form.nlform br{
 clear: both;
}

form.nlform button {
 font-size: 1.0em;
 margin: 0 15px 0 0;
}

div.nlform {
 padding: 20px 30px 20px 150px;
}

form.nlform a{
 color: #002F3A;
}

form.nlform a:hover{
 text-decoration: underline;
}


/* Bestellformular */
form.orderform{
 font-size: 0.8em;
 width: 420px;
}

form.orderform label{
 color: #002F3A;
 width: 150px;
 float: left;
 margin: 13px 0 0 0;
}

form.orderform label.zip{
 width: 40px;
}

form.orderform label.city{
 width: 110px;
}

form.orderform label.cat{
 width: 300px;
 margin: 12px 0 0 0;
}

form.orderform input{
 color: #002F3A;
 float: left;
 margin: 10px 0 0 0;
 padding: 1px 2px 1px 2px;
}

form.orderform input.textfield{
 width: 250px;
}

form.orderform input.zip{
 width: 50px;
 margin: 10px 2px 0 0;
}

form.orderform input.city{
 width: 190px;
}

form.orderform input.cb{
 width: 15px;
 margin: 10px 10px 0 0;
}

form.orderform input[type=checkbox].cb {
 margin: 14px 10px 0 0;
}

form.orderform select{
 color: #002F3A;
 margin: 10px 0 0 0;
 width: 258px;
 float: left;
}

form.orderform option{
 color: #002F3A;
}

form.orderform textarea{
 color: #002F3A;
 width: 255px;
 float: left;
 margin: 10px 0 0 0;
 padding: 1px 2px 1px 2px;
}

form.orderform br{
 clear: both;
}

form.orderform button {
 font-size: 1.0em;
 margin: 0 0 0 15px;
}

/* breadcrumb*/
div.bc {
	margin: 6px 0 18px 0;
	color: #40636B;
  font-size: 0.75em;
}

div.bc a {
 color: #40636B;
}

div.bc a:hover {
 text-decoration: underline;
}

.captchaimg {
 margin: 10px 0 0 0;
 padding: 3px 2px 0 2px;
 float: left;
 width: 50px;
}

br.cl{
 clear: both;
}


#content p.csc-caption{
  font-size: 0.625em;
}

.csi-above {
  padding-bottom: 50px;
}

#content h2 {
 border-top: 1px solid #D4D0C8;
 padding: 20px 0 0 0;
}

.csi-text li a {
  text-decoration: underline;
}

#content .contenttable {
  border: 0;
  border-collapse:collapse;
  margin: 0 0 20px 0;
  padding: 0;
  width: 100%;
}

#content .contenttable td {
  border: 1px solid #002F39;
}

#content .contenttable thead td {
  background: #E6ECEE;
}

#content .contenttable td p {
  margin: 0;
  padding: 3px 6px;
}

.news-text img {
float:left;
margin: 0 10px 10px 0;
}

/* START iVeins f.schierreich@iveins.de 08/03/08*/
dd.csc-textpic-caption {
	color: #30575c;
	font-size: 0.6em;
}
/*END iVeins f.schierreich@iveins.de 08/03/08*/