/* CSS Document */

/*

--------------------------------------------------------

This css design was made by Alex Zitzmann.

--------------------------------------------------------

(c) 2005 CREATE IF FAILURE all rights reserved
http://krach.uni.cc/

--------------------------------------------------------

*/

body {
	background: #000000 url(../images/bg_body.gif);
	text-align: center;
	margin: 0;
	padding: 0;
	cursor: crosshair;
	font-family: arial, courier, sans-serif;
}

img { border: none; }

input,
textarea {
	padding: 3px;
	font: 11px/18px arial, courier, sans-serif;
	border: 1px solid #aaa;
	background: #fff;
	margin: 0 0 10px 0;
	width: 60%;
	color: #444;
	outline: none;
}

p,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
dd,
dt {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

p {
	font-size: 11px;
	line-height: 18px;
	margin-bottom: 9px;
}

#preform p,
#preform h4 {
	margin-bottom: 0;
}

form p {
	margin: 0;
	padding: 0;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 18px 0;
	text-transform: uppercase;
}

/*h2 span {
	background: #444;
	color: #fff;
	padding-left: 3px;
	padding-right: 3px;
}
*/
h2.start {
	margin-top: 0;
}

h3 {
	font: bold 13px/18px verdana, arial, sans-serif;
	color: #785028;
}

h3.start {
	margin-top: 0;
}

h3.botting {
	margin-bottom: 18px;
}

h4 {
	font-size: 11px;
	font-weight: bold;
	margin: 18px 0 6px 0;
	color: #724C26;
}

h4.start {
	margin-top: 0;
}

h4.botting {
	margin-bottom: 18px;
}

h5 {
	font-size: 11px;
	font-weight: bold;
	margin: 18px 0 6px 0;
	color: #00CCFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h5.start {
	margin-top: 0;
}

h5.botting {
	margin-bottom: 18px;
}

a {
	text-decoration: none;
	outline: none;
	color: #FF6699;
}

a:hover {
	background: transparent url(../images/bg_yellow.gif);
	color: #000;
	cursor: pointer;
}

a.noLink {
	color: #444;
	text-decoration: none;
	outline: none;
}

a.noLink:hover {
	background: transparent;
	cursor: pointer;
	color: #444;
}

.project ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.project ul li {
	display: block;
	padding: 0;
	margin: 1px 1px 0 0;
	float: left;
}

.project ul li a {
	display: block;
	width: 100px;
	height: 75px;
}

.project ul li a span {
	display: none;
	visibility: hidden;
}

.project ul li a#project_11 { background: transparent url(../images/illu.gif) no-repeat; }
.project ul li a#project_10 { background: transparent url(../images/logo.gif) no-repeat; }
.project ul li a#project_09 { background: transparent url(../images/corporate.gif) no-repeat; }
.project ul li a#project_08 { background: transparent url(../images/package.gif) no-repeat; }
.project ul li a#project_07 { background: transparent url(../images/web.gif) no-repeat; }
.project ul li a#project_06 { background: transparent url(../images/flyers.gif) no-repeat; }
.project ul li a#project_05 { background: transparent url(../images/shelter1_s.jpg) no-repeat; }
.project ul li a#project_04 { background: transparent url(../images/pollo_s.jpg) no-repeat; }
.project ul li a#project_03 { background: transparent url(../images/krach6xs.jpg) no-repeat; }
.project ul li a#project_02 { background: transparent url(../images/blauepunkte_s.jpg) no-repeat; }
.project ul li a#project_01 { background: transparent url(../images/glam2_small.jpg) no-repeat; }


.project ul li a#project_01:hover,
.project ul li a#project_02:hover,
.project ul li a#project_03:hover,
.project ul li a#project_04:hover,
.project ul li a#project_05:hover,
.project ul li a#project_06:hover, 
.project ul li a#project_07:hover,
.project ul li a#project_08:hover,
.project ul li a#project_09:hover,
.project ul li a#project_10:hover,
.project ul li a#project_11:hover,
  {
	background-position: 0 -75px;
}


.noMargin p,
.noMargin h1,
.noMargin h2,
.noMargin h3,
.noMargin h4,
.noMargin h5,
.noMargin h6 {
	margin-bottom: 0;
}

p.topping {
	margin-top: 9px;
}

.hr {
	height: 5px;
	line-height: 1px;
	font-size: 1px;
	border-bottom: 1px solid #444;
	margin: 8px 0 13px 0;
}

#comments dt img {
	margin: 0 8px;
	border: none;
}

#comments dl {padding: 0; margin: 0;}

