/*******************************************************************************

	Project		:	new-hope-tattoo

	Copyright	:	expositio.de

*******************************************************************************/
/*
Farben:	lila für text 						: #9c3389
		orange für border und linien	: #ff8200
		Background body								: #ebebeb
		Breite seite									: 825px
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr  { margin: 5px; padding: 5px; border: none }
td  { margin: 5px; padding: 5px; vertical-align: top; border: none; border-spacing: 0px }
/*	reset some basic style
*******************************************************************************/
dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

a:hover { text-decoration:none; }
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}



.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }

.clearall {
	clear:both;
}


.flLeft { float:left; }
.flRight { float:right; }

.image.flLeft {padding-right : 10px; display: block; }
.image.flRight {padding-left : 10px;display: block; }

.warning, 
#content .warning { color:#f00; }

body {
	background: #ebebeb url('bodybackground.gif') repeat-x;
}

#backbottom {
	background: url('backbottom.jpg') repeat-x bottom;
	
}

#website {
	width:840px;
	margin: 0 auto;
}

#banner {
	margin: 0 auto;
	width:840px;
	height:87px;
	padding-top: 20px;
	background: url('newhopetattologo.gif') no-repeat;
}



.roundtoplarge,
.roundbottomlarge {
	width: 825px;
	height: 16px;
}

.roundtoplarge{
	background:  url('roundtoplarge.gif') no-repeat;
}

.top{
	width: 795px;
	background: #ffffff;
	padding: 0 15px 0 15px;
}

.top.float p{
	float:left;
	width: 205px;
	padding-bottom:10px;
	padding-right: 15px;
}

.top.float a{
	color: #9c3389;
	text-decoration:none;
}

.top.float a:hover {
	color:#ff8200;	
	
}


.roundbottomlarge{
	background:  url('roundbuttomlarge.gif') no-repeat;
	padding: 0 0 15px 0;
}

.roundnavtop,
.roundnavbottom {
	width: 136px;
	height: 17px;
}

.nav {
	width: 113px;
	padding: 0 8px 0 15px;
	background: #ffffff;
	height: 250px;
	line-height: 1.2em;
}

.roundnavtop{
	background:  url('roundnavtop.gif') no-repeat;
}

.roundnavbottom{
	background:  url('roundnavbottom.gif') no-repeat;
}

#navbox{
	width: 140px;
	float:left;
	height: 250px;
}


.roundcontentbottom,
.roundcontenttop {
	width: 671px;
	height: 16px;
}

.roundcontentbottom{
	background:  url('roundcontentbottom.gif') no-repeat;
	margin-bottom: 15px;
}



.roundcontenttop{
	background:  url('roundcontenttop.gif') no-repeat;
}
#content {
	width: 631px;
	background: #ffffff;
	padding: 0 15px 0 25px;
}

.floatcontent {
position:relative;
left: -15px;
	width: 671px;
	float:right;
}

#copyrights {
	text-align: right;
	width: 100%;
	color: #9c3389;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.2em;
	background: #ffffff;
	padding-bottom: 5px;
}

/*schriften*/

.toph1 {
	color: #9c3389;
	font-family: arial;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.5em;
	background: url('backgroundh1.jpg') repeat-x;
	background-position: left/bottom;
}

.top p {
	color: #9c3389;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.2em;
}

/**
.nav a {
	color: #9c3389;
	font-family: arial;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.8em;
	border-bottom: 1px solid #ff8200;
	text-decoration:none;
	background: url('backgroundnavlink.gif') no-repeat ;
}

.nav a:hover {
	color:#ff8200;	
}
**/

#content {
	color: #9c3389;
	font-family: arial;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.2em;
}

#content h1 {
	color: #9c3389;
	font-family: arial;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4em;
}

#content p {
	color: #9c3389;
	font-family: arial;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.2em;
	padding-bottom: 14px;
}

/*	Paragraphs / Lists
------------------------------------------------------------------------------*/

#content ul, {
	color: #9c3389;
	font-family: arial;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.2em;
	padding-bottom: 14px;
}
#content ul li ul,
#content ul li ol,
#content ol li ol,
#content ol li ul {
	font-size:1em;
}

#content ul {
	margin-left:14px;
	list-style-type:square;
}

#content ol {
	list-style-type:decimal-leading-zero;
}


/*	Hyperlinks
------------------------------------------------------------------------------*/
#content a, #content a:link   { color: #9c3389; text-decoration: underline }

#content a:hover {
	color:#ff8200;
}


#innerfade {
	height: 154px;
	overflow: hidden;
}

.fl {
	float: left; display: inline;
}

.galleryitem {
	width: 90px; height: 90px;padding: 0px;border: 1px solid #ff8200;margin-top:5px;margin-left: 9px; margin-bottom:5px; text-align:center; overflow: hidden;
}

