/*  C&C Divs
----------------------------------------------- */

div.n,
div.flexmodul { padding: 5px; }

div.hover_n,
div.hover_flexmodul,
div.hidden
{
	display: block;
	background-color:#F5F7F7 !important;
	border:1px solid #E0DFE3;
	border-color:#E0DFE3 #B5B5B5 #B5B5B5 #E0DFE3;
	padding: 4px;
	cursor: pointer;
	color: black !important;
}

* html div.n,
* html div.hover_n { height:1%} /* IE6 */

div.hover_n a, div.hover_n * {	color: black !important;}

.hidden { display: none !important; }


/*  #misc
----------------------------------------------- */

html, body { height:100%; }



body,p,h1,h2,h3,h4,h5,h6
{
	margin:0;
	padding:0;
}

img, a img { border:0; }
img { display: block;}

blockquote
{
	padding: 0;
	margin: 0 0 0 20px;
}

ul, dl, ol
{
	margin-top: 0.5em;
    margin-bottom:0.5em;
}





address { font-style:normal;}
.small { font-size:80%;}
.caption { font-size: 81%; } /*  Untertitel bei Bildern  */

form, .inline {display: inline;}


/*  Clearing
----------------------------------------------- */

.c { clear:both; }

.clearover {overflow:hidden;} /* Firefox and all */
* html .clearover { height:1%; overflow:visible;} /* IE */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}


/*  Text mit Bild
----------------------------------------------- */
.imgleft
{
  float:left;
  margin:4px 20px 4px 0;
  display:inline; /*double margin bug ie */
}

.imgright
{
  float:right;
  margin:4px 1px 4px 15px;
  display:inline; /*double margin bug ie */
}


/*  Galerie HTML
----------------------------------------------- */
/* Square View */
div.thumb_sq1,
div.thumb_sq2,
div.thumb_sq3 {	float:left; }

div.thumb_sq1 {	margin:0 5px 5px 0; }

div.thumb_sq1 a img
{
	display:block;
	border:1px solid #CCC;
	padding:3px;
	background:white;
}
div.thumb_sq1 a:hover img {	background:#EEE; }

div.ccgalerie div.thumb_sq2
{
	display:block;
	background:white;
	margin:0 1px 1px 0;
	/* var hart 0px */
}

div.ccgalerie div.thumb_sq3
{
	display:block;
	background:white;
	margin:0 2px 2px 0;
}

div.thumb_sq3 a img
{
	display:block;
	padding:5px;
	background:white;
}
div.thumb_sq3 a:hover img {	background:#DDD; }


/*  orginal view  */
div.thumb_pro1,
div.thumb_pro2,
div.thumb_pro3
{
	float:left;
	/* breite, höhe im style */
}

div.ccgalerie div.thumb_pro1 /* normale border Ansicht icon: style-4 */
{
	border:1px solid #CCC;
	padding:3px;
	margin:0 5px 5px 0;
	/* var hart 8px */
}


div.ccgalerie div.thumb_pro2 /* Dia-Ansicht icon: style-5 */
{
	border-top:1px solid #CCC;
	border-right:2px solid #C5C5C5;
	border-bottom:2px solid #C5C5C5;
	border-left:1px solid #CCC;
	padding:3px;
	margin:0 5px 5px 0;
	/* var hart 9px */
}

div.ccgalerie div.thumb_pro3 /* ohne rahmen icon: style-6 */
{
	padding:3px;
	margin:0 5px 5px 0;
	/* var hart 6px */
}


div.innerthumbnail
{
	display: table-cell;
	text-align:center;
	vertical-align:middle;
	/* breite, höhe  im style */
	/* Magic Fontsize im sytle -> http://mrclay.org/web_design/centered_image/  */
}

* html div.innerthumbnail { float:left; display:block;  } /* IE */
div.innerthumbnail img { display:inline; vertical-align:middle; }

/*  Lightbox
----------------------------------------------- */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img { border: none; text-align:right; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

div#loading img { display:inline; }
	
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.carport-discount.nl/cc/img/prev.png) left 25% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.carport-discount.nl/cc/img/next.png) right 25% no-repeat; }

/* IE6 Buttons */
* html #prevLink:hover {  background: url(http://www.carport-discount.nl/cc/img/prev.gif) left 25% no-repeat; }
* html #nextLink:hover {  background: url(http://www.carport-discount.nl/cc/img/next.gif) right 25% no-repeat; }



#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 33px; float: right;  padding-bottom: 0.7em; text-align:right; }	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}



/*  Dateidownload
----------------------------------------------- */

a.dlink,
a.dlink:link,
a.dlink:visited,
a.dlink:hover,
a.dlink:active {
	border:0 !important;
	text-decoration:none !important;
	background-color:transparent !important;
}

