/**********************************************
 * CONECTO Business Communication GmbH        *
 * Project: ----------------------            *
 * Type: screen                               *
 **********************************************/

@import url(default.css);

body {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 1.5em;
}

a {
	color: #000; 
	text-decoration: underline; 
}

a:hover {
	color: #970d1b;
}

p {
	margin-bottom: 10px;
}

strong {
	font-weight: bold;
}

.clear,
.clearer {
	clear: both;
	margin: 0; 
	padding: 0;
}

div#wrap {
	margin: 20px auto 0 auto;
	width: 984px;
	border: solid 1px #fff;
	background-color: #f0f0f0;
}

div#container {
	background-color: #dedede;
	margin: 5px;
	border: solid 1px #fff;
}

div#inner {
	background: #f2f2f2 url(../img/layout/content_tile.gif) repeat-y top left;
	margin: 5px;
	border: solid 1px #fff;
}

	div#header {
		position: relative;
		height: 390px;
		background: url(../img/layout/header.gif) no-repeat top left;
	}

		div#header div#logo {
			position: absolute;
			top: 17px;
			left: 45px;
			width: 200px;
			height: 100px;
		}
	
		div#header div#logo a {
			text-decoration: none;
		}
			
		div#header div#topNav {
			position: absolute; 
			top: 0; 
			right: 0;
			height: 20px;
			padding: 10px 30px 0 0;
			line-height: 20px; 
			text-align: right; 
			color: #fff; 
		}
	
		div#header div#topNav a {
			font-size: 11px;
			text-decoration: none; 
			color: #fff; 	
		}
	
		div#header div#topNav a:hover, 
		div#header div#topNav a.active {
			text-decoration: underline; 	
		}
		
		div#header div#topNav a.langSel, 
		div#header div#topNav a.langSel:hover {	
			text-decoration: none;
		}
		
		div#header div#topNav a.langSel.active img {	
			border: solid 1px #ccc;
		}
		
		div#header div#headerInquiry {		
			height: 160px;
			left: 25px;
			position: absolute;
			top: 135px;
			width: 205px;
			color: #fff;
			padding: 35px 0 0 30px;
		}
			
			div#headerInquiry table.anfrage {
				font-size: 11px;
			}
			
			div#headerInquiry table.anfrage td.headline {
				padding: 8px 0 3px 0;
			}
			
			div#headerInquiry p {
				margin: 0 10px 0 35px;	
			}
	
			div#headerInquiry table.anfrage input.text {
				background: #fff; 
				color: #545454;
				padding: 2px; 
				border: 0;
				font-size:11px;
				width: 150px;
			}
			
			div#headerInquiry table.anfrage input.submit {
				background-color: #ba091b;
				font-size: 11px;
				margin-top: 10px;
				color: #fff; 
				border: 0; 
				width: 100%;
				cursor: pointer;
			}
		
		div#header div#flash {
			position: absolute; 
			left: 290px;
			top: 31px; 
			width: 641px;
			height: 354px;
		}
	
	div#mainNav {
		height: 36px;
		line-height: 36px;
		background: url(../img/layout/mainnav_bg.gif) repeat-x left top;
		border: 1px solid #dedede;
		border-left: 0;
		border-right: 0;
		margin-bottom: 25px;
		padding-left: 18px;
	}
			
		div#mainNav li,
		div#mainNav li a {
			position: relative;	
			display: block; 
			float: left;	
			height: 36px;
			line-height: 36px;
			white-space: nowrap;
		}
		div#mainNav li a {
			text-transform: uppercase; 
			color: #fff;			
			padding: 0 12px 0 10px;
			text-decoration: none;
			font-size: 11px;
			background: url(../img/layout/mainnav_bullet.gif) no-repeat right center;			
		}
		
		div#mainNav li a:hover,
		div#mainNav li a.active {
			color: #ccc;
		}	
		
		div#mainNav li ul {
			display: none;
			position: absolute; 
			left: -18px; 
			bottom: 36px;
		}
		div#mainNav li:hover ul {
			display: block;
		}
		
			div#mainNav li ul li {
				float: none; 
				height: auto;				
			}
			
			* html div#mainNav li ul li {
				width: 220px; /* ie6 */
			}
			
			*+html div#mainNav li ul li {
				width: 220px; /* ie7 */
			}			
			
			div#mainNav li ul li,
			div#mainNav li ul a {
				height: 20px;
				line-height: 20px;
				float: none;
			}	
			div#mainNav li ul a {
				background: #a30f1d url(../img/layout/mainnav_sub_bullet.gif) no-repeat 15px center;
				border-top: 1px solid #bc1626;			
				padding-left: 28px;				
				text-transform: none;
			}
			
			div#mainNav li ul a:hover,
			div#mainNav li ul a.active {
				background-color: #5f060b;	
				color: #fff;		
			}

	div#sidebar {
		width: 240px; 
		margin-left: 25px;
		height: auto;
		float: left;
		_margin-left: 12px; /* ie6 */
	}

		div#sidebar h1 {
			color: #909090;
			font-size: 18px;
			line-height: 18px;
			padding: 10px 0 10px 35px;
			background: url(../img/layout/arrow2.gif) no-repeat 20px center;
		}
		
		div#sidebar div.box {
			background-color: #e7e7e7;
			margin-bottom: 20px;
			padding-bottom: 10px;
		}		
		
		div#sidebar div#subNav {
			
		}

		div#sidebar ul#subNav li a {
			display: block;
			height: 20px; 
			border-top: solid 1px #8c0b17;
			background: #9e0f1b url(../img/layout/subnav_bg.gif) no-repeat top left;
			text-decoration: none;
			text-indent: 35px;
			color: #fff;
		}
		
		div#sidebar ul#subNav li a:hover, 
		div#sidebar ul#subNav li a.active {
			color: #f68992;	
		}
		
		div#sidebar ul#subNav ul li a  {
			background: #9e0f1b;
			text-indent: 45px;
		}
		
		div#sidebar div#quickNav ul {
			margin-bottom: 20px;
		}
		
		div#sidebar div#quickNav li a {
			display: block;
			width: 240px; 
			height: 24px;
			line-height: 24px;
			background: url(../img/layout/quicknav_bg.gif) no-repeat top left;
			text-decoration: none; 
			text-indent: 30px;
			color: #898989;	
		}

		div#sidebar div#quickNav li a:hover,
		div#sidebar div#quickNav li a.active {
			color: #970d1b;
		}

	div#content {
		width: 630px;
		margin-left: 35px;
		color: #8e8e8e;
		float: left;
	}

		div#breadcrumb {
			border-bottom: solid 1px #ebebeb;
			height: 20px;
			line-height: 20px;
			font-size: 11px;
			color: #8e8e8e;
		}
	
			div#breadcrumb a {
				color: #c6c6c6;
				text-decoration: none;
			}

			div#breadcrumb a:hover,
			div#breadcrumb a.active {
				text-decoration: underline;
			}

		div#content h1 {
			font-size: 18px;
			margin: 15px 0 10px 0;
		}
		
		div#content h2 {
			font-size: 16px;
			margin: 10px 0 10px 0;	
		}
		
		div#content h3 {
			font-size: 14px;
			margin: 5px 0 10px 0;	
		}
		
		div#content h4 {
			font-weight: bold;
			margin: 5px 0 10px 0;
		}
	
		div#content h1,
		div#content h2,
		div#content h3 {
			color: #b4111f;	
		}
		
		div#content a {
			color: #000; 
			text-decoration: underline;
		}
		
		div#content a:hover {
			color: #970d1b; 
		}
		
		div#content input,
		div#content textarea {
			border: solid 1px #e7e7e7;
			background-color: transparent;
		}
		
		div#content ul {
			list-style-type: square;
			margin: 10px 0 10px 20px;
		}	
		
		div#content div.image {
			padding: 10px; 
			border: solid 1px #efefef;
		}	
	
		div#content div.image.right {
			margin: 10px 0 10px 10px; 
			float: right; 
		}	
		
		div#content div.image.left {
			margin: 10px 30px 10px 0; 
			float: left; 
		}
		
		div#content table.contenttable,
		div#content table.tablePrice {
			width: 100%;
			margin: 0 0 10px 0;	
		}
		
		div#content table.contenttable th,
		div#content table.tablePrice thead td {
			background-color: #ad101d;
			color: #fff;
			vertical-align:middle;
			font-weight: bold;
			
			text-indent: 20px;
			
			text-align: left;
			padding: 4px 0 4px 0;
		}
	
		div#content table.contenttable td,
		div#content table.tablePrice tbody td {
			text-align: left;
			
			padding: 4px 0 4px 20px;	
			
			background-color: #f5f4f4;
			border-top: solid 1px #fff;
			vertical-align: middle;
		}
		/*
		div#content table.contenttable th:first-child, 
		div#content table.contenttable td:first-child {
			text-align: left;
			padding-left: 4px;
		} 
		*/
		div#content table.contenttable th p,
		div#content table.tablePrice thead td p {
			margin: 0; 
			padding: 0;
		}

	div#footer div#footLogo {
		float: left; 
		width: 300px;
		text-align:center;
	}
	
	div#footNav {
		float: left; 
		width: 660px;
		padding: 10px 0 5px 5px;
		color: #8e8e8e;
	}	

		div#footNav p.nav {
			border-bottom: solid 1px #cbcbcb;
			padding-bottom: 5px;
			margin-bottom: 0;
		}
		
		div#footNav p.nav a {
			text-transform: uppercase;
			text-decoration: none;
			color: #8e8e8e;
			font-weight: bold;
		}
		
		div#footNav p.text {
			font-size: 11px;
		}
		
		.ql_simple_gallery_box {
			float: left; 
			width: 170px; 
			padding: 10px; 
			border: solid 1px #efefef;	
			margin: 0 10px 10px 0;	
		}

