/*
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-image:url(../i/bg_col_left.gif);
background-repeat: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(../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: 80px;
padding: 18px 0 0 23px;
}

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

#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(../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(../i/dotted_v.gif) repeat-y;
height: 33px;
}

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

td.menu-top a {
color: #0C3943;
font-weight: bold;
font-size: 0.75em;
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(../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(../i/dotted_h.gif) repeat-x 0 1px;
}

#menu-sub ul li.act {
background: url(../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(../i/nav_listarrow.gif) no-repeat 6px 3px;
padding: 0 0 7px 0;
}

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

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

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

/*START f.schierreich@iveins.de 27/02/2008*/
#menu-sub ul li li li li{
background: url(../i/nav_content_a.gif) no-repeat;
padding: 0 0 0 4px;
}

#menu-sub ul li li li li.act{
	background: url(../i/nav_content_a.gif) no-repeat;
	font-weight: bold;
}
/*END f.schierreich@iveins.de 27/02/2008*/

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

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

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

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

/*START f.schierreich@iveins.de 04/03/2008*/
* html #menu-sub ul li li li li{
background: url(../i/nav_content_a.gif) no-repeat;
padding: 0 0 0 4px;
}

#menu-sub ul li li li li.act{
	background: url(../i/nav_content_a.gif) no-repeat;
	font-weight: bold;
}
/*END f.schierreich@iveins.de 04/03/2008*/

/*
 * 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: #679294;
}

#content p a {
color: #679294;
}


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

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

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

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

/*START f.schierreich@iveins.de 21/02/2008*/
#content li {
color: #002F3A;
font-size: 0.75em;
/*padding-bottom: 10px;*/
padding-bottom: 3px;
}
/*ENDE f.schierreich@iveins.de 21/02/2008*/

#content li li {
font-size: 1em;
padding-bottom: 0px;
}

#content li ul {
margin-bottom: 0px;
}

/*START f.schierreich@iveins.de 21/02/2008*/
#content li ul li {
list-style-type: disc;
}
/*ENDE f.schierreich@iveins.de 21/02/2008*/

#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(../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(../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(../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:left;
	margin-right:3pt;
}

div.teaser-home-divider {
clear:both;
background: url(../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(../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;
}

div.tx-indexedsearch-searchbox p {
	font-size:1em;
}

div.tx-indexedsearch-searchbox input,
div.tx-indexedsearch-searchbox select {
	font-size:1em;
}

div.tx-indexedsearch-searchbox select {
	width:130px;
}

div.tx-indexedsearch-searchbox td,
div.tx-indexedsearch-searchbox a,
div.tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button {
	font-size:0.8em;
}

/* Sitemap */
dl.csc-menu {
	font-size:0.8em;
}
dl.csc-menu dt {
	margin-top:9pt;
}
dl.csc-menu dd {
	font-style:italic;
	margin-left:18pt;
}

/* 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*/

/*
#content .csi-left .csi-imagewrap {
background: red;
float: left;
margin: 0 20px 0 0;
}

#content .csi-left .csi-text {
background: lime;
display: inline;
}

#content .csi-right .csi-imagewrap {
background: aqua;
float: right;
margin: 0 20px 0 0;
}

#content .csi-right .csi-text {
background: orange;
display: inline;
}
*/




/**
 * Bugfix-CSS für Extension "tan3_glider"
 * @author	Adrian Foeder <a.foeder@iveins.de>
 * @date	23.03.2010
 */
#slider ul.navigation { list-style-type:none; }
#slider ul.navigation li.selected { border-bottom:none; }
#slider ul.navigation a:hover { text-decoration:none; }



h4.submenu-news {
	padding-left:12px;
	padding-top:10px;
	font-size: 0.75em;
	background-color:#e6ecee;
}