/*
central css for VELCRO
seitenblick interaktive medien gmbh, stuttgart
tel. +49 (711) 8599818-0, email info@seitenblick.de
*/

/* -- Globale Einstellungen -- */
html,body {
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	color: #333333;
	background-color: #7E7E7E;
	background-image: url(../_gfx/bg.jpg);
	background-repeat: repeat-x;
}

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

a:hover {
text-decoration: underline;
}

img {
	border: none;
}

h1,h2,h3,h4 {
	margin: 0px;
}

form {
	margin: 0px;
	padding: 0px;
}

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

li {
	margin: 0px;
	padding: 0px;
	line-height: 1.4em;
}
p.csc-caption,
dd.csc-textpic-caption {
	font-size: 11px;
	margin: 0px;
	padding: 0px 2px 2px 2px;
	color: #E1E1E1;
}

div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image { margin-bottom:5px; }


#abstand {
width: 900px;
margin: 0 auto 0 auto;
position: relative;
}

#top {
width: 900px;
height: 111px;
	background-color: #F5F5F5;
}

#top div.velcro-micro-logo {
margin: 10px 15px 51px 0;
}

#top div.velcro-micro-logo a {
color: #666666;
font-size: 11px;
padding: 0 0 0 5px;
text-transform: lowercase;
}

#top table.search {
/*margin: 0 0 0 10px;*/
}

#top table.search input {
font-size: 11px;
/*ge�ndert 25.10.2005 fo spanische begriffe zu lang*/
margin: 0 12px 0 0;
}

#top table.search input.textfield {
height: 12px;
width: 100px;
border: 1px inset #8F8F8F;
}

#top td.topnavi {
	padding: 84px 0 0 5px;
	width: 414px;
}

#top td.topnavi table img {
	/*ge�ndert 25.10.2005 fo spanische begriffe zu lang*/
padding: 0 18px 0 0;
/*padding:0;*/
}

#start_box01 {
	float: left;
	width: 440px;
	background-color: #FFFFFF;
}

#start_box01 h1{
	padding: 30px 25px 15px 25px;
}

#start_box01 h2{
	font-size: 12px;
	font-weight: normal;
}

#start_box01 p{
	font-size: 14px;
	line-height: 1.4em;
	padding: 0 25px 70px 25px;
	margin:0;
}

#start_box01 p img.micro {
	padding: 10px 0 0 0;
}

#start_box02 {
width: 440px;
float: right;
padding: 17px 0 0 0;
}

#start_box02 div.key{
	width: 440px;
	height: 119px;
	border-top: solid 1px #C8C8C8;
	margin: 0 0 1px 0;
}

#start_box02 div.key p{
	width: 190px;
	font-size: 14px;
	line-height: 1.4em;
float: left;
color: #FFF;
padding:5px;
margin:0;
}

#start_box02 div.key img{
float: right;
}

#start_box03 {
	position: absolute;
	width: 335px;
	/*height: 360px;*/
	background-color: #FFFFFF;
	/* padding: 30px 25px 30px 35px; */
left: 565px;
top: 508px;
}

#start_box03 h1{
	padding: 30px 25px 15px 25px;
}

#start_box03 h2{
	padding: 0 25px 8px 25px;
font-size: 12px;
}

#start_box03 h3{
	padding: 0 25px 2px 25px;
font-size: 11px;
font-weight: normal;
color: #CC0000;
}

#start_box03 p{
	font-size: 13px;
	line-height: 1.4em;
	padding: 0 25px 15px 25px;
	margin:0;
}

#start_box03 p img{
	margin-top: 10px;
}

#start_box04 {
	position: absolute;
	width: 335px;
	background-color: #EAEAEA;
	/*padding: 30px 25px 30px 35px; */
	left: 230px;
	top: 508px;
}

#start_box04 h1{
	margin: 0;
	padding: 30px 25px 15px 25px;
}

#start_box04 p{
	font-size: 13px;
	line-height: 1.4em;
	padding: 0 25px 15px 25px;
	margin:0;
}

#key {
	position: absolute;
	width: 228px;
	height: 119px;
left: 672px;
top: 128px;
}

#key img.contentimg{
	border-top: solid 1px #CCCCCC;
	margin: 0 0 10px 0;
}