.ql_simple_gallery_text {
	text-align: center;
}

.ql_simple_gallery-pageNav {
	background:#e7e7e7;
	color:#8e8e8e;
	height:20px;
	padding: 3px 10px 0 10px;
	margin-bottom:6px;
	font-size:11px;
	width:95%;
}



.ql_simple_gallery-pageNav a {
	text-decoration:underline !important;
	color: #3b2c18 !important;
	font-weight: bold;
}


.ql_simple_gallery-pageNav a:hover {
	text-decoration:none !important;
}


.ql_simple_gallery-backLink {
	width:25%;
	float:left;
}


.ql_simple_gallery-nextLink {
	width:25%;
	float:left;
	text-align:right;
}


.ql_simple_gallery-pageNumbers {
	width:50%;
	float:left;
	text-align:center;

}

/* Anfrageformular */
div#content .tx-pilmailform-pi1 table {
	border-spacing: 3px;
}

/** alte content alemente */

.textTableImg {
	margin-bottom: 10px;
}

.textTableImg td {
	vertical-align: top;
}
.imgCell {
	padding: 0 15px 0 0;
}
.imgRightCell {
	padding: 0 0 0 15px;
}
.bigImg {
	text-aling: center;
}

.tablePrice thead .cellFirst {
	width: 20%;
}

