body{   
        background-color:#ccc;
        background-image: url('http://www.sunnybeatz.de/test/bg.png');
	background-repeat: repeat;
        background-attachment: fixed;
	color:#ffffff;
	font-family: arial;
	font-size:10px;
	line-height:12px;
	text-align:justify;
}

#container{

#content {
	color: #ffffff;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
        left: 160px;
        width: 475px;
        top: 470px;
	padding: 0px;
        position: absolute;
	letter-spacing: 1px;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-right: 90px;
	margin-left: 1px
	}

}

#header{
	width:774px;
	height:388px;
        background-image: url('images/header.png');
        border-bottom: 1px solid #000;
}

#content{
        position: absolute;
        left: 380px;
        width: 490px;
        top: 430px;
}

#sidebar{
        position: absolute;
        left: 155px;
        width: 200px;
        top: 423px;
        color:#555;
}


h1{
	font-family:georgia;
        font-weight: normal;
        font-size:18px;
	color: #000;
	text-decoration: none;
	text-transform: lowercase;
	text-align: left;
	margin: 1px; 
        padding: 1px;
        font-style: italic;
}

h2{
	font-family:times new roman;
        font-style: italic;
        font-size:12px;
	color: #121212;
	text-transform: lowercase;
        letter-spacing: 1px;
	margin: 0px; 
        padding: 3px;
	text-align: right; padding-right:10px;
        background-image: url('images/h2.png');
	border-bottom: #000 solid 1px;
}

h3{
	font-family:times new roman;
        font-size:10px;
	color: #d8d8d8;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	margin: 0px; padding: 4px;
        font-weight: bold;
	letter-spacing: 3px;
	border-bottom: #ffffff solid 0px;
}

h3:first-letter {
        color: #de9b42;
}


a.navi:link, a.navi:active, a.navi:visited{
        font-family:times new roman;
        font-style: italic;
        font-size:10px;
	color: #dadada;
	text-transform: lowercase;
        letter-spacing: 2px;
	margin: 1px; padding: 2px;
        padding-left:10px;
	text-align: left;
        background-color:#121111;
        display:block;
}
a.navi:hover{
        font-family:times new roman;
        font-style: italic;
        font-size:10px;
	color: #eee;
	text-transform: lowercase;
        letter-spacing: 2px;
	margin: 1px; padding: 2px;
        padding-left:20px;
	text-align: left;
        background-color:#333;
        display:block;
        border-left:5px solid #E52F2F;
}

a.navi2, a.navi2:visited {
	margin:1px;padding:2px;
	font-family: arial;
	font-size:10px;
	color:#444;
	display: block;
	line-height:8px;
	text-align: center;
	background-color:#222;
	text-transform:lowercase;
	letter-spacing:0px;
}
a.navi2:hover {
	color:#eee;
	letter-spacing:2px;
}

a{
        color: #323232;
        text-decoration:none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
a:hover{
        color:#ffffff;
        text-decoration:none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}


img{ 
        border-style: none;
}
b { 
        color:#e81e2a;
	font-size:10px;
}
i {
        color:#323232;
}
u {
        color:#323232;
        border-bottom:1px dashed #e81e2a;
}


u1 {
	color: #575555; 
	font-size: 12pt; 
	font-family:Arial Narrow;
	border-bottom: 1px dashed #ffffff; 
	}


img.border{
        background-color: #222;
        border:1px solid #111;
        padding: 3px; 
        margin:1px;
}

blockquote{
        padding:6px; color: #777;
        border:1px solid #000;
	background: url('/test/hg.png');
	width: 220px;
}




input, submit, textarea{
	font-family: arial;
	font-size:10px;
	line-height:12px;
        padding:3px; 
        margin:0px;
        color: #777;
        background-color:#121111;
        border:1px dashed #808080;
        width: 200px;
}

::-webkit-scrollbar-thumb {
        background-color: #111;  
}
::-webkit-scrollbar {
        width: 10px; height: 4px; 
        background: #444;
}




#lay {
	position: absolute;
	top: 0px;
	left: 0px;
	}



#laufschrift
{
        position: absolute;
        overflow: auto;
        left: 660px;
        width: 300px;
        top: 410px;
        height: 115px;
}



#laufschrift2
{
        position: absolute;
        overflow: auto;
        left: 30px;
        width: 110px;
        top: 100px;
        height: 290px;
}