#contenthead {
	width: 672px;
	height: 90px;
	color: #FFFFFF;
	font-size: 12px;
}

#contenthead div.nav{
	width: 672px;
	height: 45px;
	float: left;
	padding: 0 0 0 27px;
}

#contenthead div.nav img{
margin: 12px 35px 0 0;
}

#contenthead div.titel{
	width: 201px;
	height: 45px;
	float: left;
	padding: 0;
}

#contenthead div.titel img{
	margin: 7px 0 0 0px;
}

#contenthead div.bc{
	width: 460px;
	height: 45px;
	float: left;
padding: 0 0 0 0;
}

#contenthead div.bc table{
font-size: 12px;
	color: #FFFFFF;
}

#contenthead a{
	color: #FFFFFF;
}

#navi {
	float: left;
	width: 201px;
	color: #000;
	background: #DFDFDF url(../_gfx/bg_navi.jpg) repeat-x;
	min-height: 500px;
}

* html #navi {
	height: 500px;
}

#navi ul {
	padding: 23px 27px 18px 27px;
}

#navi ul li.e1 {
	font-size: 13px;
	font-weight: bold;
	margin: 10px 0 6px 0;
}

#navi ul li.e1-a {
	font-size: 17px;
	font-weight: bold;
	margin: 10px 0 6px 0;
}

#navi ul li.e1 a {
	color: #333333;
}

#navi ul li.e1-a a {
	color: #CE1616;
}

#navi ul li.e2,
#navi ul li.e2-a {
	font-size: 12px;
	background: url(../_gfx/pfeil_rot.gif) no-repeat 0px 10px;
	padding: 4px 0 4px 10px;
}

#navi ul li.e2 a {
	color: #000;
}

#navi ul li.e2-a a {
	color: #CE1616;
	font-weight: bold;
}

#navi ul li.e3,
#navi ul li.e3-a {
	font-size: 12px;
	background: url(../_gfx/pfeil_rot.gif) no-repeat 10px 10px;
	padding: 4px 0 4px 20px;
}

#navi ul li.e3 a {
	color: #000;
}

#navi ul li.e3-a a {
	color: #CE1616;
	font-weight: bold;
}

/* f�r Suchseite */
#navi h2 {
	color: #CC0000;
	margin: 31px 20px 0 27px;
	font-size: 17px;
}

#navi div.form {
	margin: 10px 20px 27px 27px;
}


#content {
	float: left;
	width: 471px;
	min-height: 500px;
	background-color: #FFFFFF;
}

* html #content {
	height: 500px;
}

#content h1{
	color: #CC0000;
	font-size: 17px;
	padding: 31px 27px 15px 27px;
}

#content p{
	margin: 0 27px 15px 27px;
	line-height: 1.4em;
}

#content .csc-textpic-intext-right .csc-textpic-imagewrap { margin-right:27px; }
#content .csc-textpic-left .csc-textpic-imagewrap { margin-left:27px; }



#content p.error{
	color: #CC0000;
}

#content ul{
	margin: 0 27px 15px 55px;
	list-style-type: square;
}

/* Sitemap */
#content ul.sitemap {
	margin: 0 27px 22px 27px;
	list-style-type: none;
}

#content ul li.e1 {
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 31px 0 0 0;
}

#content ul li.e1 a {
	color: #d11919;
}

#content ul li.e2 {
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 15px 0 5px 20px;
}

#content ul li.e2 a {
	color: #333333;
}

#content ul li.e3 {
	font-size: 12px;
	background: url(../_gfx/pfeil_rot.gif) no-repeat 0px 7px;
	margin: 0 0 5px 40px;
	padding: 2px 0 2px 10px;
}

#content ul li.e3 a {
	color: #000;
}

span.rot,
span.tx-indexedsearch-redMarkup,
strong.tx-indexedsearch-redMarkup,
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr strong.tx-indexedsearch-redMarkup {
	color: #CC0000;
	font-weight: bold;
}

#content .tx-indexedsearch-browsebox ul.browsebox { margin-left:26px; }

div#content h3 {
	margin: 0 27px 2px 27px;
	font-size: 12px;
}