div.leftDownload
{
	width: 52px;
	float:left;
}

div.rightDownload
{
	margin-left:55px;
	padding-left:6px;
}

div.rightDownloadB
{
	margin-left:55px;
	border-left: 2px solid #CCC;
	padding-left:6px;
}

.rightDownload .fl,
.rightDownloadB .fl
{
	float:left;
	display:block;
}


/*  Form vertikal */
.form dl
{
	margin: 0 0 1.5em 0;
	padding: 0;
}

.form dl dt
{
	font-weight: bold;
	line-height:120%;
}

.form dl dt em,
.form p.note em
{
	color:#BA3B3E;
	font-weight: bold;
	padding-left:0.2em;
	font-size:110%;
	font-style:normal;
}

.form p.note {
	background: url('http://www.carport-discount.nl/cc/img/warning.gif') no-repeat 4px 50%;
	border-top:1px solid #CCC;
	padding:3px 0 3px 20px;
	margin-top:10px;
	display:block;
}

.form dl dd {
	margin: 0 0 12px 0;
	padding: 0;
}
.form dl dd.eng {
	margin: 0 0 5px 0;
	padding: 0;
}

/* Formelemente
----------------------------------------------- */
input.single,
textarea
{
	border:1px solid #CCC;
	color:#333;
	width:240px;
	background-color:white;
}


input.single:focus,
input.text:focus,
textarea:focus
{
	background-color: #F1F1F1;
	border:1px solid #CCC;
}


input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
    cursor: pointer;
}

.form input.single { width:250px; }

.form textarea
{
	width:300px;
	height:180px;
	line-height:120%;
}

.form input.checkbox,
.form input.radio { width:auto !important; }

/*  Fehlermeldungen Form */
.error {
	color:black;
	background-color:#FAEFEF;
	border:1px solid #c66;
	border-color:#c66 #FFB2B2 #FFB2B2 #c66;
}

/* ALT - entfernen */
.fehlerUser {
	margin: 0px;
	border: 2px solid #CF5D00;
	background: #EBC2AD;
	padding: 10px;
	color:black;
}



/*  RSS Feed
----------------------------------------------- */
.rssFeed,
.rssFeed * {
	text-align:left;
	font-weight:normal;
}

.rssFeedTitle {
	font-weight:bold;
}


/*  Gästebuch
----------------------------------------------- */
.guestbook_nachricht {
	padding: 15px 0 36px 18px;
}





/*  Sitemap
----------------------------------------------- */


ul.sitemap {
	list-style-type : none;
	margin: 2em 0 2em 1.5em;
	padding:0;
}

ul.sitemap li {
	margin:0 !important;
	padding:0 !important;
	display:inline;
	background-image:none !important;
}

ul.sitemap li a {
	line-height:2em;
	display:block;
	font-weight:bold;
	background: url(http://www.carport-discount.nl/cc/img/sitemapdocbullet.gif) no-repeat left center;
	padding: 0 0 0 1.2em;
}

ul.sitemap ul {
	list-style-type : none;
	margin: 0 0 0 1.5em;
	padding:0;
}

ul.sitemap ul li a { font-weight:normal; }

/*  Tell a friend
----------------------------------------------- */

div#content_start
{
	display:none;
	overflow:hidden;
}

div#tellheader
{
	background:#EEE url('http://www.carport-discount.nl/cc/img/sendpage.gif') no-repeat center right;
	border:1px solid #CCC;
	padding:10px;
	min-height:58px;
}

div#tellbody
{
	height:350px;
	border:1px solid #CCC;
	border-top-width:2px;
	border-color:white #CCC #CCC #CCC;
	padding:10px;
	background:#EEE;
}

div#tellbody a 
{
	display:block;
	float:right;
	padding-right:15px;
}


/* Newsletter */

#newsHeader, strong.newslettertitel {display:block;}

/*  Footer
----------------------------------------------- */

div#contentfooter {
	width:100%;
	padding: 0;
	margin: 0;
	font-size:11px;
	line-height:140%;
	font-weight:normal;
	overflow:hidden;
}

* html div#contentfooter {
	height:1%; overflow: visible;
}
  
  
div#contentfooter div.leftrow {
	float: left;
	text-align: left;
	width: 55%;
}

div#contentfooter div.rightrow {
	float: right;
	text-align: right;
	width: 42%;
}

span.loggedin { display: none; }
span.loggedout { display: inline; }

/*  Impressumsbox
----------------------------------------------- */

div#imprint
{
	border:1px solid #CCC;
	padding:10px;
	background:#FAFAFA;

	font: 10px/14px Verdana, Geneva, Arial, Helvetica, sans-serif !important;
	color:#666 !important;
}