.navibox {
	background-color: transparent;
	padding: 5px;
	border-left: 1px solid #100C0F;
	border-right: 1px solid #100C0F;
	}



.sunnybeatz {
	color: #151515;
	font-family: Century Gothic;
	font-size: 12px;
	text-shadow: #ffffff 1px 1px;
	text-transform:uppercase;
	text-align: right;
	letter-spacing: 3px;
	display: block;
	border-bottom: 1px solid #100C0F;
	background: url('http://www.schnipselwiese.de/titelbg28.png');
	margin-bottom: 1px;
	margin-top: 0px;
	}



.sunnybeatz1 {
	color: #393939;
	font-family: Century Gothic;
	font-size: 12px;
	text-shadow: #ffffff 1px 1px;
	text-transform:uppercase;
	text-align: left;
	letter-spacing: 3px;
	display: block;
	border-bottom: 1px solid #100C0F;
	background: url('http://www.schnipselwiese.de/titelbg28.png');
	margin-bottom: 1px;
	margin-top: 0px;
	}



.sunnybeatz3 {
	color: #151515;
	font-family: Century Gothic;
	font-size: 12px;
	text-shadow: #ffffff 1px 1px;
	text-transform:uppercase;
	text-align: left;
	letter-spacing: 3px;
	display: block;
	border-bottom: 2px solid #100C0F;
	background: url('/Mainlayout/titel_bg.png');
	margin-bottom: 1px;
	margin-top: 0px;
	}



.newsbox {
	width: 500px;
	margin: 0px auto;
	padding: 1px;
}

h2 {
	color: #151515;
	font-family: Century Gothic;
	font-size: 12px;
	text-shadow: #ffffff 1px 1px;
	text-transform:uppercase;
	text-align: left;
	letter-spacing: 3px;
	display: block;
	border-bottom: 1px solid #100C0F;
	background: url('http://www.schnipselwiese.de/titelbg28.png');
	margin-bottom: 1px;
	margin-top: 0px;
}

.newsbox_middle {
	background-color: transparent;
	color: #464646;
	padding: 5px;
	font-size: 11px;
	line-height: 15px;
}

.newsbox_ava {
	width: 100px;
	margin: 5px;
	padding: 3px;
	float: left;
	text-align: center;
	line-height: 13px;
	background-color: #252525;
	color: #e81e2a;
}

.newsbox_ava img {
	margin: 0px 0px 3px 0px;
}

.newsbox_bottom {
	text-align: center;
	font-family: "Times New Roman", serif;
	font-size: 15px;
	font-style: italic;
	margin: 3px 0px 10px 0px;
}


.newsbox_cat {
	width: 350px;
	margin: 5px;
	padding: 3px;
	float: left;
	text-align: center;
	line-height: 13px;
	background-color: #201E1F;
	color: #e81e2a;
}



.rand {
	border : 2px solid #333;
}



a.top:link, a.top:active, a.top:visited{
	font-family: "Arial"; 
	text-align:center;
	padding-top:8px;
	padding-bottom:9px;
	padding-right: 15px;
	padding-left: 15px;
	margin:1px;
	font-size: 13px; 
	color: #808080;
	display:block;
	float:left;
	width:60px;
	margin-top:0px;
	background-color: #151515;

}


a.top:hover{
	font-family: "Arial"; 
	text-align:center;
	padding-top:8px;
	padding-bottom:9px;
	padding-right: 15px;
	padding-left: 15px;
	margin:1px;
	font-size: 13px; 
	color: #808080;
	display:block;
	float:left;
	width:60px;
	margin-top:0px;
	background-color: #151515;

}



small {
	font-family: Arial; 
	font-size: 10px
	}


a.nav2, a.nav2:link, a.nav2:active, a.nav2:visited { 
width:90px;
height:90px;
display: inline-block;
border-radius:45px;
-moz-border-radius:45px;
-webkit-border-radius:45px;
-khtml-border-radius:45px;
font-size:16px;
margin: 2px;
line-height:90px;
text-align:center;
background: #151515;
font-family:georgia; 
text-transform:lowercase; 
font-style: italic;
text-decoration:none;
font-weight:none;
letter-spacing:-1px;
-webkit-transition: 0.8s ease-out;-moz-transition: 0.8s ease-out;transition: 0.8s ease-out;
color: #E52F2F;
	border: 2px solid #100C0F;
} 

a.nav2:hover { 
transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform:      rotate(360deg); -o-transform: rotate(360deg);
color: #000000;
font-size:20px;
	background: url("/test/ava.png");

}




