/* =============================================================

	Projekt:		Insight E-Commerce
	Autor:		Tom Peters

	Erstellt:		15.11.07
	Modifiziert:	

============================================================= */

* {
  margin: 0px auto;
  padding: 0px;
  border:0;
}


body {
 font: normal 11px arial, verdana, helvetica, sans-serif;
 margin: 0 auto;
 overflow: -moz-scrollbars-vertical;
 padding: 0;
 text-align: center;
 color: black;
 background: black;
 background: url(../images/bg5.jpg) repeat-x;
 background-color: #fff;
 }
 
 #gallery
 {
  margin-left: 1px !important;
 margin-left:-655px;


 }
 


 h1{font-size: 18px; font-weight: bold; color:red;}
 h2{font-size: 12px; font-weight: bold; color:#a8a8a8; margin: 4px 0px; text-decoration: underline;}
 h3{font-size: 20px; font-weight: normal; color:#3d7fb1; margin: 10px 10px;}
 h5{font-size: 20px; font-weight: normal; color:red; margin: 10px 0px;}
 h4{font-size: 15px; font-weight: normal; color:#3d7fb1; }


 .line {display: block; width: 98%; margin-top: 10px; height: 1px; background: url(../images/hr.gif) repeat-x;}
     #thr{margin-top: 20px;width: 100%;}
	 
 a img{border: 0;}
 
 a:link{color: black}

.box {width: 1000px;}
 #boxspace{margin-top: 20px;}
.box .top, .box .bottom {display:block;}
.box .top b, .box .bottom b {display:block; height: 1px; overflow: hidden; background: white;}
.box .r1{margin: 0 5px;}
.box .r2{margin: 0 3px;}
.box .r3{margin: 0 2px;}
.box .top .r4, .box .bottom .r4{margin: 0 1px;height: 2px;}
 
.box1 {
width: 310px;
height: 230px;
border: 1px solid silver;
display: block;
}
 
.box2 {width: 660px; float: left; margin-right: 10px; padding: 0; background: url(../images/bg2.gif) repeat-x; display: block;} 
.box3{width: 310px; float: left;  margin: 0px; padding: 0; background: url(../images/bg2.gif) repeat-x; display: block;}
.box4{width: 310px; float: left; border: 1px solid silver;  margin: 0px; padding: 0; background: url(../images/bg2.gif) repeat-x; display: block;}

.boxpic{float: left; margin: 10px; border: 1px silver solid;}

#big {width: 660px;}

.border {border: 1px solid silver; height: 230px;}
.centeredtext{padding: 10px; font-size: 15px;}
.lefttext{padding: 10px; font-size: 15px; text-align: left; color: red;}

.details{border: 1px solid silver; float: left; width: 400px; height:120px; margin: 10px; padding: 10px; }

.details  ul{margin:10px;}


.referentenlink
{
text-decoration:none;
font-size:12px;
}
.referentenlink:hover
{
border-bottom:1px solid red;
}
.pagemain {
width: 1000px;
min-height: 200px;
color: white;
background: white;
/*background:	url(../images/bg_main.gif) repeat-y;*/
}

.header {
height: 204px;
width:1000px;
color: black;
background: white;
}

.content{
width: 980px;
/*min-height: 300px;*/
margin-top: 12px;
color: black;
background: white;

}

.col-left{
float: left;
text-align: left;
width:670px;
min-height:200px;
color: black;
background: white;
}

.col-right{
float: left;
text-align: center;
color: black;
background: white;
}

.textbox{
width: 660px;
min-height: 200px;
margin: 10px 0px;
text-align: left;
color: black;
background: white;
}

.textbox a, .floatbox a{
color: black;
}


.referenten {
display: inline;
float: left;
width: 220px;
min-height: 80px;
color: black;
background: white;
}

/*.unternehmen{
display: inline;
float: left;
width: 100px;
min-height: 80px;
margin: 4px;
background: white;
border: 1px solid silver;
}
*/
.unternehmen a{
display: inline;
float: left;
width: 100px;
min-height: 80px;
margin: 4px;
background: white;
border: 1px solid silver;
}

.unternehmen a:hover {
border: 1px solid white;
}



.referenten img {
width:43px;
height: 57px;
margin: 5px;
float: left; 
}

.ref_name{
margin-top: 5px;
width: 150px;
float: left; 
}

.highlites {
width: 980px; 
margin-top: 10px;
text-align: left;
background: url(../images/bg3.gif) repeat-x;
background-color: #e6e4e4;

}

.floatbox  ul {
margin: 0;
padding: 0;
text-align: left;
}
.floatbox  li {
margin: 0;
padding: 0;
text-align: left;
display: block;
height: 14px;
width: 206px;
list-style:none;
border-bottom: 1px;
border-style:solid;
border-color: silver;
}

.floatbox  li a  {
text-decoration: none;
}

.floatbox  a:hover {
text-decoration: none;
border-bottom: 1px;
border-style:solid;
border-color: red;
}

.floatbox {
display: inline;
float: left;
text-align: left;
margin: 0px;
padding: 0px;
width: 226px;
height: 110px;
color:grey;
}



#space{margin: 10px; background: url(../images/bg4.gif) no-repeat right;}

.beschreibung {
height: 80px; 
width: 530px; 
margin: 10px 0px;
background: silver;
}



.presse {
padding:0 26px 0 16px;
}

.presse ul {
list-style-image:url(../images/pdf.gif); 
margin: 0 4px;
}
.presse li {
padding: 0; 
color: black; 
}
.presse a {color: black; text-decoration: none;}
.presse a:hover{color: red;}

.download {

}

.download ul {
list-style: none;

}

.download li {
margin: 5px 0;
}


.download li a{
 color: black;
 text-decoration: none;
}

.footer {
width: 980px;
height: 20px;
color: black;
background: white;
}

/* downloadmenü*/
/*
.snavi {
margin: 10px 10px 10px 10px;
text-align: left;
background: white;
}


.snavi li {
display: block;
list-style:none;
border-top: 1px;
border-style:dotted;
border-color: silver;
min-height: 34px;
width: 280px;
margin: 0;
padding:4px;
}


.snavi a {
display: block;
color: black;
text-decoration: none;
}


.snavi a:hover, .textbox a:hover, .floatbox a:hover {
color: red;
}


.snavi a.active {
font-weight: bold;

}
*/
/* topnavigation*/

.tnavi {
margin: 0px;
text-align: left;
width: 100%;
height: 36px;
color: white;
font-size: 12px;
background: url(../images/bg_nav.gif) repeat-x;
}

.tnavi ul{
float: right;
margin-right: 10px;
margin-top: 0px;
}

.tnavi li {
display: block;
width: 90px;
float: left;
text-align: center;
list-style:none;
padding-top:4px;
}


.tnavi a{
display: block;
color: white;
text-decoration: none;
padding-top: 4px;
}


.tnavi a:hover, .download a:hover {
text-decoration: underline;
}


.tnavi a.active {
color: black;
background: white;
height: 30px;
background: white;
display: block;
}

.fnavi {
float:left;
margin:5px 10px;
color: silver;
}

.fnavi a{
color: silver;
text-decoration: none;
}

.fnavi a:hover{
color:black
}

.copy{
margin:5px 10px;
float: right;
color: silver;
}

.cleaner {
 display: block; 
 clear: both;
 font-size: 0px; 
 line-height: 0px; 
 background: transparent; 
 margin: 0;
 padding: 0;

}

/* Popup */
body#pop {
background-image: url(../img/bg_main.jpg);
 background-repeat:repeat-x;	
 text-align: left;
}

#pop_head {
	position: fixed;
	width: 100%;
	height: 130px;
	background: #fff;
	padding: 10px 0px;
	border-bottom: 1px solid #ccc;
}
	#pop_head img {
			float: left; padding: 0px 10px 0px 0px;
			
    }

	#pop_head div {
		float: left; padding: 10px 20px 20px 20px;
    }

	#pop_content {
		padding: 130px 0px 20px 0px;
		font: normal 0.75em/1.5em verdana, arial, sans-serif;
    }

	* html #pop_content {
		padding: 0px 0px 20px 0px;
    }

		#pop_content h1 {
			padding: 10px 20px 10px 20px;
			margin: 0;
			text-align: left;
			background: white;
			border-bottom: 1px solid #ccc;
			font-size: 1.5em;
        }

	#pop_content div {
		padding: 10px 20px;
    }

	#pop_foot {
		position: fixed;
		bottom: 0;
		text-align: right;
		font-size: 0.65em;
		background: #e3e3e3;
		width: 100%;
		padding: 3px 0px;
		border-top: 1px solid #ccc;
    }

		#pop_foot a {
			padding-right: 20px;
        }

