html { height: 101%; }
body {
font: 100% Verdana, sans-serif;
background: #010715 url(../img_main/cy_bg2.jpg) scroll top center repeat-y ;
margin: 0;
padding: 0;
text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
color: #bfccd7;
}
#container {
text-align:left;
width:886px;
margin: 0 auto;
padding-left:9px;
}
#logo {
width:260px;
height:100px;
position:relative;
float:left;
margin-top:15px;
margin-left:45px;
}
#header {
position:relative;
background:url(../img_main/cyan_header.gif) 46px 15px no-repeat;
width:886px;
height: 149px;
}
img{
border:none;
}
/* menu begin -----------------------------------------------------------------------------------*/
a:link, a:visited, a:active {
color:#bfccd7;
}
a:hover {
color:#426179;
}
#menu-top{
position:relative;
padding-right:34px;
overflow:hidden;
top:13px;
clear:right;
float:right;
font-weight:bold;
font-size:12px;
letter-spacing:0.08em;
}
#menu-top a, #menu-right a,#menu a, a, content-select a, #menu-about a{
outline:none;
}
#menu-top a,
#menu a,
#menu-right a,
#menu-about a{
overflow:hidden;
display:block;
text-decoration:none;
float:left;
}
#menu{
padding-left:37px;
overflow:hidden;
float:left;
font-weight:bold;
font-size:15px;
letter-spacing:0.08em;
}
#menu-right{
padding-top:3px;
padding-right:34px;
overflow:hidden;
float:right;
font-weight:bold;
font-size:12px;
letter-spacing:0.08em;
}
#menu-about{
padding-left:151px;
margin-top:24px;
margin-bottom:11px;
overflow:hidden;
font-size:12px;
font-weight:bold;
letter-spacing:0.08em;
}
#menu-right ul,#menu-right li, #menu-top ul,#menu-top li,#menu ul,#menu li,#menu-about ul,#menu-about li {
margin:0;
padding:0;
list-style:none;
display:inline;
}
#menu-right a, #menu-top a, #menu a,#menu-about a{
margin-top:0;
}
#menu a,#menu-top a,#menu-right a,#menu-about a{
text-decoration:none;
color:#426179;
}
#menu a:hover,#menu-top a:hover,#menu-right a:hover,.cc_active,#menu-about a:hover{
color:#bfccd7 !important
}
#menu li a
{
margin-right:23px;
}
#menu-right li a,
#menu-top li a
{
margin-left:15px;
}
h1.headlining
{
margin:8px 0 5px 37px;
font-size:18px;
color:#fefbf6;
text-indent:0px;
letter-spacing:2px;
text-transform:uppercase;
text-indent:0px;
}
#menu-about li a
{
border-right:1px solid #426179;
text-indent:9px;
}
#cc_references{
width:111px
}
#cc_history{
text-indent:0px !important;
width:79px;
}
#cc_workshop{
width:106px
}
#cc_early_days{
width:146px
}
#cc_first_guitars{
width:172px;
border:none !important;
}
/* menu end -----------------------------------------------------------------------------------*/
#content-select a img{
border: 1px solid #111c27;
}
#content-select a:hover img{
height:auto;
border: 1px solid #426179;
}
#trenner {
position:relative;
float:left;
background:#44454b;
margin-top:2px;
width:817px;
height:1px;
left:35px;
}
#main {
margin-left:35px;
}
img#full {
border: 1px solid #111c27;
}
#thumbs {
width:817px;
}
#thumbs a{
outline: none;
}
#thumbs a img{
border: 1px solid #bfccd7;
margin: 1px 2px 10px 1px;
}
#thumbs a:hover img, #thumbs a:focus img, #thumbs a:active img {
border: 1px solid #111c27;
}
#overall {
float:left;
margin-left:35px;
margin-top:7px;
width:817px;
font-style:italic;
padding:0px;
}
.backlink2 {
width:400px;
float:right;
font-size:0.7em;
line-height:1.8em;
text-align:right;
margin-top:13px;
margin-right:34px;
}
.col {width:130px;float:left;font-size:0.7em;line-height:1.8em;}
.col2 {width:440px;float:left;font-size:0.7em;line-height:1.8em; margin-bottom: 50px}
.size1 {font-weight:bold;font-size:0.95em; line-height:1.4em}
.size2 {font-size:0.7em; line-height:3.2em}
.cola {width:605px;float:left;font-size:11px; line-height:17px;margin-top:10px;padding-bottom:70px;}
.size1a {font-weight:bold;font-size:0.95em; line-height:1.2em; font-style:italic; }
#li-pos {
margin-top:25px;
margin-right:34px;
font-style:italic;
}
#guit-1 {
position:absolute;
width:258px;
height: 146px;
margin-top:37px;
margin-left:10px;
}
#guit-2 {
position:absolute;
width:258px;
height: 146px;
margin-top:216px;
margin-left:10px;
}
#guit-3 {
position:absolute;
width:258px;
height: 146px;
margin-top:395px;
margin-left:10px;
}
#guit-4 {
position:absolute;
width:258px;
height: 146px;
margin-top:109px;
margin-left:277px;
}
#guit-5 {
position:absolute;
width:258px;
height: 146px;
margin-top:288px;
margin-left:277px;
}
#guit-6 {
position:absolute;
width:258px;
height: 146px;
margin-top:37px;
margin-left:545px;
}
#guit-7 {
position:absolute;
width:258px;
height: 146px;
margin-top:216px;
margin-left:545px;
}
#guit-8 {
position:absolute;
width:258px;
height: 146px;
margin-top:395px;
margin-left:545px;
}
#menurahmen {
float:left;
border: 1px solid #111c27;
width:215px;
height:462px;
margin-left:35px;
color:#bfccd7;
font-weight:bold;
font-size:13px;
}
#menurahmen ul{
list-style:none;
margin:0px;
padding:11px 0px 0px 18px;
}
#menurahmen li{
margin-bottom:10px;
}
#menurahmen a{
text-decoration:none;
color:#426179;
}
#menurahmen a:hover{
text-decoration:none;
color:#bfccd7;
}
#name-hl {
float:left;
text-align:left;
padding-top:10px;
padding-left:10px;
color:#426179;
font-weight:bold;
font-size:13px;
}
#bandname{
font-size:16px;
margin-top:4px;
color: #bfccd7;
}
.backer {
position:absolute;
margin-left:528px;
}
.backlink {
width:200px;
float:right;
font-size:0.7em;
line-height:1.8em;
text-align:right;
margin-bottom:30px;
}
#contacter
{
float:right;
margin-left:87px;
margin-bottom:10px;
}