/* 	
 * Jowa Beton & Design
 * 01/2010
 * Copyright (c) 2010 Daniel Bidmon
 * hello@go-shape.com
 * www.go-shape.com
*/

@import "reset.css";
@import "text.css";

body {
 background: #d5d5d5;
 text-align: center; /*fuer IE center*/
}

#container {
 text-align: left; /*Aufheben von IE center im BODY*/
 width: 1024px;
 top:20px;
 left: 50%;
 right: 50%;
 margin-left: -512px;
 height:650px;
 border: 1px  solid white;
 border-bottom: none;
 position: absolute;
 z-index: 200;
}

#background_img {
 text-align: left; /*Aufheben von IE center im BODY*/
 width: 1024px;
 top:20px;
 left: 50%;
 right: 50%;
 margin-left: -512px;
 _margin-left: -511px;
 /*background: url(../img/background1.jpg) 0px 0px no-repeat;  fällt weg da Typo3 Backgrounds */
 height:650px;
 border: 1px  solid white;
 border-bottom: none;
 overflow: hidden;
 position: absolute;
 z-index: 100;
}

a {
 color: #585858;
}

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

#header {
 width: 1024px;
 height: 110px;
}

#header a {
 text-indent: -9999; /* website namen ausgeblendet für screenreader */
 margin-right:30px;
 height: 107px;
 width: 200px;
 float:right;
 text-decoration: none;
}

#header a:focus {
 outline: none
}

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

#subnavigation {
 position: absolute;
 _margin-left: -135px;
}

#subnavigation ul {
 font-size: 10px;
 margin-left: 193px;
 overflow: hidden;
 list-style: none;
 padding-top: 3px;
 /* width: 624px; */
}

* html #subnavigation ul { /* IE Bug Abstand korigiert */
 margin-left: -193px;
}

#subnavigation ul li {
 background: white;
 float: left;
 margin: 0px 0px 3px 0px;
 padding: 0px 8px 0px 8px; 
 border-right: 1px solid #d5d5d5;
 height:20px;
}

* html #subnavigation ul li {
 padding: 0px 6px 0px 6px; 
}

#subnavigation ul li:last-child {
 border-right: none;
}

#subnavigation ul li a {
 text-decoration: none;
 color: #585858;
 font-weight: 200;
 letter-spacing: 0.5px;
}

#subnavigation ul li a:hover {
 color: #a2620c;
}

.aktiv {
 color: #a2620c;
 letter-spacing: 0.2px;
}

#subnavigation ul li a:focus {
 outline: none
}

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

#navigation {
 float: left;
}

#navigation ul {
 margin-top: 50px;
 overflow: hidden;
 list-style: none;
 width: 350px;
 font-size: 12px;
 text-transform: uppercase;
}

#navigation ul li {
 margin: 10px 0px 0px 0px;
}

#navigation ul li a {
 text-decoration: none;
 font-weight: 200; 
 letter-spacing: 1.5px;
}

#navigation ul li a:hover {
 color: #a33414;
 text-decoration: underline;
}

#navigation ul li.active a {
 color: #a33414;
 text-decoration: underline;
}

#navigation a:focus {
 outline: none;
}

#navigation .nav1  {
 margin-left: 125px;
}

#navigation .nav2 {
 margin-left: 140px;
}

#navigation .nav3 {
 margin-left: 155px;
}

#navigation .nav4 {
 margin-left: 170px;
}

#navigation .nav5 {
 margin-left: 185px;
}

#navigation .nav6 {
 margin-left: 195px;
}

#navigation .nav7 {
 margin-left: 205px;
}

.betonkunst {
 border: 1px solid white;
 text-shadow: 1px 1px 1px #000;
 color: #feec00;
 display: block;
 height: 25px;
 line-height: 25px;
 text-align: center;
 width: 140px;
 background: #454447;
 position: absolute;
 bottom: 19px;
 left: 230px;
 text-decoration: none;
 font-weight: normal; 
 letter-spacing: 1.5px;
 font-size: 12px;
 text-transform: uppercase;
 -moz-border-radius-topleft: 10px;
 -moz-border-radius-topright: 10px;
 -webkit-border-top-left-radius: 10px;
 -webkit-border-top-right-radius: 10px;
}

.betonkunst:hover {
 background: /*#FFEE00*/ #7f7f7f;
 color: #f3f3f3;
}

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

#main {
 margin-top:60px;
 width: 554px;
 overflow: hidden;
 padding-left: 60px;
 padding-right: 60px;
 float:right; /* fuer ie bug */
}

