/*

ALWAYS, ALWAYS ADJUSTING

0.RESET
1.BODY
2.LINKS (BUTTON FACTORY)
3.ID /OVERRIDES
4.COLUMNS
5.BRANDING (MASTHEAD, LOGO)
6.NAVIGATION (SUBNAVIGATION (SIDEBAR))
7.HEADINGS
8.DEFAULT STYLES/ NON-DEFAULT STYLES
9.FOOTER
10.FORMS (SEARCH)
11.IMAGES
12.ICONS
13.PAGINATION (PAGINATION FIXED)
14.TABLES
19.CSS 3
20.FIXES
21.IPHONE

00.SEARCH RESULTS
00.USER MESSAGE

*/

/* 0.RESET (td not reset for fz caption conflict !)
---------------------------------------------------------------------- */

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,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{
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
border:0;
background:transparent;
}

blockquote,q{quotes:none;}

ol, ul{list-style:none;}

li{
list-style-position:inside;
background:none;
}

sub,sup{line-height:0;}

sup{
padding:0 3px;
font-family:Georgia,serif;
font-size:11px;
vertical-align:super;
color:#900;
}

table{
border-collapse:collapse;
border-spacing:0;
}

/* 1.BODY
---------------------------------------------------------------------- */

body{
text-align:center;
font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif;
font-size:12px;
line-height:1.5;
color:#a8a6a9;
background:#fff;
}

/* 2.LINKS
---------------------------------------------------------------------- */

a{color:#007bb0;}

a:link,
a:visited,
a:active{text-decoration:none;}

a:hover,a:active{
color:#666;
text-decoration:underline;
}

a.current:link,
a.current:visited{text-transform:uppercase;}

a.facebook{
padding:5px 0 5px 20px;
background:url(http://thomaswinterstetter.com/2009/img/grafik/icon-facebook.png) 0 50% no-repeat;
}

a.feed{
padding:5px 0 5px 20px;
background:url(http://thomaswinterstetter.com/2009/img/grafik/cw-rss/005.png) 0 50% no-repeat;
}

a.twitter{
padding:5px 0 5px 20px;
background:url(http://thomaswinterstetter.com/2009/img/grafik/icon-twitter.png) 0 50% no-repeat;
}

/* 2.BUTTON FACTORY
---------------------------------------------------------------------- */

.button:link,
.button:visited,
.button,
button-action:link,
.button-action:visited,
.button-action{
margin-top:6px;
padding:3px 7px;
font-size:1em;
color:#000;
text-align:center;
background:url(http://thomaswinterstetter.com/2009/img/grafik/buttonbg.png) repeat-x;
border:1px solid #666;
border-color:#ccc #999 #999 #ddd;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
}

.button:hover,
.button-action:hover{
text-decoration:none;
background:url(http://thomaswinterstetter.com/2009/img/grafik/buttonbg.png) repeat-x 0 -47px;
border-color:#666
}

.button:active,
.button:focus,
.button-action:active,
.button-action:focus{
background:url(http://thomaswinterstetter.com/2009/img/grafik/buttonbg.png) repeat-x 0 -47px;
border-color:#999 #ccc #ccc #999;
}

.button-action:link,
.button-action:visited,
.button-action{color:#903;}

/* 13.RETURN
---------------------------------------------------------------------- */

.return a{
padding:12px 0 12px 16px;
color:#ff1000;
border-top:1px dashed #ddd;
border-bottom:1px dashed #ddd;
background:url("/2009/img/grafik/featured-leftarrow-boxed.gif") 0 50% no-repeat;
}

p.return{margin-top:36px;}

/* 3.ID
---------------------------------------------------------------------- */

#wrap{
margin:0 auto;
padding:0;
width:840px;
text-align:left;
}

#content{
float:left;
width:552px;
}

#content h1{
margin-top:36px;
line-height:1.1;
}

#content h3{padding:0;}

#content hr,
#content-auto hr,
#sidebar hr,
.col hr,
.col-2 hr,
.col-3 hr{
display:block;
margin:20px 0;
padding:0;
border-width:1px 0;
border-style:solid;
border-top-color:#ddd;
border-bottom-color:#fbfbfb;
}

#sidebar{
float:right;
width:264px;
font-size:11px;
color:#a8a6a9;
}

#sidebar h2{font-size:15px;}

#sidebar h3{
margin:12px 0;
}

#sidebar ul{
margin:12px 0 24px;
}

#sidebar ul li{
margin:7px 0;
}

#sidebar ul li.current a{font-weight:bold;}

#AGB li,#TOS li{line-height:1.9;}

.tagline{
margin:0 0 24px;
width:840px;
}

.icon{
float:left;
width:192px;
}

.words{
margin:36px 72px 0 0;
float:right;
width:526px;
color:#d3b604;
font-size:18px;
}

.words a{color:#007bb0;}

.words a:hover,.words a:active{
color:#666;
text-decoration:underline;
}

/* 3.ID OVERRIDE
---------------------------------------------------------------------- */

body#cols div.box h3,
#sidebar .box h3{margin-top:0;}

body#cols div.box p.last,
#sidebar .box p.last{
margin-bottom:0 !important;
}

body#sound #content h2,
body#sound #content h3,
body#reduce #content h2,
body#reduce #content h3{
margin:8px 0;
}

