/********************************************************************************************************
	created by:		NewMedia http://www.newmedia.ch
	project:		newmedia.ch
	date:			Februar/2009, Marianne Luck
	version:		4.1
	file:			layout.css
	function:		Gerüst der Webseite
********************************************************************************************************/

/*--------------------------------
 csc Layout 
--------------------------------*/
@charset "utf-8";

*
{
	margin: 0;
	padding: 0;
}

html
{
	height: 100%;
}

body
{
	height: 100%;
	
}

body 					{ 
						font-family: Verdana, Arial, Helvetica, sans-serif; 
						font-size: 62.5%; 
						line-height: 62.5%;
						color: #000000;
						background-color: #000000; 
						background-image:url(../html/img/background.jpg);*
						background-image:url(../html/img/background_ie.jpg);						
						background-repeat:repeat-x;
						margin-top: 0px; 
						margin-left: 0px; 
						margin-right: 0px; 
						margin-bottom: 0px; 
						padding-left: 0px;
						padding-right: 0px;
						padding-top: 0px;
						padding-bottom: 0px;
						}
						*{
						font-size:1em;
						line-height: 1em;
						}
						
img
{
	border:none;
}						

#main_center
{
	background-image:url(../html/img/raster.gif);
	background-repeat:no-repeat;
	margin: 0px; 
	padding: 0px;	
}

* html #main_center
{
	height: 100%;
}

#main_page
{

	width: 1000px;
	position: relative;
	margin: 0 auto 0 auto;
	min-height: 100%;
	text-align: left;	
}
					
/* SCROLLBAR------------------------------------------------------ */
html, body, textarea, div 
{
	scrollbar-base-color:#000000;
	scrollbar-arrow-color:#720C68; /*violett*/
	scrollbar-highlight-color:#720C68; /*violett*/
}
/* HEADER --------------------------------------------------------*/

#main_header
{
	height:480px;	
	width:100%;
	margin:0px;
	padding:0px;
}

/* LOGO UND SUCHFELD */
#main_header_top
{
	height:160px;
	width:100%;
	background-image:url(../html/img/logo_strich.gif);
	background-repeat:no-repeat;
	
}

/* LOGO */
#logo
{
	padding:0px;
	padding-top:55px;
	/*padding-top:30px; Christmas Logo*/
	width: 270px;
	height:75px;
	float:left;
	background-color:#000000;
}
#logo a img
{
	border:none;
}

/* SUCHE */
#search
{
	float:left;
	padding-top:50px;
	padding-left:500px;
	height:80px;
}

#search label
{
	visibility:hidden;
	display:none;
}

#search_image img	{border:1px solid white;}
#search_box 		{background-color:#ffffff;height:28px;}
#search_box a img   {border:none;}

#Search
{
	line-height:15px;
	height:17px;
	padding:3px;
	width:189px;
	border:1px solid #333333;
	background-color:#000000;
	background-image:url(../html/img/searchtext_bgr.jpg);
	background-repeat:repeat-x;
	margin-right:5px;
	color:#ffffff;
	float:left;
}

#sitemap
{
	float:left;
	width:230px;
	height:30px;
	text-align:right;
	padding-right:20px;
}

#sitemap img
{
	border:none;
}
/* MULTIMEDIA */
#main_header_middle
{
	height:281px;
	float:left;
	width:100%;
}

#main_header_middle td
{
	vertical-align:middle;
	height:279px;
}

#main_header_middle h1, #main_header_middle p
{
	font-size:1.0em;
	color:#ffffff;
	padding-left:10px;
	padding-right:10px;	
}

#multimedia_1
{
	width:250px;
	height:281px;
	float:left;	
}

#multimedia_3
{
	height:281px;
	float:left;	
}



/* DESIGNELEMENTE --------------------------------------------------------*/

.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}


/* CONTENT ---------------------------------------------------------------*/
#main_content
{
	float:left;
	width:100%;	
}