#comments dt {
	color: #888;
	margin: 20px 0 0 0;
	padding: 8px 0 0 0;
	font: 9px/9px arial, sans-serif;;
	border-top: 1px solid #444;
	text-transform: uppercase;
}

#comments dt strong {
	color: #444;
}

#comments dd {
	padding: 6px 20px 0 20px;
	margin: 0;
}

.hidden {
	display: none;
	visibility: hidden;
}

.red {
	color: #922;
}

.pink {
	color: #698151;
}

.btn_skicka {
	padding: 0;
	background: transparent url(file:///karl/Users/karlakracht/Sites/mine/newsite/img/btn_skicka.gif) no-repeat;
	width: 45px;
	height: 16px;
	border: none;
}

.btn_send {
	padding: 0;
	background: transparent url(file:///karl/Users/karlakracht/Sites/mine/newsite/img/btn_send.gif) no-repeat;
	width: 45px;
	height: 16px;
	border: none;
}

.folders {
	margin-top: 25px;
}

.folders ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

.folders ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0 0 18px 0;
}

#wrap {
	margin: 40px 7% 0 7%;
	width: 86%;
	text-align: left;
	min-width: 500px;
}

#top_wrap {
	height: 30px;
	background:  url(../images/bg_topleft.png) no-repeat left top;
}

#top {
	height: 30px;
	margin: 0 1px 0 10px;
	background: transparent url(../images/bg_top.png) no-repeat right bottom;
}

#top ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#top li {
	float:left;
	padding: 0;
	margin: 0;
}

#top li a {
	display: block;
	height: 30px;
}

#top li span {
	display: none;
	visibility: hidden;
}

#main {
	background: transparent url(../images/bg_left.png) no-repeat left top;
}

#main_inner {
	background: transparent url(../images/bg_right.png) no-repeat right top;
}

#inner_wrap {
	margin: 0 11px;
	padding: 0 0 1px 0;
	background: #fff url(../images/pattern_01.gif) repeat-y 20px;
}

#left {
	float:left;
	width: 120px;
	margin: 0 20px 0 20px;
	display: inline;
	padding: 1px 0;
}

#right {
	margin: 0 5% 0 200px;
	color: #444;
}

#right img {
	padding: 0;
	border: none;
	margin: 1px 1px 0 0;
}

.spacer {
	height: 30px;
}

.spacer_white {
	height: 30px;
	background: transparent url(../images/white_bottom.gif) repeat-y 20px;
}

.clear {
	clear: left;
	height: 30px;
	background: transparent url(../images/white_bottom.gif) repeat-y 20px;
}

#bottom_left {
	height: 20px;
	background: transparent url(../images/bg_leftdown.png) no-repeat left top;
	float: left;
	width: 130px;
}

#bottom_left p a {
	display: block;
	width: 32px;
	height: 20px;
	background: transparent url(../images/lower_top.gif) no-repeat;
}

#bottom_left p a:hover {
	background-position: 0 -20px;
}

#bottom_left p span {
	display: none;
	visibility: hidden;
}

#bottom_right {
	background: transparent url(../images/bg_rightdown.png) no-repeat right top;
	height: 20px;
	margin-left: 130px;
}

#lower {
	width: 152px;
	margin: 0 0 0 auto;
}

#lower ul li span {
	display: none;
	visibility: hidden;
}

#lower ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#lower li {
	height: 20px;
	display: block;
	float: left;
}

#lower li#lower_copyright {
	width: 82px;
	background: transparent url(../images/lower_copyright.gif) no-repeat;
}

#lower li a#lower_cred {
	display: block;
	height: 20px;
	width: 70px;
	background: transparent url(../images/lower_cred.gif) no-repeat;
}

#lower li a#lower_cred:hover {
	background-position: 0 -20px;
}

#menu {
	width: 140px;
	font-size: 10px;
	text-transform: uppercase;
	background: #fff;
	padding-bottom: 20px;
}

#menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	border-top: 1px solid #eee;
}

#menu ul li a {
	padding-left: 17px;
	display: block;
	color: #444;
	height: 20px;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 20px;
	background: #fff url(../images/bg_menu.gif) no-repeat;
	border-bottom: 1px solid #eee;
}

#menu ul li a:hover {
	background-position: -400px 0;
}

#menu ul li.selected a {
	background: #444 url(../images/arrow_small.gif) no-repeat 7px 50%;
	font-weight: bold;
	color: #fff;
}

#menu ul li.selected a:hover {
	background-color: #666;
}

#menu ul li a span {
	background: #000;
	color: #fff;
}