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

div.n,
div.flexmodul { padding: 5px; }
html * div.n { height:1%} /* IE6 */

.hidden { display: none !important; }


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

html, body { height:100%; }

.body { background:#FFFFFF }

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

/* Blog */
/*
a.trackbackUrl, 
a.trackbackUrl:link,
a.trackbackUrl:visited,
a.trackbackUrl:hover,
a.trackbackUrl:active
{
	background:#EEEEEE none repeat scroll 0% 0%;
	border:1px solid black;
	color:#333333;
	padding:2px;
	text-decoration:none;
}
*/
/* Häck für Übersichten */
div.blogselection div.n {padding:5px 0;}


span.comment
{
	padding-left:20px;
	background: url(cc/img/comment.gif) no-repeat 6px center;
}



/* datesticker - 1 */
div.datetime
{
	float:right;
	width:44px;
	height:45px;
	margin: 0 10px 10px 0;

	background: url(cc/img/datesticker-bg.png) no-repeat center center;
}


p.day-word { display:none;}
p.day
{
	padding-top:4px;
	font-size:18px;
	line-height:20px;
	color:white;
	text-align:center;
}
p.mon
{
	padding-top:1px;
	font-size:11px;
	color:white;
	text-align:center;
}
p.yr {display:none;}




/*  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(cc/img/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(cc/img/prev.png) left 25% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(cc/img/next.png) right 25% no-repeat; }

/* IE6 Buttons */
* html #prevLink:hover {  background: url(cc/img/prev.gif) left 25% no-repeat; }
* html #nextLink:hover {  background: url(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; outline: none;}	 

		
#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(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;
	padding:1px;
}


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;
}


/*
  Comments
*/

.skiptoform {float: right;}

ul.com-list,
ul.com-list-noava
{
	margin: 0 0 15px 0;
	padding: 0;
}

ul.com-list li,
ul.com-list-noava li
{
	display: block;
	border-top: 1px solid #CCC;
	padding: 12px 0 12px 0;
	position: relative;
	list-style:none;
	list-style-image:none;
}

ul.com-list div.com-avatar,
ul.com-list-noava div.com-avatar
{
	float: left;
	margin-left: 10px;
	text-align: center;
}

ul.com-list img.formloading,
ul.com-list-noava img.formloading
{
	margin:0 auto;
	background: white;
	padding:2px;
}

ul.com-list input.single { font-size:15px;}

input.jimdopage { background: url(img/jimdobg.gif) no-repeat right center; }

div.jimdologin
{
	padding:5px;
	background:#E8EAEA;
	color: #333;
	font:normal 11px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-top:1px solid #EEE;
	border-left:1px solid #EEE;	
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

div.jimdologin a,
div.jimdologin a:visited { color: #0099E1; }

ul.com-list .number,
ul.com-list-noava .number
{
	position:absolute;
	top:10px;
	right:10px;
}

ul.com-list .commententry,
ul.com-list .com-meta,
ul.com-list .com-locked { margin-left:90px; }

ul.com-list .com-locked,
ul.com-list-noava .com-locked { color: #c66; }

ul.com-list dl.zend_form,
ul.com-list-noava dl.zend_form { margin: 0; }


/*  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(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(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(cc/img/ok.gif) no-repeat 10px 50%;
}

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

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

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

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

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

.line100 { line-height:120%; }

div#jimdobox 
{
	width:170px;
	height:344px;
	border:1px solid #CCC;
	background:white;
	padding:5px;
	font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
	overflow:hidden;
	color:#333;
	text-align:left;
}

div#jimdobox a,
div#jimdobox a:visited,
div#jimdobox a.jimdolink,
div#jimdobox a.jimdolink:visited
{
	color:#0097DF;
	text-decoration:underline;
}

div#jimdobox a:hover,
div#jimdobox a.jimdolink:hover
{
	color:#0097DF;
	text-decoration:none;
}


div#jimdobox img#jimdologo
{
	display:block;
	margin:3px 0 0 7px;
}

div#jimdobox strong#jimdologo
{
	display:block;
	width:129px;
	height:46px;
	margin:3px 0 0 7px;
	text-indent:-2000px;
	cursor: pointer;
	background: url(cc/img/jimdo-sidebar.gif) no-repeat top left;
}


div#jimdobox span.title { margin:3px 0 0 25px;color: #4D4D4D; }

div#jimdobox select {width:160px;}
div#jimdobox input {width:160px; margin-bottom:2px;}

div#jimdobox hr {
	background-color:#CCC;
	color:#CCC;
	border: #CCC;
	height: 1px;
}

div#systemWorking { padding-top:2px; }

ul#jimdobox-sites {
	list-style:none;
	margin:0;
	padding:5px 0 0 0;
}

ul#jimdobox-sites li {
	margin:0;
	padding:0;
	display:inline;
}

ul#jimdobox-sites li a,
ul#jimdobox-sites li a:visited
{
	display:block;
	background:#F1F1F1;
	margin-top:1px;
	padding:2px;
	font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#0097DF;
}

ul#jimdobox-sites li a:hover
{
	background:#0097DF;
	color:white;
}


/*  del.icio.us 
----------------------------------------------- */

/* Style 1 */
div.delicious-1 ul
{
	margin:0;
	padding:0;
	list-style:none;
}


div.delicious-1 ul li
{
	margin:0 0 4px 0;
	padding:3px 0;
	border-bottom:1px dotted #CCC;
}

/* Style 2 */
div.delicious-2 ul
{
	margin:0 0 0 10px;
	padding:0;
}

div.delicious-2 ul li
{
	margin:0 0 4px 0;
	padding:3px 0;
}

/* Style 3 */
div.delicious-3 ul
{
	list-style:none;
	margin:0;
	padding:0;
}

div.delicious-3 ul li
{
	margin:0 0 4px 0;
	padding:3px 0;
}

div.delicious ul-3 li a.itemtitle { font-weight:bold; }