/* 4 Teaserboxen */
#content_top /*Startseite*/
{

	float:left;
	width:100%;
	height:160px;
	padding-bottom:30px;
	border-bottom:1px solid #DBDCD7;
}

#content_top_page /*Unterseite*/
{
	float:left;
	width:100%;
	height:80px;
	padding-bottom:30px;
	border-bottom:1px solid #DBDCD7;
	background-image:url(../html/img/content_top.jpg);
	background-repeat:repeat-x;
}

#menu_title
{
	float:left;
	color:#FFFFFF;
	padding-left:20px;
	padding-top:20px;
}

#menu_title img
{
	border:none;
}

.top_teaser
{
	background-color:#333333;
	background-image:url(../html/img/top_teaser.jpg);
	background-repeat:repeat-x;
	width:230px;
	height:160px;
	margin-left:10px;
	margin-right:10px;	
	float:left;
}

#top_teaser_1
{
	width:240px;
	margin-left:0px;
}

#top_teaser_4
{
	width:240px;
	margin-right:0px;			

}
/* CONTENT */
#content
{
	float:left;
	margin-top:2px;
	width:1000px;
	background-color:#DBDCD7;

}

.content_250
{
	width:250px;
	float:left;
}

.content_250 p
{
	width:230px;
}

.content_500
{
	width:500px;
	float:left;
}


.content_750
{
	width:750px;
	float:left;
}

.padding_content
{
	padding: 20px 10px 20px 10px;
}

.padding_20
{
	padding: 20px 20px 20px 20px;
	width:710px;
}

.content_1000
{
	width:980px;
	float:left;
	padding: 20px 10px 20px 10px;
}


/* FOOTER ---------------------------------------------------------------*/
#footer
{
	height:30px;
	width:250px;
	color:#FFFFFF;	
	background-image:url(../html/img/footer.jpg);
	background-repeat:repeat-x;
	float:left;	
	padding-top:40px;
	font-weight:normal;
	text-align:right;

}
#menuService
{
	height:30px;
	width:750px;
	color:#FFFFFF;	
	background-image:url(../html/img/footer.jpg);
	background-repeat:repeat-x;
	float:left;	
	padding-top:40px;
	font-weight:normal;
	text-align:left;

}


div.box_250_l {
	float:left;
	width:250px;
	height:281px;
}


/* LAYOUT HTW ---------------------------------------------------------------*/
#main_center_htw
{
	background-image:none;
	background-color:#000;
	margin: 0px; 
	padding: 0px;	
	min-height:100%;
}


#main_page_htw
{
	background-image:none;
	width: 500px;
	position: relative;
	margin: 0 auto 0 auto;	
	text-align:center;		
}

#main_page_htw #logo
{
	padding-top:80px;
	width:100%;
	text-align:center;
	float:left;
}

#main_page_htw input.tx_mailform_text
{
	height:24px;
	font-size:20px;
	padding:5px;
	border:none;
	
	
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;	
}

#main_page_htw input.tx_mailform_submit
{
	font-size:18px;	
	width:240px;
	padding:5px;
	color:#FFF;
	background-image:none;
	background-color:#720C68;
    border: 1px solid #720C68;
    color: #FFFFFF;
    height: 36px;
    line-height: 36px;
    padding-top: 2px;	
	
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;	
}

#main_page_htw .tx_mailform_div_icon
{
	padding-left:20px;	
	padding-top:8px;
}

#main_page_htw  .tx_mailform_div_err_msg_1
{
	color:#FFF;	
	font-size:12px;
	padding-top:14px;
}

#main_page_htw .tx_mailform_label_global {
	font-size:16px;	
	line-height:34px;
	color:#FFF;
}

#main_page_htw input.tx_mailform_submit:hover
{
	background-color:#4A093F;
}


#main_center_htw #content
{
	float:left;
	margin-top:2px;
	width:500px;

	background-color:#000;	
	font-size:18px;
	color:#FFF;
}

#main_center_htw #content p
{
		line-height:24px;
		text-align:left;
		padding-bottom:20px;
		text-align:center;
}