/* pop form */

#pop_content fieldset {
	padding: 10px 15px;
	border: 1px solid #ccc;
	margin-bottom: 1em;
}

#pop_content legend {
	font-weight: bold;
	padding: 0 5px;
	margin: 0 -5px;
	color: #6E6E6E;
}

* html #pop_content legend {
	margin: 0 -10px 10px -10px;
}

#pop_content ol {
	margin: 5px 0 10px 30px;
}

#pop_content form {
	font-size: 0.9em;
}

p#form_address {
	padding-left: 50px;
}


fieldset#person label {
	display: block;
	float: left;
	padding: 4px 0;
	width: 150px;
}
fieldset#person input {
	width: 350px; padding: 4px; margin-bottom: 4px;
	border: 1px solid #ccc;
}

fieldset#person input.med1 {
	width: 296px;
}
fieldset#person input.med2 {
	width: 40px;
}
fieldset#person input.med3 {
	width: 60px;
}
fieldset#person input.med4 {
	width: 276px;
}

fieldset#bestellung div {
	padding: 0;
}

fieldset#bestellung label {
	font-weight: bold;
	margin-left: 5px;
}
fieldset#bestellung input.input_normal {
	width: 50px; padding: 4px; margin: 2px 5px;
	border: 1px solid #ccc;
}
fieldset#bestellung input.checkbox {
	margin: 2px 5px 2px 0;
}