#col1 {
 height: 435px;
 width: 370px;
 overflow: scroll;
 position: absolute;
}

#col2 { 
 top: 170px;
 _top: -65px;
 _padding-top: 30px;
 right: 40px;
 _right: 60px;
 position: absolute;
}

* html #main { /* IE Bug Abstand korigiert */
 width: 700px;
 padding-right: 60px;
 position: absolute;
 z-index: 2;
}

#main h1 {
 font-size: 20px;
 font-weight: 100;
 text-transform: uppercase;
 color: #bc7515;
 letter-spacing: 1.5px;
 padding-bottom: 15px;
}

#main h2 {
 margin-left: 50px;
 width: 270px;
 font-weight: 400;
 font-size: 14px;
 color: #a33414;
 letter-spacing: 0.5px;
}

#main p {
 margin-left: 50px;
 color: #585858;
 font-weight: 400;
 width: 270px;
 font-size: 11px;
 line-height: 18px;
 letter-spacing: 0.5px;
}

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

#main a:focus {
 outline: none
}

#main img {
 margin-bottom: 10px;
}

#col2 .csc-textpic-imagewrap {
 overflow: hidden;
 height:360px;
}

#col1 .csc-textpic-imagewrap {
 overflow: hidden;
 margin-left: 50px;
 margin-bottom: 15px;
}

* html .csc-textpic-imagewrap { /* IE Bug Abstand korigiert */
 margin-top: 50px;
 height:350px;

}

#main #c37 table {
 margin-left:48px;
}

.csc-frame-rulerBefore {
 padding-top:30px;
 border-top: 1px solid #e2e2e2;
}

#c83 {
 position: absolute;
 margin-top: 140px;
 margin-left: -230px;
}


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

#footer {
 width: 1024px;
 _width: 1024px;
 position: absolute;
 top:650px;
 left: 50%;
 right: 50%;
 margin-left: -512px; 
 _margin-left: -1032px;
 background: black;
 height: 23px;
 line-height: 23px;
 overflow: hidden;
 position: relative;
 bottom:0px;
 border: 1px  solid white;
 border-top: none;
 z-index: 300;
}

#footer a {
 text-decoration: none;
 color:white;
 font-size: 10px;
 font-weight: normal;
 letter-spacing: 1px;
}

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

#footer a:focus {
 outline: none
}

#footer ul {
 float:left;
 color: white;
 list-style: none;
 font-size: 10px;
 letter-spacing: 1.5px;}

#footer .second_subnavigation {
 float:right;
 margin-right: 50px;
 color: white;
 list-style: none;
 font-size: 10px;
 letter-spacing: 1.5px;
}

#footer .second_subnavigation li {
 float:left;
}


/* prettyphoto */

.pp_description {
 text-align: center;
 padding-left: 30px;
 font-size: 16px;
 color: grey;
}

.pp_nav {
 bottom: 7px;
 width: 90px;
 position: absolute; 
}

.pp_nav p {
 font-size: 16px;
}

Element {
}




/* Formular */
fieldset.csc-mailform {
border:0;
}


.csc-mailform-label {font-size:12px; margin-bottom:20px; font-weight:bold; color:#11264a;}



.stern				{font-size:10px; font-weight:bold; color:#11264a;}

fieldset.csc-mailform label {
width: 200px;
float: left;
text-align: left;
margin-right: 10px;
display: block
}


fieldset.csc-mailform input,
fieldset.csc-mailform textarea {
margin-bottom: 10px;
font-size:10px;
font-family: Verdana, Helvetica, sans-serif;
border:1px solid #ccc;
padding:2px;
width: 300px;
}

.csc-mailform input {
height: 20px;
}

.csc-mailform textarea {
height: 100px;
}

#mailformformtype_mail {
	width: 100px;
}

#mailformformtype_mail:hover {
	background: #DADADC;
	color: #333;
}

fieldset.csc-mailform fieldset input {
float:none;
display:inline;
width:50px;
text-align:left;
border:0px

}

fieldset.csc-mailform fieldset label{
display:inline;
float:none;
text-align:left;
width:150px;
margin:10px 0;

}
fieldset.csc-mailform fieldset {
border:0;

}

fieldset.csc-mailform fieldset legend {
 display:none;
}

fieldset.csc-mailform select {
 width:100px;
 margin:2px 0;
}
fieldset.csc-mailform option {
padding:0 5px;
}