/* 2012 marc schemmer - www.dialogsued.de */
body {background: url("../_img/bg.png") repeat-y; background-color:#fbfbfb; font-family:"Lucida Grande", Tahoma, Sans-Serif; font-size:11px; line-height:18px; color:#2b2b2b; margin:0}
table {font-family:"Lucida Grande", Tahoma, Sans-Serif; font-size:11px; color:#2b2b2b;  margin:0}
html {padding:0px;	margin:0px}
ul {margin:0; padding-left:13px}

/* MAIN */
.main {width:1024px}
.table_main{width:1024px}
.table_out {background: url("../_img/bg_out.png") repeat-x}

/* IE SCROLLBAR HACK */
html,body {overflow-x: hidden}

/* FORM FIELDS */
.pwbox {font-family:"Lucida Grande", Tahoma, Sans-Serif; font-size: 16px; border: solid 1px #2b2b2b; width:150px; height:26px; color: #a4a4a4; background: #2b2b2b}
.minibox {font-family:"Lucida Grande", Tahoma, Sans-Serif; font-size: 16px;	border: solid 1px #2b2b2b; width:200px; height:26px; color: #a4a4a4; background: #2b2b2b;	margin-bottom:2px}
.minibutton {padding: 4px 8px 4px 8px;	margin-top:2px; height: 26px; width: 80px; border: solid 1px #2b2b2b; color: #a4a4a4; background: #2b2b2b;  text-align: center; font-family:"Lucida Grande", Tahoma, Sans-Serif; font-size: 12px}
.inputbox {font-family:"Lucida Grande", Tahoma, Sans-Serif; font-size: 11px; padding:5px 3px;  border: solid 1px #2b2b2b; width:499px; margin-bottom:8px; color: #a4a4a4; background: #2b2b2b}
.textarea {font-family:"Lucida Grande", Tahoma, Sans-Serif;	font-size: 11px;	padding:5px 3px; border: solid 1px #2b2b2b;	width:499px;	height:250px;	color: #a4a4a4;	background: #2b2b2b; margin-bottom:14px}
.inputbox_small {font-family:"Lucida Grande", Tahoma, Sans-Serif;	font-size: 16px;	border: solid 1px #2b2b2b;	width:78px;	margin-top:2px;	height:26px;	text-align:center;	color: #a4a4a4;	background: #2b2b2b}
.button {padding: 4px 8px 4px 8px; margin:2px; height: 26px; width: 80px; border: solid 1px #2b2b2b; color: #a4a4a4; background: #2b2b2b; text-align: center; font-family:"Lucida Grande", Tahoma, Sans-Serif; font-size: 11px}

/* NAVIGATION */
.navigation { position:relative; float:left; height:130px; width:1024px; }
.navigation_left { position:relative; float:left; text-align:right; height:130px; width:776px; font-size:10px; }
.navigation_left .margin { margin:90px 15px 0 0; } 
.navigation_left_in { position:relative; } 
ul.navigation_animation { list-style:none; clear:both; margin:0; padding:0; list-style:none; display:inline; position:absolute; right:0px; top:0; z-index:100; cursor:pointer; }
ul.navigation_animation li { margin:0; padding:0; overflow:hidden; float:right; height:40px; font-weight:bold; }
ul.navigation_animation a, ul.navigation_animation span { padding:10px 0px; margin:auto 10px; float:left; text-decoration:none; color:#a4a4a4; text-transform:uppercase; clear:both; }
ul.navigation_animation .selected a, ul.navigation_animation .selected span { padding:10px 0px; margin:auto 10px; float:left; text-decoration:none; color:#2b2b2b; text-transform:uppercase; clear:both; }
ul.navigation_animation a { color:#2b2b2b; }
ul.navigation_animation span { display:none; }
.navigation_left_in #box { position:absolute; left:0; top:0; z-index:50; background:#2b2b2b; height:17px; }
.navigation_left_in #box .head { background:#2b2b2b; height:17px; }
.navigation_logo { position:relative; float:left; height:130px; width:248px; }
.navigation_logo_position { background: url("../_img/dialogsued-logo.png") no-repeat; position:absolute; height:89px; width:191px; top:39px; left:18px; }

/* NEWS */
.news { position:relative; float:left; width:204px; }
.news_header { background-color:#2b2b2b; width:204px; text-align:right;  } 
.news_header .margin { font-weight:bold; color:#fbfbfb; padding:4px 7px 4px 0; } 
.news_border { position:relative; float:left; height:20px; width:204px; } 
.news_item_headline { position:relative; float:right; width:204px; text-align:right; background: url("../_img/news_item_headline.png") repeat-y; }
.news_item_headline .margin { padding:1px 12px 1px 12px; }
.news_item_main { position:relative; float:right; width:204px; color:#a4a4a4; text-align:right; background: url("../_img/news_item_main.png") repeat-y; }

.news_item_main a { color:#a4a4a4; text-decoration:none; }
.news_item_main a:hover { color:#2b2b2b; text-decoration:none; }
.news_item_main .margin { padding:3px 12px 1px 12px; }

/* CONTENT */
.content { position:relative; float:left; width:572px; }
.content li {list-style-type:square}
.content_header { position:relative; float:left; width:572px; height:288px; }
.content_headline { position:relative; float:left; width:572px; text-transform:uppercase; font-weight:bold; }
.content_headline .margin { margin:35px 15px 0 26px; }
.content_headline_border { height:1px; font-size:0; line-height:0; overflow:hidden; background-color:#2b2b2b; }
.content_main { position:relative; float:left; width:572px; }
.content_main_links a { text-decoration:none; color:#ffffff; background-color:#2b2b2b; }
.content_main_links a:hover { text-decoration:none; color:#ffffff; background-color:#719d62; }
.content_references { margin-bottom:10px; background-color:#e4e4e4; }
.content_references a { text-decoration:none; color:#000000; }
.content_main .margin { margin:15px 30px 0 41px; }
.content_main_2nd_box { width:501px; clear:both; }
.content_main_2nd { position:relative; float:left; width:225px; padding-bottom:25px; text-align:justify; }
.content_main_2nd h1 { font-weight:bold; text-transform:uppercase; font-size:11px; margin-bottom:3px; margin-top:0; padding:0; } 
.content_main_2nd .date_on { font-size:9px; color:#719d62; margin:0; padding:0; }
.content_main_2nd .date_off { font-size:9px; color:#990000; margin:0; padding:0; }
.content_main .offline { color:#990000; }
.content_main_link a { text-decoration:none; color:#ffffff; background-color:#2b2b2b;}
.content_main_link a:hover { text-decoration:none; color:#ffffff; background-color:#719d62; }
.content_main_link table { line-height:20px; }
.content_main_border { position:relative; float:left; width:51px; height:20px; }
.content_main_image { float:left; background-color:#a4a4a4; width:225px; height:85px; margin-bottom:5px; }
.content_main_image2 { float:left; background-color:#a4a4a4; width:225px; height:85px; margin-bottom:5px; margin-right:10px; }
.content_main_image_in { background-color:#ffffff; width:223px; margin-top:1px; margin-left:1px; height:83px; }
.content_main_image_in a { border:0 }
.content_main_image_in a:hover { border:0; -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; filter:alpha(opacity=70); }
.content_main_image_margin { padding-top:4px; padding-left:4px; }
.content_main_image_screenshot { position:absolute; background: url("../_img/screen_bg1px.png"); padding:3px; text-align:center; font-size:9px; color:#ffffff; }
.content_main_right { float:left; width:265px; }
.content_foot {position:relative; float:left; width:572px; text-align:center; color:#a4a4a4; font-size:10px; line-height:18px}
.content_foot a {color:#a4a4a4; text-decoration:none}
.content_foot a:hover {color:#2b2b2b; text-decoration:none}
.content_foot .margin {margin:40px 15px 30px 26px}

/* SEC */
.sec {position:relative; float:left;	width:248px}
.sec_head {background-color:#2b2b2b;	height:288px;	width:248px}
.sec_head table {position:absolute;	color:#e4e4e4;	font-size:40px;	line-height:35px;	left:20px;	bottom:20px}
.sec_head_text { color:#a4a4a4; margin: }
.sec_content { position:relative; float:left; width:248px; }
.sec_content_in { width:248px; }
.sec_content_in .margin { margin:35px 0 0 20px; }
.sec_content_item { position:relative; float:left; width:228px; }
.sec_link_border { margin-top:3px; } 
.sec_content_item a { font-size:9px; text-decoration:none; text-transform:uppercase; color:#ffffff; background-color:#2b2b2b; }
.sec_content_item a:hover { font-size:9px; text-decoration:none; text-transform:uppercase; color:#ffffff; background-color:#a4a4a4; }
.sec_content_item .date_on { font-size:9px; color:#719d62; }
.sec_content_item .date_off { font-size:9px; color:#990000; } 
.sec_content_item_head { position:relative; float:left; width:228px; color:#2b2b2b; font-weight:bold; text-transform:uppercase; background: url("../_img/sec_item_headline.png") repeat-y; }
.sec_content_item_head .margin {margin:2px 0 2px 12px}
.sec_content_item_text {position:relative; float:left;	width:228px}
.sec_content_item_text .margin {margin:4px 0 4px 12px}
.sec_content_item_border {position:relative;	float:left;	width:228px;	height:20px}
