/* CSS Document for DipTel AS Homepage
=========================================================== */
body {
	background-color: #e0e0e0;
	color: #505050;
	font-family: 'trebuchet ms', Tahoma, Verdana, Arial,sans-serif;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	text-align:center;
}
li {
	list-style-type: none; 
}
h1 {
	padding:0;
	margin:0px 0px 10px 0px;
}
h2, h3 {
	padding:0px 0px 10px 0px;
	margin:0;
}
.hide {
	display: none;
}
img {
	border: none;
}
ul, li {
	margin: 0;
	padding: 0;
}
a, a:link, a:hover {
	color:#4a88aa;
}
input, textarea, select {
	border: 1px solid #999999;
}

input, textarea, select, option {
	background-color:#f0f0f0;
	margin: 0;
	font-family: 'trebuchet ms', Tahoma, Verdana, Arial,sans-serif;
	font-size: 1em;
	font-weight: normal;
	color:#000000;	
}

/* Side Struktur
=========================================================== */

#header {
	background: #777777 url(img/top_bg2.gif) repeat-x right top;
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	height:85px;
	border: 1px solid #999999;
	border-bottom: 0px none #999999;	
}

#header .right {
	float: right;
	margin: 0px;
	padding: 30px 20px 0 0;
	color: #ffffff;
	font-size: 1.25em;
	font-style: italic;
	}
	
#header .left {
	float: left;
	margin: 0px
	}

#header img {
	padding-top:11px;
}

#topbar {
	background: #000000 url(img/menu_bg3.gif) repeat-x left top;
	text-align: right;
	margin: 0 0 5px 0;
	padding: 3px 3px 0px 0px;
	
	border: 1px solid #999999;
	
}

#wrap {
	margin: 0px auto;
	padding: 5px 5px 5px 5px;
	width: 790px;
	text-align:left;
	background-color: #ffffff;
	border: 1px solid #999999;
	border-top: 0px none #999999;
}

.headlogo {
	padding-bottom:2px;
}

#left_container {
	width: 120px;
	float: left;
	margin: 0px 5px 5px 0px;
}
#main_container {
	width: 470px;
	width: 460px;
	float: left;
	margin: 0px 5px 5px 0px;
}
#right_container {
	width: 240px;
	width: 200px;
	float: right;
	margin: 0px 0px 5px 0px;
}

/* Content box
=========================================================== */
.content_header {
	margin: 0px;
	padding: 2px 10px;
	border: 1px solid #999999;
	border-bottom: 0px none;
	background: #efefef url(img/bg02.png) repeat-x left center;
}
	.content_header h3 {
		padding:0;
		margin:0;
		font-weight: bold;
		font-size: 1.1em;
	}
.content_box {
	background: #ffffff url(img/bg03.png) repeat-x left top;
	margin: 0px 0px 5px 0px;
	padding: 0px 10px 10px 10px;
	border: 1px solid #999999;
}
	.content_box p {
		padding:10px 0px 0px 0px;
		margin:0;
	}
	.content_box h2 {
		font-size: 1.3em;
		margin:0;
		padding:0;
		padding-top: 10px;
	}
	h2 a, h2 a:link, h2 a:hover {
		color:#505050;
		text-decoration: none;
	}
	.content_box h3 {
		font-size: 1.0em;
		margin:15px 0px 0px 0px;
		border-bottom: 1px solid #999999;
		padding:0;
	}
	.content_box td {
		text-align:left;
	}
	.content_box ul {
		padding-top:10px;
	}

/* Menu 
=========================================================== */
#menu {
	margin: 0 0 5px 0px;
	padding: 0;
	width: 100%;
}
#menu ul {	
	list-style: none;
	width: 100%;
}	
#menu li {
	margin-bottom: 4px;
}
#menu li a {
	/* height:1.1em; */
	text-decoration: none;
	color: #505050;
	display: block;
	padding: 6px 0 6px 8px;
	background: #ffffff;
	border: 1px solid #cccccc;
	border-left: 4px solid #cccccc;
}	
	
#menu li a:hover {
	background: #eaeaea;
	color: #4a88aa;
	border: 1px solid #4a88aa;
	border-left: 4px solid #4a88aa;
	background: #eaeaea url(img/bg02.png) repeat-x left center;
}

#menu .current_page_item a, #menu .current_sub_menu a {
	color: #4a88aa;
	border: 1px solid #4a88aa;
	border-left: 4px solid #4a88aa;
	background: #ffffff url(img/bg02.png) repeat-x left center;
}

#menu .sub_menu a, #menu .current_sub_menu a{
	padding:4px 6px;
}

#menu .sub_menu a, .current_sub_menu a {
	margin-left: 10px;
	font-size:0.9em;
}

/* Header/Logo
=========================================================== */
.kortbox {
	height: 118px;
	margin-bottom: 5px;
	background: #efefef;
	background: #8CA5CE url(img/header-diptel.jpg) no-repeat left center;
	color: #3c3c3c;
	
	border: 1px solid #999999;
	
}

.kortbox p {
	margin: 0px;
	padding:10px;
	padding-top: 60px;
	font-size: 1.7em;
	font-style: italic;
}

/* Other
=========================================================== */
#bottom {
	clear: both;
	padding:0;
	margin:5px;
	font-size: 0.8em;
	text-align: center;
}
strong a {
	text-decoration: none;
	color: #505050;
}
.box {
	padding:10px;
	border: 1px solid #999999;
}
.date {
	font-size: 0.75em;
	color: #909090;
}
.contact_info td {
	font-size: 0.9em;
	color: #909090;
	text-align: left;
	padding-right:3px;
}

.img_content {
	margin-top: 10px;
	float: right;
	/* align:right; */

}
.notice {
	font-weight: bold;
	font-style: italic;
}
.ulist {
	padding:0px 10px;
	padding-left: 30px;
}
.ulist li {
	padding-left: 10px;
	list-style-type: disc; 	
}

.tablecenter td {
	text-align: center;
}

/*
Product list
=========================================================== */
.produkt_list td {
	margin:0px;
	padding:2px 10px;
	vertical-align:top;
}
.produkt_list .img {
	padding:4px 8px;
	background:#ffffff;
}
.produkt_list .border {
	border-bottom : 1px solid #999999;

}
.list1 td {
}
.list1 {
}
.list2 td {
	background: #f5f5f5;
}
/* Form box
=========================================================== */
.form td {
	padding:3px 10px;
	font-weight: bold;	
}
.form textarea {
	width:99%;
	height:80px;
}
.line td {
	border-bottom : 1px solid #999999;
}
.login_submit {
	width:70px;
}
.login_box {
	width:130px;
}
.news_archive {
	width:140px;
}
.news_archive_submit {
	width: 30px;
}

/* Tab buttons
=========================================================== */
#tab {

}
	#tab a {
		text-decoration: none;
	}
	#tab li {
		background: #ECECEC;
		margin:0px;
		padding:0px 8px;
		border: 1px solid #999999;
		display: inline;
	}
	#tab .tab_selected {
	border-bottom: 1px solid #ECECEC;
	}
	#tab ul {
		margin:0px;
		padding:0px;
	}