/* basic stylesheet for www.gick-journaldesign.de */
/* author: www.ideenwerft.com */

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

/* =LAYOUT ======================== */
body {text-align:center;font-size:12px;font-family:georgia,verdana,Sans-Serif;color:#575757;background:#e9e9e9;}
#wrapper {width:820px;margin:30px auto 0; padding-bottom:40px;background:#fff;text-align:left;overflow:hidden;background:#fff;}
#top {width:780px; padding:15px 23px 0; margin-bottom:40px;overflow:hidden;}
#logo { width:200px; float:left; padding-top:5px;}
#navi { width:400px; float:right; text-align:right; margin-right:5px;}
#content { width:710px; padding:0 55px;color:#575757; min-height: 500px; }
.detail #content {padding-left:20px;}
#footer { width:820px; padding-bottom:25px;margin:10px auto 0; color:#bebebe;}

/* =BASIC STYLES ======================== */
.small {font-size: 0.9em;}
.xsmall {font-size: 0.8em;}
.red, .error {color:#c00;}
.grey {color:#999;}
.clear {clear:both;}
.italic {font-style:italic;}
.hide {display:none;}
/* links */
a:link, a:visited {color: #575757; text-decoration:none;}
a:hover, a:focus {color: #e64215;}
:focus {outline:0;}
a.internal-link:link, a.internal-link:visited {padding-left:15px;background: url(img/link.gif) 0 3px no-repeat;}
a.internal-link:hover, a.internal-link:focus {padding-left:15px;background: url(img/link.gif) 0 -17px no-repeat;}
a.external-link-new-window:link, a.external-link-new-window:visited {padding-left:14px;background: url(img/link_ext.gif) 0 3px no-repeat;}
a.external-link-new-window:hover, a.external-link-new-window:focus {padding-left:14px;background: url(img/link_ext.gif) 0 -13px no-repeat;}
a.pdf {padding-left:15px;background:url(img/file_pdf.gif) left top no-repeat;}
a.doc {padding-left:15px;background:url(img/file_doc.gif) left top no-repeat;}
a.mail {padding-left:15px;background:url(img/link_mail.gif) left top no-repeat;}
/* skip link - sichtbar beim navigieren per tastatur */
#skip a, #skip a:hover, #skip a:visited {position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
#skip a:active, #skip a:focus {position:static;width:auto;height:auto;} 
/* text */
p,h1,h1,h3,h4,h5 {}
p {line-height:1.4em;margin-bottom: 1em;}
h1 {font-size:1.5em;margin-bottom:0.6em;}
h2 {font-size:1.1em;margin:1em 0 0.4em;}
h3 {font-size:1.2em;margin:1em 0 0.3em;}
h4 {font-size:1.1em;margin:1em 0 0.2em;}
/* other */
ul,ol {list-style:none;}
#content ul {list-style:disc;margin-left:20px;line-height:1.5em;margin-bottom:10px;}
#content ol {list-style:decimal;margin-left:20px;line-height:1.5em;margin-bottom:10px;}
table {font-size: 1em;border-collapse:collapse;border-spacing:0;}
table td {vertical-align:top;}
/* achtung: tabellen brauchen weiterhin 'cellspacing="0"' im markup! */
table p {padding:0;margin:0;}
hr, div.linie-davor,  div.linie-danach {
clear:both;
background-color:#adadad; /* Mozilla 1.4 */
color:#adadad; /* IE 6 */
border: #adadad; /* Opera 7.11 */
height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
width:540px;
margin:10px 0;
}
address, caption, cite, code, dfn, th, var {font-style:normal;font-weight:normal;}
caption, th {text-align:left;}
fieldset {border:none;}
input, textarea, select {border:1px solid #ccc;font-size:1em;padding:2px;color:#336699;}
input:focus, textarea:focus {background-color:#f3f3f3;}
.csc-linkToTop {margin:30px 0 20px;}
.csc-linkToTop a:link, .csc-linkToTop a:visited {background:url(img/to-top.gif) 0 0 no-repeat;padding:2px 0 0 18px;font-weight:bold;text-decoration:none;}
.csc-linkToTop a:hover, .csc-linkToTop a:focus, .csc-linkToTop a:active {background:url(img/to-top.gif) 0 -30px no-repeat;text-decoration:none;}

img {border:0;}

/* =NAVIGATION ======================== */

#navi {list-style:none; list-style-position:inside; color:#4b4b4b;font-size:0.9em; text-decoration:none;font-family:verdana,arial,Sans-Serif;}
#navi li { display:inline;margin-left:15px;}
#navi .last { margin-left:0;}
#navi a:link, #navi a:visited {color:#4b4b4b; text-decoration:none}
#navi a:hover, #navi a:focus {color:#e64215; }

/** FOOTER ***/
#footer ul { width:400px; float:left; text-align:left; list-style:none; list-style-position:inside;font-size:0.9em; text-decoration:none;}
#footer li { display:inline;margin-right:15px; }
#footer .copy { width:200px; float:right; font-size:0.9em; text-align:right}
#footer a:link, #footer a:visited {color:#a1a1a1; text-decoration:none}
#footer a:hover, #footer a:focus {color:#e64215; }

/* =CONTENT ELEMENTS ======================== */
/* startseite */
.referenzen img {  margin-bottom:3px; float:left;}
.referenzen .last { margin-right:0; }
.referenzen p { width:200px; height:325px; float:left;margin-right:55px;line-height:1.3em;}
.detail p {margin-left:35px;}

/* CONTENT Profil */
.profil p { width:430px; float:left;}

/*CONTENT Kontakt, Impressum */
.kontakt p { margin-bottom:5px; }


/* =OTHER ======================== */
/* +++ copy ++++ */
a.copy:link, a.copy:visited { 
	float:right;
	width:40px;
	height:22px;
	margin:1px 20px 0 0;
	color:#fff;
	background:url(img/ideenwerft-anker.gif) right 0 no-repeat;
	display:block;
	padding:3px 43px 0 0;
	text-decoration:none;}
a.copy:hover, a.copy:focus { background:url(img/ideenwerft-anker.gif) right -25px no-repeat; color:#931229}

/* jQuery Gallery +++ */
/* Moving-Box */
#wrapperslider { width: 780px; margin: 25px auto; }
#slider { width: 708px; margin: 0 auto; position: relative; border: 1px solid #ccc;}

/* Rahmenschatten */
#left-shadow { position: absolute; top: 0; left: 0; width: 12px; bottom: 0; background: url(../img/slidebar/leftshadow.png) repeat-y; }
#right-shadow { position: absolute; top: 0; right: 0; width: 12px; bottom: 0; background: url(../img/slidebar/rightshadow.png) repeat-y; }

/* Scroll-Box */
.scroll { overflow: hidden; width: 708px; margin: 0 auto; position: relative; background:#efefef;}
.scrollContainer { position: relative; }
.scrollContainer div.panel { padding: 10px; width: 374px; height: 273px; }
.inside { padding: 0px; border: 0px solid #999; }
.inside img { display: block; border: 1px solid #666; margin: 0px; width: 300px; }

/* Scroll Buttons */
.scrollButtons { position: absolute; top: 90px; cursor: pointer; height:50xp;}
.scrollButtons.left { left: -35px; }
.scrollButtons.right { right: -35px;  }

/* Spezielle Classen */
.hide { display: none; }

/* =JQUERY FANCYBOX ======================== */

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 30;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('../img/fancybox/fancy_progress.png') no-repeat;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('../img/fancybox/fancy_close.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url("data:image/gif;base64,AAAA");
	outline: none;
	overflow: hidden;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('../img/fancybox/fancy_nav_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('../img/fancybox/fancy_nav_right.png') no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

#fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div#fancy_bg_n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('../img/fancybox/fancy_shadow_n.png') repeat-x;
}

div#fancy_bg_ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../img/fancybox/fancy_shadow_ne.png') no-repeat;
}

div#fancy_bg_e {
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../img/fancybox/fancy_shadow_e.png') repeat-y;
}

div#fancy_bg_se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../img/fancybox/fancy_shadow_se.png') no-repeat;
}

div#fancy_bg_s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('../img/fancybox/fancy_shadow_s.png') repeat-x;
}

div#fancy_bg_sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../img/fancybox/fancy_shadow_sw.png') no-repeat;
}

div#fancy_bg_w {
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../img/fancybox/fancy_shadow_w.png') repeat-y;
}

div#fancy_bg_nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../img/fancybox/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
	white-space: nowrap;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url('../img/fancybox/fancy_title_left.png') repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url('../img/fancybox/fancy_title_main.png') repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url('../img/fancybox/fancy_title_right.png') repeat-x;
}