/* 4.COLUMNS
---------------------------------------------------------------------- */

body#cols .col h1{margin-top:0;}

body#cols .col ul,
body#cols .col-2 ul,
body#cols .col-3 ul{
margin:1em 0;
}

body#cols .col ul li,
body#cols .col-2 ul li,
body#cols .col-3 ul li{
margin:.5em 0;
}

.col{
float:left;
width:264px;
}

.col-2{
float:left;
width:264px;
margin:0 0 0 24px;
}

.col-3{
float:left;
width:264px;
margin:0 0 0 24px;
}

.double{width:528px;}

.col h3,
.col-2 h3,
.col-3 h3{
font-weight:bold;
color:#a8a6a9;
}

/* 5.BRANDING/MASTHEAD
---------------------------------------------------------------------- */

#header{
margin:0 0 3em;
padding:0;
background:#a8a6a9;
}

#logo{
margin:0 auto;
padding:1em 0;
width:840px;
}

#logo h1{
margin:0;
text-align:left;
text-indent:-9999px;
}

#logo h1 a{
padding:0;
display:block;
width:610px;
height:92px;
border-style:none;
}

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

#logo-20091108{
margin:0 auto;
padding:36px 0;
width:840px;
text-align:left;
}

#logo-20091108 a{
display:block;
width:310px;
height:35px;
background:url("http://thomaswinterstetter.com/2009/img/grafik/tw-alt.png") 0 0 no-repeat;
text-indent:-9999em;
}

#logo-20091108 a.masseo{
background:url("http://thomaswinterstetter.com/2009/img/grafik/tw-masseo.png") 0 0 no-repeat;
}

#logo-20091108 a.nineeleven{
background:url("http://thomaswinterstetter.com/2009/img/grafik/tw-911.png") 0 0 no-repeat;
}

#logo-20091108 a.photo{
background:url("http://thomaswinterstetter.com/2009/img/grafik/tw-photo.png") 0 0 no-repeat;
}

#logo-20091108 a.tw{
background:url("http://thomaswinterstetter.com/2009/img/grafik/tw-tw.png") 0 0 no-repeat;
}

#logo-20091108 img{
display:block;
width:0;
}

/* 6.NAVIGATION
---------------------------------------------------------------------- */

#navigation{
margin:0 auto;
padding:0;
width:840px;
}

#navigation ul{
margin:0;
padding:0;
}

#navigation li{
float:left;
margin:0;
padding:0;
background:#a8a6a9;
}

#navigation li a{
float:left;
padding:.4em 1.5em .4em;
text-decoration:none;
font-weight:normal;
font-size:11px;
line-height:1.5;
color:#fff;
border-left:1px solid #ddd;
border-top:1px solid #ddd;
background:#a8a6a9;
-webkit-transition:background-color .3s linear;
}

#navigation li a strong{
display:block;
font-size:11px;
line-height:1.5;
font-weight:bold;
text-transform:uppercase;
letter-spacing:2px;
color:#333;
color:rgba(255,255,255,.6);
-webkit-transition:color .3s linear;
}

#navigation li.last a{
border-right:1px solid #ddd;
}

#navigation li a:hover{background:#f10;}

#navigation li.active a{
background:#999;
-webkit-transition:none;
}

#navigation li.active a:hover{color:#fff;}

/* 6.SUBNAVIGATION (LANGUAGES)
---------------------------------------------------------------------- */

