@charset "utf-8";
/* CSS Document for Peak37 */
/******************** ************ *********************/

/****************** GENERAL SETTINGS********************/
/* GLOBAl SETTINGS */
body, html {
	margin:0;
}

img, a, a.img {
	border:none; 
	padding:0; 
	margin:0;
}

/*LINKS SETTINGS*/
a:hover { 
	text-decoration:underline;
}


/* FONT STYLING */
p, p.link, a.link, a, h1, h2, h3, label, h2.commenttitle, h2.commenttitleRed, span.red, p.red {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	margin:0;
	line-height:16px;
	text-decoration:none;
}
p.link, a.link, .projekt_box a {
	color:#ed1c24; 
	float:left;
}

h1, h2, h3 {
	font-weight:bold; 
	margin-bottom:25px;
}

h1 { 
	font-family: Helvetica, sans-serif; 
	font-weight:normal; color:#ed1c24; 
	font-size:14px;
}

span.grey {
	color:#666666;
}

h3 {
	margin-bottom:10px;
}

a.link, h2.commenttitle, h3.commenttitleRed {
	font-weight:bold;
}

h2.commenttitle, h2.commenttitleRed {
	margin-top:20px;
}

h2.commenttitleRed, span.red, p.red {
	color:#ed1c24;
}

p.green {
	color:#33CC00;
}

a.menu {
	font-family: Helvetica, Verdana, sans-serif; 
	font-size:12px; color:#FFFFFF; margin:12px 0 0 26px;  
	display:block; float:left; 
}

a.submenu {
	font-family: Helvetica, Verdana, sans-serif; 
	font-size:12px; color:#666666; 
	margin:0 10px 0 10px;  
	display:block; float:left; 
}


/* IMG STYLES */
img.heading, img.heading2 {
	margin-bottom:30px; 
	display:block;
}
 
img.heading2 {
	margin-top:30px;
}

img.lock { 
	position:absolute; 
	margin:2px 0 0 2px;
}

img.info, img.ok {
	margin-right:5px;float:left;
}

img.ok {
	margin-top:-3px; 
	position:relative;
}

.guideimg {
	margin-left:-7px; 
	margin-top:-5px;
}

/* COMMENTS */
hr {
	color:#d9d9d9; 
	background-color:#d9d9d9; /*background-color to display the ruler in Firefox*/ 
	border:none; 
	height:1px;  
}





/******************** ************ *********************/

/****************** LAYOUT ELEMENTS ********************/

/* GENERAL LAYOUT ELEMENTS */
#container {
	width:1000px; 
	margin: 0 auto;
}

#topbanner {
	height:70px; 
	padding:0; 
	margin:0 auto;
}

#frame {
	position:relative; 
	min-height:456px; 
	background:#FFFFFF; 
	width:1000px; 
	margin-top:0; 
	padding-bottom:15px; 
}

#corner_left {
	position:absolute; 
	width:9px;
	height:9px; 
	left:0; 
	bottom:0; 
	background:url(../graphics/corner_left.gif);
}

#corner_right {
	position:absolute;
	width:9px; 
	height:9px; 
	right:0; 
	bottom:0; 
	background:url(../graphics/corner_right.gif);
}

#menu {
	height:43px; 
	width:1000px; 
	padding:0; 
	margin:0 auto; 
}

#submenu { 
	position:absolute; 
	left:0; 
	height:17px; 
	margin:0 26px 0 26px; 
	padding:6px 0 0 0; 
	border-left:#ed1c24 1px solid; 
	border-right:#ed1c24 1px solid; 
	background:url(../images/submenu_bg.jpg); 
}

#footer {
   text-align:center;
   margin-top:5px;
   height:25px;
}

#footer p, #footer a {
	letter-spacing:1px;
	color: #666666;
	font-size: 13px;   
}

.floatleftmargin {
	float:left; 
	margin-right:5px;
}

.floatright {
	float:right; 
	margin:30px 15px 0 0;
}

/* PAGE LAYOUT ELEMETNS */
#content {
	width:453px; 
	min-height:400px; 
	float:left; 
	padding:0 15px 0 26px; 
	margin-top:40px; 
	border-right:1px #fcddde solid;
}

#content2 {
	width:453px; 
	float:left; 
	padding:0 15px 0 26px; 
	margin-top:40px;
}

#content2 img {
	display: block;
  margin-left: auto;
  margin-right: auto;
 } 

#links {
	width:159px; 
	min-height:400px; 
	float:left; 
	padding:0 15px 0 26px; 
	margin-top:40px; 
	border-right:1px #fcddde solid;
}

#list {
	width:259px; 
	float:left; 
	padding:0 15px 0 26px; 
	margin-top:40px;
}

.third {
	width:300px; 
	float:left; 
	padding:0 30px 0 26px; 
	margin-top:40px;
}

/* TABLE STYLING */
.row_height { 
	height:30px; 
}





/******************** ************ *********************/

/******************* TEASER BOXES *********************/
#teaser {
	width:453px; 
	float:left; 
	padding:0 15px 0 26px; 
	margin-top:40px;
}
.projekt_box {
	position:relative; 
	width:435px; height:93px; 
	margin:-8px 0 0 -12px; 
	background:url(../images/projekt_box.jpg) no-repeat; padding:21px 20px 20px 19px;
}
	
.projekt_box a.image {
	margin-right:10px;
	float:left; 
	position:relative; 
	left:0; 
	border:#d1d1d1 1px solid;
}

.projekt_box a.image img {
	width:97px;
	height:92px;
}

.projekt_box a.text {
	position:absolute; 
	bottom:20px; 
	right:25px; 
	font-weight:bold;
}



/******************** ************ *********************/

/******************** FORM LAYOUTS *********************/
form, form.comment {
	width: 100%;
	text-align: left;
	color: #ffffff;
}

form.comment {
	width: 100%;
}


fieldset, fieldset.comment {
	width:430px;
	margin-bottom:30px;
	padding:0;
	border:0;
}

fieldset.comment {
	width:100%; 
}

label {
	display: block;
	float:left;
	width: 90px;
}

input, textarea, textarea.comment, select, select.small, select.date {
	width: 299px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size: 11px;
	margin: 0 0 10px 0;
	padding: 0;
}

textarea.comment {width:355px; height:50px;}

input, select {
	width: 150px;
	}
	
select.small {
	position:absolute;
	width: 40px;
	margin-top:5px;
	}
	
select.date {
	width: 50px;
	}
	
form.paginated {
	position:relative;
	width:80px;
	float:right;
	margin:-40px 10px 0 0;
	}

label.paginated {
	width:30px;
	}

label.email {
	width:45px;
	}
	
input.pointer {
	text-decoration:none;
	cursor:pointer;
	}

input.submit {
	width: 123px;
	height:100px;
	border:none;
	background:url(../images/submit_btn.jpg) no-repeat 3px 5px;
	font-size: 14px;
	margin-top: -10px; 
	margin-bottom: 10px;
	float:right;
	color: #000000;
	cursor: pointer;
}

input.delete {
	width:16px;
	height:17px;
	border:none;
	background:url(../graphics/delete_cross.gif) no-repeat;
	margin:0 0 0 20px;

	float:left;
	cursor: pointer;
}

.delete_floatleft { 
	float:left; 
	margin: 0 20px 0 70px; 
	text-decoration:none; 
	cursor:pointer; 
}


input.submit {
	float:right;
}

input.browse { 
	width:246px;