div#content h3 a {
	color: #333333;
}

div#content p.presult {
	margin: 0 27px;
}

div#content p.mehr {
	margin: 1px 27px 30px 27px;
	font-weight: bold;
}

#content table.tab1  {
	width: 415px;
	border: 1px solid #DFDFDF;
	margin: 0 0 20px 28px;
}

#content table.tab1  td{
	border: 1px solid #DFDFDF;
	padding: 2px 2px 2px 2px;
}

#content table.mailform  {
	width: 443px;
	margin: 10px 0 10px 27px;
}

#content table.mailform td{
	padding: 2px 2px 2px 2px;
	vertical-align: top;
}

#content form.mail input, select, textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
border: 1px solid #DFDFDF;
color: #333333;
}

#content form.mail textarea{
	width: 200px;
}
#content form.mail input{
	width: 200px;
}
#content form.mail input.zip{
	width: 50px;
}
#content form.mail input.city{
	width: 144px;
}
#content form.mail input.radio{
	width: 20px;
	border: none;
}
#content form.mail input.send{
	width: 100px;
	border: none;
}

#content ul.csc-bulletlist{
	margin: 0px 0px 15px 41px;
	padding: 0 30px 0 0;
}

table.imgtext-table{
	margin:  0 0 5px 0;
}
table.imgtext-table td{
	padding: 0 0 0px 0;
}

div.rightcategory{
padding:3px 15px 3px 0;
margin-bottom:20px;
text-align:right;
font-size: 12px;
color:#cccccc;
border-bottom: 1px solid #cccccc;
}
div.rightcategoryimg{
padding:3px 15px 3px 0;
margin-bottom:0px;
text-align:right;
font-size: 12px;
color:#cccccc;
border-bottom: 1px solid #cccccc;
}


div.tx-mitdownload-pi1 ul{
	margin: 0px 0px 22px 29px;
	padding: 0 30px 0 0;
}
div.tx-mitdownload-pi1 ul li{
font-size: 12px;
color:#EFEFEF;
list-style-type: square;
padding: 0 0 9px 0;
}

div.tx-mitdownload-pi1 ul li a{
	color:#EFEFEF;
}

table.imgtext-table{
	margin: 0;
}
table.imgtext-table td{
	padding: 0 0 5px 0;
}
#content table.searchjump{
	width: 415px;
	margin: 0 0 20px 28px;
}

#content table.searchjump td{
padding: 2px 2px 2px 2px;
text-align:center;
color: #CC0000;
}

#content table.searchjump th{
padding: 2px 2px 2px 2px;
width: 75px;
}


#header {
width: 900px;
background: #F5F5F5;
height: 111px;
margin: 0;
padding: 0;
}


#logo {
float: left;
width: 258px;
height: 111px;
}

#header-right {
float: left;
width: 642px;
height: 111px;
}

div#langnavi{
margin: 10px 0px 60px 73px;
text-align: right;
float:left;
}

div#langnavi a {
color: #666666;
font-size: 11px;
padding: 0 5px 0 2px;
text-transform: lowercase;
}

div#mnavi {
float: left;
width: 500px;
margin-left:75px;
}

div#mnavi img {
padding: 0 18px 0 0;
}

#header-right table.search-form{
float: left;
width: 189px;
padding: 0;
margin: 10px 0px 0px 14px;
}

#header-right table.search-form td.left {
text-align: left;
width: 114px;
}

#header-right table.search-form input {
font-size: 11px;
margin: 0 12px 0 0;
}

#header-right table.search-form input.textfield {
height: 12px;
width: 100px;
border: 1px inset #8F8F8F;
}




div#velcroSplashScreen {
	background-image:url("../_gfx/splash-bgr.gif");
	background-repeat:no-repeat;
	left:50%;
	margin-left:-285px;
	margin-top:-180px;
	overflow:hidden;
	padding:160px 28px 28px;
	position:absolute;
	top:45%;
	width:570px;
	z-index:6000;
}

div#velcroSplashScreen .item {
	display:inline;
	float:left;
	margin:27px 45px;
	width:100px;
}

div#velcroSplashScreen .global-site {
	float:right;
	margin-right:-28px;
	margin-top:10px;
}