div.topnav{
position:absolute;
top:0;
right:24px;
z-index:1000;
white-space:nowrap;
padding:6px;
font-size:10px;
color:#666;
background:#a8a6a9;
border:1px solid #ddd;
border-top:0;
}

div.topnav li strong{color:#666;}

div.topnav li a{
text-decoration:none;
color:#666;
}

div.topnav li.selflink a{
font-weight:bold;
color:#fff
}

div.topnav li a:active{color:#fff;}

div.topnav li a:hover{text-decoration:underline;}

div.topnav ul{
margin:0 12px;
padding:0;
}

div.topnav li{
margin:0 3px;
padding:0;
display:inline;
background:none;
}

/* 6.SUBNAVIGATION (SIDEBAR)
---------------------------------------------------------------------- */

.featured ul,
.featured ol,
.featured dl{margin-bottom:24px;}

.featured li{
padding:0 0 6px;
display:block;
list-style:none;
background:none;
}

.featured li a{
line-height:1.5;
padding:0 0 0 16px;
background:url(http://thomaswinterstetter.com/2009/img/grafik/featured-arrow-boxed.gif) 0 50% no-repeat;
}

/* 7.HEADINGS
---------------------------------------------------------------------- */

h1,h2,h3,h4,h5{
font-weight:normal;
color:#666;
}

h1{
padding:0 0 12px;
font-size:18px;
}

h2{
padding:0 0 12px;
font-size:15px;
}

h3,
h4{
margin:0 0 12px;
font-size:12px;
}

/* 8.DEFAULT STYLES
---------------------------------------------------------------------- */

blockquote{
margin:0;
padding:0 24px 0;
font-family:Georgia,serif;
font-size:1.1em;
font-style:italic;
line-height: 1.6em;
background:url(http://thomaswinterstetter.com/2009/img/grafik/cw-html/Quote/Quote_16x16.png) no-repeat 0 .2em;
}

blockquote p{
margin:0 0 1.2em 0;
padding:0;
line-height:1.5em;
}

blockquote.punchout{
margin:0 0 1.5em;
padding:1.5em 0 0;
font-size:1.2em;
border-top:1px dashed #ddd;
border-bottom:1px dashed #ddd;
background:none;
}

blockquote.punchout p{margin-top:0;}

cite,em{color:#666;}

code{
padding:1px 3px 0;
font-family:"Panic Sans",Consolas,Monaco,"Courier New",Courier,Monospace;
color:#666;
border:1px solid #ddd;
}

del{
color:#a8a6a9;
text-decoration:line-through;
}

em.new{
display:inline-block;
margin-left:3px;
width:25px;
height:11px;
font-size:1em;
line-height:1;
text-indent:-9999px;
background:url(http://thomaswinterstetter.com/2009/img/grafik/new.png) 0 50% no-repeat;
}

.footnote{
margin:0 0 1.5em 0;
color:#a8a6a9;
font-family:Georgia,serif;
font-size:11px;
font-style:italic;
}

#content .footnote hr{border-style:dashed;}

hr,
.hide,
.lost{display:none;}

object{margin-bottom:12px;}

ol{
margin:0 0 1.5em 0;
padding:0;
list-style:decimal;
}

ol.navigation li{padding:0;}

p{
margin:0 0 1.5em;
}

ul{
margin:0 0 1.5em;
padding:0;
}

ul li{
padding:0 0 0 16px;
background:url(http://thomaswinterstetter.com/2009/img/grafik/featured-arrow.png) 0 .5em no-repeat;
}

ul.facebook,
ul.feed,
ul.twitter{
}

ul.facebook li,
ul.feed li,
ul.twitter li{
padding: 6px 0;
background:none;
}

ol li,ul li{
margin:0 0 .5em 0;
line-height:1.5;
}

ul li img,
ul li ul li img{vertical-align:middle;}

ul li ul{
margin:.5em 0 0 15px;
}

ul li ul li{
margin:0;
padding:0;
line-height:1.5;
list-style:disc;
}

/* 8.NON-DEFAULT STYLES
---------------------------------------------------------------------- */

.big{
font-size:18px;
font-weight:bold;
color:#666;
}

.blockone{
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
}

.blocktwo{background:#fff;}

.box{
margin-bottom:24px;
padding:1em;
border:1px solid #ceddef;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-khtml-border-radius:4px;
border-radius:4px;
}

.caps{
letter-spacing:2px;
text-transform:uppercase;
}

.center{text-align:center;}

.color,
.dazzle,
.update{color:#f10;}

.colorborder{
border:1px solid #f10;
}

.date{
text-transform:uppercase;
letter-spacing:0.1em;
}

.description{
margin-top:2em;
font-size:1.3em;
line-height:1.1em;
color:#a8a6a9;
margin:0;
}

.first{
margin-top:0 !important;
}

.floatRight{float:right;}

.hilite{
padding:1px 2px;
background:#ffffaa;
}

#nav_cat_archive li a:visited{
border-bottom:1px dotted #008dc6;
}

#nav_cat_archive li a:hover,
#sidebar li a:hover{border-bottom:none;}

.normal{font-weight:normal;}

nowrap{white-space:nowrap;}

.pale{color:#a8a6a9;}

.perma{
margin:0 0 24px;
padding:0 0 0 22px;
font-size:11px;
color:#a8a6a9;
background:url(http://thomaswinterstetter.com/2009/img/grafik/cw-infomanagement/Excerpt/Excerpt_16x16.png) 0 50% no-repeat;
border-bottom:1px dotted #ddd;
}

.plain{background:#fff;}

.punchline{
margin:0 0 1.8em;
padding:0;
font-size:21px;
line-height:1.2;
}

.rc{
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}

.right{
color:#a8a6a9;
text-align:right;
}

.serif{font-family:Georgia,serif;}

.shadow{
margin:1em 0 2em;
padding:0 0 9px 0;
background:url(http://thomaswinterstetter.com/2009/img/grafik/shadow24-left.png) no-repeat bottom left;
}

small,
.small,
.tiny{font-size:11px;}

span.amp{
font-family:Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif;
font-weight:normal;
font-style:italic;
font-size:1em;
line-height:1.5;
}

.structural{
position:absolute;
left:-9999px;
}

/* 9.FOOTER
---------------------------------------------------------------------- */

#footer{
margin:3em 0 0;
padding:1.5em 0;
background:#a8a6a9;
border-top:1px solid #999;
}

#footer-inner{
margin:0 auto;
padding:0;
width:840px;
font-size:11px;
line-height:1.5;
text-align:left;
color:#a8a6a9;
}

#footer hr{
clear:both;
display:block;
padding:24px 0;
border-top:0;
border-right:0;
border-bottom:1px solid #ddd;
border-left:0;
}

#footer h3{
margin:24px 0 6px;
font-size:11px;
font-weight:normal;
color:#666;
}

#footer h5{
margin:24px 0 12px;
color:#666;
padding:13px 0 10px 45px;
border-bottom:1px solid #ddd;
background:url(http://thomaswinterstetter.com/2010/img/grafik/briefcase/Briefcase32.png) 0 50% no-repeat;
}

#footer p{color:#666;}

#footer ul.inline li{
padding:0;
color:#666;
display:inline;
background:none;
}

#footer ul.inline li:after{
content:"\, \0020 \0020";
}

#footer ul.inline li.last:after{
content:" ";
}

#footer a{color:#fff;}

#footer a:hover{text-decoration:none;}

/* 10.FORMS (SEARCH)
---------------------------------------------------------------------- */

#navigation #t-search{
float:right;
width:200px;
position:relative;
top:0;
right:0;
}

div.search-form{
float:right;
margin:0;
padding:0;
border:0;
}

input.search-text{
float:left;
width:150px;
color:#f10;
}

div.search-form label{display:none;}

input[type="text"],textarea{
background-color:#eee;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border:1px solid;
border-color:#b3b3ae #ebebe6 #edede9 #bebeb9;
padding:5px;
margin:1px 0;
}

input[type="text"]:focus,textarea:focus{
background-color:#fff;
outline:0;
}

input.blur,textarea.blur{color:#a8a6a9;}

input.button{cursor:pointer;}

/*
Focus outline; Mozilla specific */

@-moz-document url-prefix(){
input:focus,
textarea:focus,
#navigation #t-search input:focus,
#navigation #t-search textarea:focus{
outline:2px solid #B6CBE5;
-moz-outline-radius:5px;
border-color:#5D92D4;
}
}

.checkbox{
padding:5px;
padding-left:0;
border:none;
}

label{
padding:.5em 0;
font-weight:normal;
font-size:1em;
cursor:pointer;
}

/* 10.COMMENTS
---------------------------------------------------------------------- */
.commentbg{
width:240px;
padding:5px 0 5px 15px;
border:1px dashed #ddd;
}

.commentbox{
margin:36px 0;
padding:24px;
font-size:11px;
color:#a8a6a9;
border:3px double #ddd;
}

.commentbox h3{margin-bottom:24px;}

.commentcount{
position:relative;
top:0;
right:0;
float:right;
color:#ddd;
}

#content fieldset{
margin-top:40px;
padding:30px 55px 20px;
text-align:left;
border:1px solid #ddd;
width:75%;
}

#content legend{
background-color:#edf0dc;
border:1px solid #ddd;
text-transform:uppercase;
font:11px Georgia,serif;
letter-spacing:1px;
padding:5px 15px;
margin-left:-36px;
}

#content div.wrap{
margin:12px 0 8px;
}

/* 11.IMAGES
---------------------------------------------------------------------- */

a img{border:none;}

a:hover img{background:none;}

.breadcrumb{
margin:0 0 2em;
font-size:11px;
color:#a8a6a9;
}

img.frame{
padding:4px;
background:#fff;
border:1px solid #ccc;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
}

img.frame-padded{
padding:25px 0;
}

a:hover img.frame{background:#ddd;}

img.thumb-right{
float:left;
margin:0;
}

.border{
padding:5px;
border:1px solid #ddd;
background: #fff;
-webkit-box-shadow: 1px 1px 2px #ccc;
-moz-box-shadow: 1px 1px 2px #ccc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-webkit-transition-property:background-color,color;
-webkit-transition-duration:.5s;
-webkit-transition-timing-function:ease-in;
}

a:hover img.border{
background:#ddd;
-webkit-transition-timing-function:ease-out;
}

#branding-photo{
width:185px;
padding:0 40px;
}

#branding-photo img{
margin:0 auto;
padding:5px;
background: #fff;
border:1px solid #ddd;
-webkit-box-shadow: 1px 1px 2px #ccc;
-moz-box-shadow: 1px 1px 2px #ccc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}

#branding-photo p{
margin:12px 0 24px;
text-align:center;
color:#a8a6a9;
}