fieldset#bestellung input.radio {
margin: 0 0px -3px 0
}

fieldset#zahlweise input.radio {
margin: 0 10px -3px 0
}

fieldset#zahlweise fieldset {
	margin-top: 5px;
	padding: 10px;
	margin-left: 20px;
	background: #e3e3e3;
}

fieldset#zahlweise fieldset label {
	display: block;
	width: 100px;
	float: left;
}
fieldset#zahlweise fieldset label.label_spec {
	display: block;
	float: none;
	margin-right: 20px;
	display: inline;
}
fieldset#zahlweise fieldset input.input_normal {
	float: left; width: 125px; margin: 0 10px 3px 0; padding: 2px;
}
fieldset#zahlweise fieldset input.radio {
	display: inline;
	float: none;
	margin-right: 5px;
}

.button {
	display: block;
	margin: 20px auto;
	height: 31px;
	width: 163px;
}

#unterschrift {
	margin-top: 10px;
	padding: 0;
}

#unterschrift p {
	margin: 0 0 50px 0;
}

#unterschrift div {
	float: right; width: 180px; margin: 0 10px; border-top: 1px solid #ccc; padding: 0; text-align: center;
}

.best50 {
	float: left; width: 263px;
}

#print_address {
	display: none;
}
.without_underline
{
border:none;
}
.without_underline a
{
text-decoration:none;
list-style:none;
color:#000;
}
.without_underline a:hover
{
text-decoration: none;
border-bottom: 1px;
border-style:solid;
border-color: red;
}
.underline
{
border-bottom: 1px dotted #a9a9a9;
}
.underline a
{
text-decoration:none;
list-style:none;
color:#000;
}
.underline a:hover
{
text-decoration: none;
border-bottom: 1px;
border-style:solid;
border-color: red;
}
.boxlist
{
list-style:none;
}
.rightborder
{
border-right: 1px dotted #a9a9a9;
padding-right: 10px;
}
.redlink 
{
text-decoration:none;
color:#ff0000;
}

p.fliesstext {
 font-size:12px;
}
p.grosstext {
 font-size:14px;
}

/* Addes 5.4.2010 - allgemeine Formularstyles */
input, select {
	padding: 4px; 
	margin-bottom: 4px;
	border: 1px solid #ccc;
}