@charset "UTF-8";

body  {
	background-image: url(images/background.jpg);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	height:100%;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFFFFF;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size:12px;
	line-height: 1.7em;
}

a {
	color: #ffed72;
	text-decoration: none;
}

a:hover {
	color: #ffffff;
}

h2, h3, h4, h5 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: -.02em;
	margin: 0;
	padding: 0;
	line-height: 1em;
}

h1 {
	font-size:24px;
	padding:15px 0 15px 0;
}

h2 {
	font-size:14px;
	line-height: 1em;
	padding:0;
	margin: 0;
}

.bold {
	font-weight:bold;
	}
	
.ital {
	font-style:italic;
	}
	
.homepage {
	font-size:14px;
	text-align:center;
	}
	#flashcontent {
		height: 100%;
	}
	/* end hide */

#container { 
	width: 900px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background-color: #ffffff;
	height: 600px;
	margin: 20px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#header {
	background: #FFFFFF;
	height: 130px;	
} 

#sidebar1 {
	float: left;
	margin-top: 5px;
	width: 258px; /* since this element is floated, a width must be given */
	height: 465px;
	padding: 0px 0px 0px 0px; /* top and bottom padding create visual space within this div */
}

#home-wrapper {
	float:right;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 5px;
	width: 636px;
	height: 279px;
	background-image: url(images/content-bg.jpg);
	background-repeat:no-repeat;
	}
	
#home-left {
	float:left;
	width:336px;
	height: 279px;
	}
	
#home-right {
	float:right;
	width: 280px;
	height: 279px;
	padding: 70px 10px 70px 5px;
	}

	
#content {
	float:right;
	margin-top: 5px;
	margin-left: 5px;
	padding: 5px 10px 5px 10px;
	width: 616px;
	height: 275px;
	background-image: url(images/content-bg.jpg);
	background-repeat:no-repeat;
	}
	
#content-menu {
	padding-bottom:5px;
	text-align: center;
	}
	
#photo-gallery {
	float:right;
	margin-top: 5px;
	margin-left: 5px;
	width: 636px;
	height: 465px;
	}
	
#service ul,li{
float:left;
	font-size: 11px;
	line-height:1.5em;
	width: 300px;
	}
	
#left-bottom {
	float: left;
	width: 275px;
	height: 180px;
	text-align: right;
	background-color:#FFFFFF;
	}
	
#right-bottom {
	float: right;
	width: 367px;
	height: 180px;
	text-align: right;
	background-color:#FFFFFF;
	}

#footer { 
	width: 900px;
	margin:0px auto;
	margin-top:-20px;
	padding: 3px 3px 3px 3px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	text-align:center;
	font-size:10px;
	color: #6897a1;
	line-height: 1.5em;
} 

#footer a {
	font-size: 10px;
	color: #373737;
}

#footer a:hover {
	color:#FFFFFF;
	}

.column {
	padding-top:2px;
	float:left;
	font-size:12px;
	width: 25em;
	}
.applause {
	padding-top:2px;
	float:left;
	font-size:12px;
	width: 25em;
	}

#more {
clear:left;
margin-left:450px;
}

.column ul, .column li {
	margin: 0;
  	padding: 0;
	list-style:none;
	line-height: 1.3em;
}

.column ul.sublist{
	margin-left: 15px;
	list-style:square;
	}
	
form {
	width: 590px;
	text-align: left;
	margin-top: 10px;
}

fieldset {
	margin: 0;
	border: 0;
	padding: 0;
}

form label {
	display: block;
	width: 590px;
	font-size: 12px;
	line-height: 12px;
	padding: 0px 0px 8px 0px;
}

form input {
	display: block;
	margin-top: 1px;
}

form select {
	float: left;
	display: block;
}

form label.firstname {
	clear: left;
}

form label.firstname,
form label.lastname,
form label.city,
form label.email,
form label.event-type,
form label.event-date,
form label.evephone,
form label.dayphone {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 130px;
}

form label.submit {
	float: right;
	margin: 10px 10px 0px 0px;
	width: 100px;
}

form label.firstname input,
form label.lastname input,
form label.city input,
form label.event-type input,
form label.event-date input,
form label.evephone input,
form label.dayphone input {
	float: left;
	width: 130px;
	padding: 0px;
}

form label.state {
	float: left;
	margin-right: 10px;
	width: 60px;
}

form label.state select {
	width: 60px;
	float: left;
}

form label.hear {
	float: left;
	margin-right: 10px;
	width: 170px;
}

form label.hear select {
	width: 170px;
	float: left;
	margin-top: 3px;
}

form label.if-other {
	float: left;
	width: 90px;
	margin: 0 10px 0 0;
}

form label.if-other input {
	float: left;
	width: 90px;
}

form label.zip {
	float: left;
	width: 60px;
}

form label.zip input {
	float: left;
	width: 60px;
}

form label.address,
form label.email {
	float: left;
	width: 270px;
	margin: 0px 10px 0px 0px;
}

form label.address input,
form label.email input {
	float: left;
	width: 270px;
	padding: 0px;
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

img.floatLeft { 
    float: left; 
    margin: 5px 10px 5px 0px;
}
img.floatRight { 
    float: right; 
    margin: 10px; 
}	

.cssform p{
width: 250px;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 240px;
height: 150px;
}

/* Breite beschränken */
div.limiter {
	text-align: left;
	width: 80%;
	max-width: 69.23em;
	padding: 1.2em 1.5em;
	
	margin-left: auto;
	margin-right: auto;
}


ul {
	margin-bottom: 2em;
}


/* Listen */
ul#news {
	border: 1px solid #ccc;
	padding: 2em;
	background:  #fffeb8;
}

ul#portfolio li img{

}


.fade{
	margin-bottom: 2em;
}

.fade p{
	margin-bottom: 2em;
	text-align: center;
	width: 100%;
	background: #fff;
}


/**** noscript-Hinweis ****/

div#att {
	background-color: #fffeb8;
	border-bottom: 1px solid;
	height: 2.5em;
	line-height: 2.5em;
	position: absolute;
	top:0;
	width: 100%;
}

div#att p{
	background: transparent url(../images/att.png) no-repeat 0 46%;
	margin: 0;
	display: inline;
	padding: 6px 0 6px 26px;
}
	
/*** Blog ***/

#container-blog { 
	width: 900px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background-color: #ffffff;
	height:100%;
	margin: 20px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

#header-blog {
	background: #FFFFFF;
	height: 135px;	
} 

#sidebar-blog {
	width: 248px;
	padding: 10px 0px 0px 10px;
	text-align:left;
	background-color:#3a2919;
}

#middle {
	width: 6px;
	}
	
#content-blog {
	width: 596px;
	padding: 0px 20px 0px 20px;
	background-image: url(../images/blog-bg.jpg);
	background-repeat:no-repeat;
	}
	
h3.postTitle {
	font-size:24px;
	font-weight:normal;
	color: #3a2919;
	}
	
.commentlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.commentlist li {
	background: #4b7d87;
	width:520px;
	padding: 20px;
	border: 1px solid #2c555e;
	margin: 0 0 20px 0;
}

h4.commenttitle {
	font-size:14px;
	font-weight:normal;
	}