#branding-photo p strong{display:block;}

.caption{
color: #160e01;
text-align:center;
color:#a8a6a9;
}

.image-full{
text-align: center;
vertical-align: top;
padding: 1.5em 0;
}

.thumbs{
text-align:left;
vertical-align:top;
padding:15px 30px 15px 0;
}

/* 12.ICONS
---------------------------------------------------------------------- */

.admin{
padding:0 0 0 20px;
background:url(http://thomaswinterstetter.com/2009/img/grafik/cw-html/Form-Input-Text/Form-Input-Text_16x16.png) 0 0 no-repeat;
}

.comment{
padding:5px 0 5px 20px;
background:url(http://thomaswinterstetter.com/2009/img/grafik/cw-basic/Comment/Comment_16x16.png) 0 50% no-repeat;
}

.confirm,
#sidebar h3.confirm{
padding:5px 0 5px 20px;
background:url(http://thomaswinterstetter.com/2009/img/grafik/cw-basic/Confirm/Confirm_16x16.png) 0 50% no-repeat;
}

.confirm-32{
padding:10px 0 10px 40px;
background:url(http://thomaswinterstetter.com/2009/img/grafik/cw-basic/Confirm/Confirm_32x32.png) 0 50% no-repeat;
}

.contact{
padding:0 0 0 20px;
background:url(http://thomaswinterstetter.com/2009/img/grafik/cw-basic/Contact/Contact_16x16.png) 0 0 no-repeat;
}

.continue,
#sidebar h3.continue{
padding:5px 0 5px 20px;
background:url(http://thomaswinterstetter.com/2009/img/grafik/cw-infomanagement/Continue/Continue_16x16.png) 0 50% no-repeat;
}

.cp{
padding:5px 0 5px 20px;
background:url(http://thomaswinterstetter.com/2009/img/grafik/cw-infomanagement/Control-Panel/Control-Panel_16x16.png) 0 50% no-repeat;
}

.delete{
padding:5px 0 5px 20px;
background:url(http://thomaswinterstetter.com/2009/img/grafik/cw-basic/Delete/Delete_16x16.png) 0 50% no-repeat;
}

.boxed{
padding:5px 15px 0 0;
background:url(http://thomaswinterstetter.com/2009/img/grafik/icon-box.gif) right center no-repeat;
}

.flag-germany,
#sidebar h3.flag-germany,
#footer h4.flag-germany{
padding:0 0 0 20px;
background:url(http://thomaswinterstetter.com/2007/img/grafik/icon-flag-germany-16.gif) 0 50% no-repeat;
}

.flag-usa,
#sidebar h3.flag-usa{
padding:0 0 0 20px;
background:url(http://thomaswinterstetter.com/2007/img/grafik/icon-flag-usa-16.gif) 0 50% no-repeat;
}

.home{
padding:5px 0 5px 42px;
background:url(http://thomaswinterstetter.com/2009/img/grafik/cw-basic/Home/Home_32x32.png) 0 50% no-repeat;
}

.icon-group{
padding:0 0 0 20px;
background:url(http://thomaswinterstetter.com/2009/img/grafik/cw-basic/Group/Group_16x16.png) 0 50% no-repeat;
}

.index a{
padding:5px 0 5px 20px;
background:url(http://thomaswinterstetter.com/2009/img/grafik/cw-infomanagement/Index/Index_16x16.png) 0 50% no-repeat;
}

.info,
#sidebar h3.info{
padding:5px 0 5px 20px;
background:url(http://thomaswinterstetter.com/2009/img/grafik/cw-basic/Info/Info_16x16.png) 0 50% no-repeat;
}

.label{
padding:5px 0 0 20px;
background:url(http://thomaswinterstetter.com/2009/img/grafik/cw-html/Label/Label_16x16.png) 0 50% no-repeat;
}

.label-32{
padding:5px 0 5px 40px;
background:url(http://thomaswinterstetter.com/2009/img/grafik/cw-html/Label/Label_32x32.png) 0 50% no-repeat;
}

.list{
padding:5px 0 5px 20px;
background:url(http://thomaswinterstetter.com/2009/img/grafik/cw-infomanagement/List/List_16x16.png) 0 50% no-repeat;
}

.message{
padding:5px 0 5px 42px;
background:url(http://thomaswinterstetter.com/2009/img/grafik/cw-basic/Comment/Comment_32x32.png) 0 50% no-repeat;
}

.mail{
padding:3px 0 0 20px;
background:url(http://thomaswinterstetter.com/2009/img/grafik/cw-basic/Mail/Mail_16x16.png) 0 50% no-repeat;
}

.new{
padding:0 0 0 28px;
background:url(http://thomaswinterstetter.com/2009/img/grafik/new-alt.png) 0 0 no-repeat;
}

.paypal{
padding:17px 0 17px 70px;
background:url(http://thomaswinterstetter.com/2007/img/grafik/icon-paypal.gif) 0 50% no-repeat;
}

.pdf{
padding:5px 0 5px 20px;
background:url(http://thomaswinterstetter.com/2009/img/grafik/bartelme/XMLDocs/PDF_16.png) 0 50% no-repeat;
}

.pdf-32 a{
margin:32px 0;
padding:18px 0 18px 60px;
height:48px;
font-size:15px;
font-weight:bold;
line-height:48px;
background:url(http://thomaswinterstetter.com/2009/img/grafik/bartelme/XMLDocs/PDF_48.png) 0 50% no-repeat;
}

.phone{
padding:5px 0 5px 20px;
background:url(http://thomaswinterstetter.com/2009/img/grafik/cw-infomanagement/Phone/Phone_16x16.png) 0 50% no-repeat;
}

.search,
#sidebar h3.search{
padding:5px 0 5px 20px;
background:url(http://thomaswinterstetter.com/2009/img/grafik/cw-basic/Search/Search_16x16.png) 0 50% no-repeat;
}

.shopping-cart{
padding:5px 0 5px 20px;
background:url(http://thomaswinterstetter.com/2009/img/grafik/cw-basic/Shopping-Cart/Shopping-Cart_16x16.png) 0 50% no-repeat;
}

.shopping-cart-add{
padding:5px 0 5px 20px;
background:url(http://thomaswinterstetter.com/2009/img/grafik/cw-basic/Shopping-Cart/Shopping-Cart_16x16.png) 0 50% no-repeat;
}

.sign-in{
padding:5px 0 5px 20px;
background:url(http://thomaswinterstetter.com/2009/img/grafik/cw-infomanagement/Sign-In/Sign-In_16x16.png) 0 50% no-repeat;
}

.sign-out{
padding:5px 0 5px 20px;
background:url(http://thomaswinterstetter.com/2009/img/grafik/cw-infomanagement/Sign-Out/Sign-Out_16x16.png) 0 50% no-repeat;
}
.sync{
padding:5px 0 5px 20px;
background:url(http://thomaswinterstetter.com/2009/img/grafik/cw-infomanagement/Sync/Sync_16x16.png) 0 50% no-repeat;
}

.ticket{
padding:0 0 0 20px;
background:url(http://thomaswinterstetter.com/2009/img/grafik/cw-infomanagement/Ticket/Ticket_16x16.png) 0 50% no-repeat;
}

.warning,
#sidebar h3.warning{
padding:5px 0 5px 20px;
background:url(http://thomaswinterstetter.com/2009/img/grafik/cw-basic/Warning/Warning_16x16.png) 0 50% no-repeat;
}

.warning-32{
padding:10px 0 10px 40px;
background:url(http://thomaswinterstetter.com/2009/img/grafik/cw-basic/Warning/Warning_32x32.png) 0 50% no-repeat;
}

/* 13.PAGINATION
---------------------------------------------------------------------- */

#content p.pagination{
margin:0;
padding:25px 0;
font-size:13px;
}

#content p.pagination a{
margin:0 3px;
padding:4px 8px;
text-decoration:none;
background:#fff;
border:1px solid #ddd;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}

#content .pagination-link{
font-size:13px;
color:#f10;
}

#content .pagination-link strong{
padding:12px 10px;
font-size:12px;
border:1px solid #ddd;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}

#content p.pagination a:hover{
text-decoration:none;
border:1px solid #ddd;
border-left:1px solid #666;
border-top:1px solid #666;
}

.paginate{
padding:0 0 2em;
}

/* 13.CONTROLS
---------------------------------------------------------------------- */
 
#controls{
margin:0 0 12px;
width:100px;
height:60px;
position:relative;
right:0;
top:0;
}

#controls *{border:none;}

#controls div{
width:40px;
height:60px;
float:left;
}

#controls div a{
padding-top:40px;
display:block;
height:20px;
font-size:10px;
text-align:center;
}

#controls #nextItem{
background:url(http://thomaswinterstetter.com/2010/img/grafik/controls.png) no-repeat -180px 0;
}

#controls #previousItem{
background:url(http://thomaswinterstetter.com/2010/img/grafik/controls.png) no-repeat -120px 0;
margin-right:20px;
}

#previousItem.focus,
#nextItem.focus{
outline:1px dotted #000;
}

/* 14.TABLES
---------------------------------------------------------------------- */

table.album{
margin:1em 0;
}

table.album tr td,
table.album tr th{
padding:10px;
color:#a8a6a9;
border:1px solid #ddd;
}

table.album tr th{
font-weight:normal;
color:#a8a6a9;
text-transform:uppercase;
}

#playlist{
border:1px solid #666;
}

#playlist tbody tr th,
#playlist tbody tr td{
padding:3px 6px;
border-left:1px solid #D9D9D9;
border-bottom:1px solid #D9D9D9;
}

#playlist tbody tr.selected td{
background:#eeeee1;
font-weight:bold;
}

/* 20.HASHGRID
---------------------------------------------------------------------- */
#grid{
background:url(/js/dotjay-hashgrid/bg-grid-980.gif) repeat-y 0 0;
width:840px;

/* Grid (left-aligned)
position:absolute;
top:0;
left:0;
*/

/* Grid (centered) */
position: absolute;
top:0;
left:50%;
margin-left:-420px;
}

#grid .horiz{
height:299px;
border-bottom:1px dotted #ff1000;
margin:0;
padding:0;
}

/* 20.SELF-CLEAR FLOATS
---------------------------------------------------------------------- */

#navigation ul:after,
#wrap:after,
#controls:after,
#footer:after,
.group:after{
visibility:hidden;
display:block;
font-size:0;
content:"";
clear:both;
height:0;
}

/* 20.TESTING
---------------------------------------------------------------------- */