div#imprint h2
{
	margin:0 0 10px 0;
	padding:0;
	font:normal 18px/22px "Trebuchet MS", Verdana, sans-serif;
	color:#444;
}

div#imprint img.logo
{
	float:right;
	margin:0 0 5px 5px;
}

/*  Login- und Logoutmaske
----------------------------------------------- */

div#loginbox
{
	position:absolute;
	
	width:430px;
	
	margin-top: 15px;
	margin-left:-5px;
	padding:5px;

	border:1px solid #CCC;
	border-width:1px 3px 3px 1px;
	background:white;
	
	text-align:left;
	font: 10px/14px Verdana, Geneva, Arial, Helvetica, sans-serif !important;
	color:#666 !important;
}


div#loginbox a,
div#imprint a
{
	font: 10px/14px Verdana, Geneva, Arial, Helvetica, sans-serif !important;
	color:#333 !important;
	text-decoration:underline !important;
}
div#loginbox a:hover,
div#imprint a:hover { text-decoration:none !important; background:none !important;}

div#loginbox input.password
{
	width:240px;
	border:1px solid #CCC;
	display:block;
	
	font-size:30px;
	height:30px;
	line-height:30px;
}

div#loginbox input:focus
{
	border:1px solid #AAA;
	background:#F1F1F1;
}

div#loginbox img.logo 
{
	float:right;
	margin:12px 4px 0 0;
}

div#loginbox form 
{
	display:inline;
	margin:0;
}

/*  Boxen -> info, warning, alert, ok
----------------------------------------------- */

.message-ok,
.message-info,
.message-warning,
.message-alert,
.message-error
{
	padding:5px 5px 5px 30px !important;
	margin:5px 0 !important;
	font: 10px/14px Verdana, Geneva, Arial, Helvetica, sans-serif !important;
	border-style:solid !important;
	border-width:1px !important;
	color: #444 !important;
}

.message-ok a,
.message-info a,
.message-warning a,
.message-alert a,
.message-error a
{
	font: 10px/14px Verdana, Geneva, Arial, Helvetica, sans-serif !important;
	color: #444 !important;
	text-decoration:underline !important
}

.message-ok
{
	border-color:#C2D577 #9BAE50 #9BAE50 #C2D577;
	background:#E5F1B4 url('http://www.carport-discount.nl/cc/img/ok.gif') no-repeat 10px 50%;
}

.message-info
{
	border-color:#B1C2D8 #6B8BB4 #6B8BB4 #B1C2D8;
	background:#DBE3ED url('http://www.carport-discount.nl/cc/img/info.gif') no-repeat 10px 50%;
}

.message-warning
{
	border-color:#F7DEA6 #D0B77F #D0B77F #F7DEA6;
	background:#FFF3CD url('http://www.carport-discount.nl/cc/img/warning.gif') no-repeat 10px 50%;
}

.message-alert,
.message-error
{
	background:#FAEFEF url('http://www.carport-discount.nl/cc/img/alert.gif') no-repeat 10px 50%;
	border-color: #FFB2B2 #c66 #c66 #FFB2B2;
}

/*
 Captcha
*/
div.captcha {
    width: 200px;
    border: 1px solid #999999;
    background: url(http://www.carport-discount.nl/cc/img/captcha_bg.jpg) repeat-x bottom left white;
    padding: 10px;
}

div.captcha span.character {
    height: 29px;
    width: 160px;
    border: 1px solid #666;
    float: left;
    background: white;
    padding: 0px;
    margin: 0px;
}
    
div.captcha a.refresh {
    background: url(http://www.carport-discount.nl/cc/img/captcha_refresh.jpg) no-repeat center white;
    border: 1px solid #CCC;
    float: right;
    height: 29px;
    width: 29px;
    padding: 0px;
    margin: 0px;
}
    
div.captcha a.refresh:hover, div.captcha a.refresh.current {background: url(http://www.carport-discount.nl/cc/img/captcha_refresh_h.jpg) no-repeat center white;}

div.captcha a.refresh span {display: none;}

div.captcha div.bottom { 
    background: url(http://www.carport-discount.nl/cc/img/captcha_pfeil.gif) left bottom no-repeat;
    padding-left: 20px;
    margin: 0px;
}
    
div.captcha div.bottom span{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333;
    padding: 0px;
    margin: 0px;
    line-height: 180%;
}
    
div.captcha div.bottom span #captchafield,
div.captcha div.bottom span #textfield {
	padding: 0px;
	margin: 0px;
	width: 178px !important;
}


/*  Häcks
----------------------------------------------- */

/* Lineheight in den Kontaktdaten auf 100% setzen*/

.line100 { line-height:120%; }