.tablePrice thead .cellPreis {
	text-align: center;
	width: 20%;
}
.tablePrice tbody .cellPreis {
	text-align: center;
}

.textTableImg img,
.imageBig {
	padding: 10px; 
	border: solid 1px #efefef;
}

div.bigImg {
	margin-bottom: 10px;
}

/* Powernail */ 

.tx-powermail-pi1 fieldset.tx-powermail-pi1_fieldset label {
	font-weight: normal;
	width: 150px;
}

.tx-powermail-pi1 fieldset.tx-powermail-pi1_fieldset {
	background: #fff;
}

.tx-powermail-pi1 fieldset.tx-powermail-pi1_fieldset {
	padding: 10px;
	margin-bottom: 10px;
}

.tx-powermail-pi1 fieldset.tx-powermail-pi1_fieldset div {
	padding: 3px;
}

.tx-powermail-pi1 fieldset.tx-powermail-pi1_fieldset div.even {
	background: #F9F9F9;
}

.tx-powermail-pi1 fieldset.tx-powermail-pi1_fieldset input,
.tx-powermail-pi1 fieldset.tx-powermail-pi1_fieldset select,
.tx-powermail-pi1 fieldset.tx-powermail-pi1_fieldset textarea {
	background: #fff !important;
}

.tx-powermail-pi1 fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
	font-weight: normal;
	margin: 10px 0 10px 150px;
	cursor: pointer;
}
.tx-srfreecap-pi2-cant-read {
	display: block;
	color: #8e8e8e;
}