.boxlinks {
-moz-box-shadow: 0px 0px 6px #a4a4a4;
-webkit-box-shadow: 0px 0px 6px #a4a4a4;
box-shadow: 0px 0px 6px #a4a4a4;
margin: 1px;
margin-top: 5px;
color: #424242;
font-family: Arial;
font-size: 11px;
padding: 5px;
text-align: center;
width: 70%;

}



.gfxbox {
	color: #575555;
	font-family: Arial;
	font-size: 8pt;
	text-align:left;
	background-color: #121111;
	letter-spacing: 0px;
	border-left: 1px dashed #404040;
	border-top: 1px dashed #404040;
	border-right: 1px dashed #404040;
	border-bottom: 1px dashed #404040;
	margin-bottom: 16px;
	padding-left: 2px;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-right: 2px;

	}


.gfxbox2 {
	color: #575555;
	font-family: Arial;
	font-size: 10pt;
	background-color: #121111;
	letter-spacing: 0px;
	border-left: 1px dashed #404040;
	border-top: 1px dashed #404040;
	border-right: 1px dashed #404040;
	border-bottom: 1px dashed #404040;
	margin-bottom: 16px;
	padding-left: 2px;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-right: 2px;
	width:170px;
	}


/* PAGES SEITENNAVIGATION */

A.pages:link, A.pages:active, A.pages:visited {
        background: #121111;
        margin: 0 1px;
        padding: 6px 10px;
        color: #3e3e3e;
        font-size: 9px;;
	text-transform: lowercase;
}

A.pages:hover {
        background: #f1f1f1;
        color: #000000;
}

.current {
        font-family: Arial;
        font-size: 9px;
        color: #464646;
        padding: 6px 10px;
        background: #f6f6f6;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.pages {
        font-family: Arial;
        font-size: 9px;
        font-weight: normal;
        color: #454545;
        background-color: #f6f6f6;
        padding: 3px 5px 4px 5px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}



a.aff:link, a.aff:active, a.aff:visited {
font-size: 10px;
        color: #454545;
font-weight: bold;
text-transform: uppercase;
font-family: arial;
text-align: center;
display: block;
margin: 1px;
padding: 7px 3px 3px;
line-height: 10px;
        background-color: #121111;
}

a.aff:hover {
        color: #ffffff;
        background-color: #121111;
}


.roundicon{
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}




#pitlimo
{
        position: absolute;
        overflow: auto;
        left: 880px;
        width: 210px;
        top: 60px;
        height: 152px;
}



################## INSTAGRAM - ABOUT - VORSCHAU ##################

.jcarousel-skin-embedagram .jcarousel-container {
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    background: #444;
    border: 1px solid #333;
}

.jcarousel-skin-embedagram .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-embedagram .jcarousel-container-horizontal {
    width: 320px;
    padding: 20px 40px;
}

.jcarousel-skin-embedagram .jcarousel-container-vertical {
    width: 100px;
    height: 320px;
    padding: 40px 20px;
}

.jcarousel-skin-embedagram .jcarousel-clip-horizontal {
    width:  320px;
    height: 100px;
}

.jcarousel-skin-embedagram .jcarousel-clip-vertical {
    width:  100px;
    height: 320px;
}

.jcarousel-skin-embedagram .jcarousel-item {
    width: 100px;
    height: 100px;
}

.jcarousel-skin-embedagram .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-embedagram .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-embedagram .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-embedagram .jcarousel-item-placeholder {
    background: #444;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-embedagram .jcarousel-next-horizontal {
    position: absolute;
    top: 53px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-embedagram .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(prev-horizontal.png);
}

.jcarousel-skin-embedagram .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-embedagram .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-embedagram .jcarousel-next-disabled-horizontal,
.jcarousel-skin-embedagram .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-embedagram .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-embedagram .jcarousel-prev-horizontal {
    position: absolute;
    top: 53px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-embedagram .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
}

.jcarousel-skin-embedagram .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-embedagram .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-embedagram .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-embedagram .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-embedagram .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-embedagram .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-embedagram .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-embedagram .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-embedagram .jcarousel-next-disabled-vertical,
.jcarousel-skin-embedagram .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-embedagram .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-embedagram .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-embedagram .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-embedagram .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-embedagram .jcarousel-prev-disabled-vertical,
.jcarousel-skin-embedagram .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-embedagram .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}