@import url("studiobasta_extensions.css");

/* CSS Document STUDIO BASTA*/

body {
margin:0;
padding: 0;
text-align: center;
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#333333;
}

img {border:0}
/*p {
padding:0;
margin: 10px 0 10px 0;
}*/
a {
text-decoration:underline;
color:#333333
}
a:hover {
text-decoration:underline;
color:#3FAB46
}
/*---------BOXEN---------*/
.meta{
width: 1000px;
margin:  20px auto 0 auto;
padding: 0;
text-align:right;
}
.header{
width: 1140px;
margin:  0 auto 0 auto;
padding: 0;
}
.inhalt{
width: 1140px;
margin:  30px auto 0 auto;
padding: 0;
text-align:left;
background: url(../images/layout/wiese.jpg) bottom no-repeat;
}
.inhalt table{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
.inhalt table td{
vertical-align:top}


.vor_dem_bottom{
clear:both;
width: 1140px;
margin:  0;
padding: 0;
height:500px;
}
.nav{
	margin:0;
	padding:  0;
	width: 240px;
	background:url(../images/layout/stange.jpg) repeat-y   232px  0px;
}
.mitte{
width: 515px;
margin:0;
padding: 0 0 0 25px  ;
}
/*Gallery*/
.projekt_titeln{
width: 500px;
margin: 0;
padding:  0;
}
.projekt_titeln h2 /*Name des Projektes*/{
margin: 0 0 15px 0 ;
padding:  0;
font-size: 12px;
font-weight:bold
}
.projekt_titeln h3 /*Kommentar zum Bild*/{
margin: 0 0 5px 0;
padding:  0;
font-size: 11px;
font-weight:normal;
display:none; /*bis man keine Bilderlegenden vom Kunde kriegt*/
}

.csc-frame-frame1 { /*Gallery Text, ex .rahm_gross*/
width: 460px;
height: 335px;
margin: 0;
padding: 20px;
opacity: 0.7;
background: url(../images/layout/galerie_rahm.gif) 0 0 no-repeat;
color: #000000
}

.rahm_gross.img_gross{/*Gallery Bild gross*/
width: 500px;
height:375px;
padding: 0;
margin: 0 0 25px 0;
opacity:1;
background-image: url(../images/rgsmoothgallery/leer.gif);
background-color:#FFFFFF;
border:3px solid #3FAB46
}
.rechts{
width: 290px;
margin: 0;
padding:  0;
}


/*---------LISTEN----------*/
.meta ul  {
	margin:0;
	padding:  0 ;
}
.meta  ul li  {
    margin: 0;
	padding: 0 5px 0 5px ;
	border-right:1px solid #333333;
	display:inline;
}
.meta  ul li a {
	text-decoration:none;
	}
.meta  ul li a:hover{
	text-decoration:none;
	color: #3FAB46
	}
.meta  ul li.aktiv{
	font-weight:bold
}

.nav ul  {
	margin: 0 30px 0 0;
	padding: 0 0 0 0;
	width:210px;
	text-align:right;
	font-weight:bold;

}
.nav  ul li  {
    margin: 0 0 15px 0;
	padding: 0;
    list-style-type: none;
    list-style-position: outside;
}
.nav  ul li.aktiv{
    list-style-image: url(../images/layout/fliege.gif);
}
.nav  ul li  a{
	color:#762C0C;
	text-decoration:none
	}
.nav  ul li  a:hover{
	color:#CC0000;
	text-decoration:none
	}
.nav ul  ul{
	font-weight:normal;
}
.nav  ul ul li  {
    margin: 0 0 5px 0;
	padding: 0;
    list-style-type: none;
    list-style-position: outside;
    list-style-image: none;
}
.nav  ul ul li.aktiv{
    list-style-image: url(../images/layout/fliege2.gif);
}

.mitte ul  {
	margin: 0 0 10px -5px;
	padding: 0;
}
.mitte  ul li  {
    margin: 0 0 0 20px;
	padding: 0;
    list-style-image:  url(../images/layout/floh.gif);
    list-style-type:  none;
    }


/*---------GALLERY----------*/
/*.thumbnail{
	cursor: pointer;
	padding:0;
	margin:0  0 14px 14px;
	background-position: center center;
	float: left;
	border: solid 1px #CCCCCC;
	width:80px;
	height:60px;
}
.thumbnail.aktiv {
	border: solid 1px #3FAB46;
	}
.raster_thumbnails {
padding: 27px 0 0 0;
text-align:right
}*/

#negativemargin {
margin-top: -375px;
z-index: 1;
}

/*---------TYPO----------*/
h1{
font-size:12px;
color: #762C0C;
font-weight:bold;
text-transform: uppercase
}

h2{
font-size:12px;
font-weight:bold;
}

h1.csc-firstHeader, h2.csc-firstHeader {
margin-top: 0;
}

.wichtig{
font-size:11px;
font-weight:bold;
}

.links_im_fliess{
float:left;
clear:left;
margin: 0 20px 40px 0
}

p {
/*clear:left*/
}

p.bodytext {
margin: 0;
}