img {
	border: 0; display: block;
}
.news_slider {
	position: relative; width: 600px; margin: 0 auto 20px auto; text-align: left;
}

* html .news_slider {
	margin: 0 auto;
	padding-bottom: 20px;
}

.news_slider .messaging {
	display: block; padding: 5px; margin: 0 20px 5px 20px; background: #ffffcc;
}
.news_slider .prev, .news_slider .next {
	position: absolute; top: 42%; display: none;
}
.news_slider .next {
	right: 0;
}
.news_slider .news_items {
	position: relative; width: 560px; top: 0; left: 20px; overflow: hidden; height: 40px;
}

* html .news_slider .news_items {
	padding-top: 15px;
}

.news_slider .view_all {
	font-size: .8em; padding: 5px; margin: 0 0 2px 0; border-top: #eeeeed 1px solid; border-bottom: #eeeeed 1px solid; text-align: center;
}
.news_slider .container {
	position: relative; top: 0; left: 0; width: 570px; background: #ffffff; height: 40px;
}
.news_slider .item {
	width: 40px; padding-right: 3px;
}
.news_slider .item div {
	font-size: .8em; width: 40px; padding: 10px 0 10px 0;
}
.news_slider .item img {
	padding: 0px;
}

/* form-module
*******************************************************************************/
#form-module * {
	padding:0px;
	margin:0px;
}

#form-module      { color: #9c3389;  margin: 0; padding: 0; width: 500px }

#form-module fieldset {
	border:0px solid #fff;
}

#form-module legend {
	display:none;
}


#form-module p {
	margin:0;
	padding:5px;
	font-size:1em;
	font-weight:bold;
}

#form-module .element    { display: block; clear: both }

#form-module label   { display: block; padding: 5px; width: 150px; float: left }

#form-module label.checkbox  { width: 372px }

#form-module input, 
#form-module select, 
#form-module textarea {
	float:left;
	margin:5px;
	width:295px;
	border:1px solid #9c3389;
}

#form-module input.text {
	height:20px;
}

#form-module input.checkbox {
	width:120px;
	padding:0;
	border:none;
}

#form-module input.submit   { color: #9c3389; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: white; text-align: center; cursor: pointer; margin: 5px 5px 5px 207px; padding: 2px 5px; position: relative; left: 175px; width: 80px; border: solid 1px #9c3389 }

#form-module input.submit:hover   { color: #ff8200; background-color: white }

#form-module label.textarea, 
#form-module textarea.textarea {
	height:96px;
}

#form-module-thanks {
	display:block;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:1.2em;
}


/* download
*******************************************************************************/
#content .download-hdl p, 
#content .download-file p, 
#content .download-desc p {
	margin:0;
}
#content .download-hdl p  { color: #fff; font-weight: bold; background-color: #c18a52; padding: 5px 7px }

#content .download-file {
	padding:1.2em 7px;
	border-left:2px solid #393;
	border-right:2px solid #393;
}

#content .download-desc  { background-color: silver; margin-bottom: 1.2em; padding: 1.2em 7px; border-right: 2px solid #393; border-bottom: 2px solid #393; border-left: 2px solid #393 }

#content .download-without-desc {
	margin-bottom:1.2em;
	border-top:2px solid #393;
}

/* 
Styles für die Spalten im Mainblock (Modul Spalten)
im Feld "Block-Name" zweier für die Spaltenart "zweispaltig" und dreier für die Spaltenart "dreispaltig" angegeben */

/* 2+3 */
.zweier, .dreier    { width: 480px }

/* 2 */
.zweier .spalte_1       { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin-right: 10px; width: 290px; float: left }

.zweier .spalte_2      { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin-left: 0; width: 150px; float: right }


/* 3 */
.dreier .spalte_1 {
 width: 30%;
 float: left;
 margin-left: 10px;
 margin-right: 10px;
}

.dreier .spalte_2 {
 width: 30%;
 float: left;
 margin-right: 10px;
}

.dreier .spalte_3 {
 width: 30%;
 float: right;
  margin-right: 0px;
}

/*	login form
------------------------------------------------------------------------------*/
.login {
	margin:1.2em 0 1.2em 0;
	width:170px;
	background-color:#ffffff;
	font-size:1.2em;
	line-height:1.4em;
}

.login2 {
	padding:5px 0 5px 14px;
}

.login label {
	display:block;
	clear:both;
	margin-top:5px;
	color:#9c3389;
}

.login input {
	float:left;
	margin:5px 0;
	width:130px;
	border:1px solid #9c3389;
	background-color:#fff;
}


.login input.submit { 
	border:none;
	background:none;
	color:#9c3389;
	text-decoration:underline;
	cursor:pointer;
}