/* ---------------------------------------

	Mc Lady Stylesheet

	Author: ellART.de
	Created: 2008/10/21
	Modified: 2008/11/29

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

	COLOUR PALETTE

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

	#Grey (Text) #333333
	#Magenta (Headings, Links) #e2027b
	#Green (Headlines, Hover): #33cc33

------------------------------------------ \*/


/* ---------------------------------------
	BASICS
------------------------------------------ \*/

* {
margin:0;
padding:0;
}

body {
background:#fff url(../images/bck.jpg) 50% 0 no-repeat fixed;
font:500 12px/1.6em Verdana, Arial, Helvetica;
color:#333;
}

img, div, h1, h2, h3, h4, h5, h6 { behavior:url(../scripts/iepngfix.htc);} /* IE6 PNG HACK \*/

h1 {
width:300px;
height:154px;
float:left;
background:url(../images/go-style-logo-head.png) 0 0 no-repeat;
text-indent:-9999px;
margin-top:-20px;
}


h2 {
width:250px;
height:13px;
background:url(../) 0 0 no-repeat;
float:left;
text-indent:-9999px;
margin:55px 0 0;
}

h3 {
font:500 18px/1.4em Verdana, Arial, Helvetica;
color:#333;
margin:20px 0 10px;
}

h4 {
font:700 18px/1.4em Verdana, Arial, Helvetica;
color:#333;
margin:20px 0 10px;
}

h3 span, h4 span { color:#e2007a;}

h5 {
font:700 13px/1.4em Verdana, Arial, Helvetica;
color:#33CC33;
margin:10px 0 0;
}

h6 {
font:700 13px/1.4em Verdana, Arial, Helvetica;
color:#333;
margin:10px 0 0;
}


p { margin:15px 0;}

a:link,
a:visited {
color:#e2007a;
text-decoration:none;
font-weight:700;
}

a:hover,
a:active { color:#33cc33;}

a img { border:none;}

img { border:1px solid #33cc33; }

ul img, .noBorder { border:none !important;}

.clear { clear:both;}

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

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

.zero {
margin:0 !Important;
padding:0 !Important;
}

.floatLeft { float:left;}

.floatRight { float:right}

/* ---------------------------------------
	SITE
------------------------------------------ \*/

#wrap {
width:980px;
margin:50px auto;
background:url(../images/wrap-bg.png) 0 0 no-repeat;
}

#player {
float:right;
height:23px;
width:23px;
}

#head { height:133px;}

.contentLeft, .contentRight {
width:780px;
padding:0 100px;
}

.contentLeft { background:url(../images/content-left-bg.png) 0 0 repeat-y;}

.contentRight { background:url(../images/content-right-bg.png) 100% 0 repeat-y;}

.content {
width:760px;
margin:0 10px;
}

.content .width650 { width:650px;} /* 6 Spalten \*/

.content .width540 { width:540px;} /* 5 Spalten \*/

.content .width430 { width:430px;} /* 4 Spalten \*/

.content .width320 { width:320px;} /* 3 Spalten \*/

.content .width210 { width:210px;} /* 2 Spalten \*/

.content .width100 { width:100px;} /* 1 Spalte \*/

.content .marginLeft { margin-left:10px;} /* Abstand für mehrere aufeinander folgende floats \*/

.content .justify { text-align:justify;} /* Blocksatz \*/


ul.service {
list-style:none;
margin:0 0 15px;
}

ul.service li {
display:block;
width:100px;
height:100px;
float:left;
margin:0 10px 10px 0;
text-align:center;
}

ul.list {
margin:15px 0;
list-style-type:none;
}

ul.list li {
background:url(../images/p_g.png) 0 5px no-repeat;
padding:0 0 0 20px;
line-height:1.5em;
}

.navi {
width:780px;
height:24px;
background:url(../images/navi-bg.png) 0 0 no-repeat;
padding:3px 0 0;
}

.navi ul {
width:674px;
height:27px;
margin:0 auto;
}

.navi ul li {
float:left;
list-style-type:none;
margin:0 22px 0 0;
font-weight:700;
}

.navi ul li a:link,
.navi ul li a:visited {
color:#e2007a;
text-decoration:none;
}

.navi ul li a:hover,
.navi ul li a:active,
.navi ul li a.active { color:#33cc33;}

.footerLeft, .footerRight {
width:980px;
height:110px;
margin:-15px 0 0;
}

.footerLeft { background:url(../images/footer-left-bg.png) 0 0 no-repeat;}

.footerRight { background:url(../images/footer-right-bg.png) 0 0 no-repeat;}

#footer {
background:url(../images/footer-bg.png) 0 0 no-repeat;
height:40px;
width:980px;
margin:-15px 0 0;
padding-top:70px;
text-align:right;
}

.highLight { font-weight:700;} /* Hervorhebung \*/

/* ---------------------------------------
	TABLES
------------------------------------------ \*/

table {
width:100%;
margin:20px 0 0 0;
}

table thead {
height:31px;
background:url(../images/thead-bg.png) 0 0 no-repeat;
}

table thead tr th {
text-align:center;
color:#fff;
padding:0 0 0;
font-weight:500;
}

table thead tr th.bold { font-weight:700 !important;}

table tbody {
}
table tbody tr { }

table tbody tr td {
text-align:center;
color:#000;
}

table tbody tr td.service {
text-align:left;
border-left:none;
font-weight:bold;
padding:5px 0 0 50px;
}

table tbody tr td.price { width:95px;}

table tbody tr td.bold { font-weight:700;}

.tableTitle {
width:430px;
height:27px;
text-align:center;
background:url(../images/table-title.png) 0 0 no-repeat;
font-weight:700;
padding:3px 0 0;
color:#e2027b;
font-size:18px;
margin:18px 0 0;
}

.tableTitle span { font-size:12px;}