/*                                           */
/*     CSS Stylesheet - www.stervice.com     */
/*               -------------               */
/*         Version 2.0 - 2008 January        */
/*                                           */
/*                 Mainsheet                 */

/*   --    G E N E R A L   S T Y L E    --   */
* {
	margin:0px;
	padding:0px;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/blue/bg.gif) #c1c1c1;
	font-size:80%;
}
a {
	color:#000000;
	text-decoration:underline;
}
a:hover {
	color:#264ead;
}
a img {
	border:none;
	text-decoration:none;
}
h1, h2, h3 {
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;
}
h1 {
	margin:5px 0px 12px 0px;
	font-size:1.8em;
	color:#264ead;
}
h2 {
	margin:13px 0px 3px 0px;
	font-size:1.4em;
	color:#264ead;
}
h3 {
	font-size:1.2em;
	font-weight:bold;
	margin:10px 0px 3px 0px;
	color:#264ead;
}
p {
	margin: 5px 0px;
}
acronym, abbr {
	cursor:help;
	border-bottom:1px dotted #333333;
}
ul {
	list-style:inside disc;
	margin-left: 8px;
}

/*   --   S I T E   S T R U C T U R E   --   */
#header {
	background:url(images/blue/c_header.jpg) #599bdc no-repeat;
	width:935px;
	height:135px;
	margin:10px auto 0px auto;
}
#container {
	background:url(images/blue/c_content.gif) repeat-y;
	width:935px;
	margin:0px auto 0px auto;
	padding-top:1px;
}
#content {
	background:url(images/blue/content_bg.gif) repeat-x;
	height:450px;
	margin:0px 6px;
	padding:10px 10px;
}
#breadcrumps {
	color:#999999;
	margin:0px 0px 7px 20px;
	padding:0px 0px 0px 20px;
	font-size:0.8em;
	background:url(images/home.gif) left no-repeat;
}
#breadcrumps a {
	color:#999999;
	text-decoration:none;
	border:none;
}
#footer {
	background:url(images/blue/c_footer.gif) no-repeat;
	width:905px;
	height:25px;
	margin:0px auto 10px auto;
	padding:0px 15px 5px 15px;
	color:#999999;
	clear:both;
	text-align:center;
	font-size:0.9em;
}
#footer .copyright {
	float:left;
}
.cms {
	text-align:center;
	font-size:0.7em;
	color:#666;
}

/*   --  H O R I Z O N T A L   M E N U   --  */
#menu {
	background:url(images/blue/c_content.gif) #4175c4 repeat-y;
	width:935px;
	height:30px;
	margin:0px auto 0px auto;
}
#menu ul {
	background:url(images/blue/menu_normal.gif) repeat-x;
	height:39px;
	margin:0px 6px;
}
#menu ul li {
	float:left;
	list-style:none;
}
#menu ul li a {
	display:block;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:8px 15px 7px 15px;
	margin:0px 5px 0px 0px;
	border:none;
}
#menu ul li a:hover {
	background:url(images/blue/menu_hover.gif) #355e9b repeat-x;
}

/*   --    V E R T I C A L   M E N U    --   */
#sidemenu {
	background:#FFFFFF;
	width:150px;
	float:left;
	padding:10px;
	border-top:1px solid #dddddd;
}
#sidemenu ul {
	margin: 0px;
	padding: 0px;
}
#sidemenu ul li {
	list-style:none;
	padding:0px;
	margin:0px;
	border:1px solid #fff;
}
#sidemenu ul li a {
	display:block;
	text-decoration:none;
	color:#333333;
	margin:0px;
	padding:10px 0px 4px 5px;
	border-bottom:1px dotted #999999;
	font-size:1.0em;
	font-weight:bold;
}
#sidemenu ul li a:hover {
	color:#264ead;
	background-color:#f3f3f3;
}
#sidemenu ul li ul li a {
	border:none;
	font-weight:normal;
	border-bottom:1px dotted #999999;
	padding:10px 0px 4px 15px;
}

/*   --    C O N T E N T   S T Y L E    --   */
#text {
	background:#FFFFFF;
	color:#444444;
	width:700px;
	float:left;
	padding:10px;
	margin:0px 0px 0px 10px;
	border-top:1px solid #dddddd;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:1.5em;
	font-size:1.0em;
}

/*   --    S T Y L E   K L A S S E N    --   */
/******* general *******/
.encmail {
	unicode-bidi:bidi-override;
	direction:rtl;
}
.feature_list {
	list-style-image: url(./images/ok.png);
}
.feature_list li {
	padding: 2px 0px 5px 4px;
}

.goto_kontakt {
	background: url(./images/mail.gif) no-repeat left;
	padding-left: 20px;
}

.special_link {
	background: url(./images/link.gif) no-repeat left;
	padding-left: 20px;
}
.x-mas {
	background:url(/media/header_gfx/x_mas_special_bg.png) 0px 115px repeat-x;"
}

/******* hosting *******/
.hosting_leistung {
	width:95%;
	margin:10px auto;
	padding:5px;

	border:1px solid #cccccc;
	background-color:#F9F9F9; 
}
.hosting_leistung th {
	text-align:center;
	padding:5px 10px;
}
.hosting_leistung th.back {
	color:#264ead;
}
.hosting_leistung .row1 {
	background-color:#FFFFFF;
	padding:5px 10px;
}
.hosting_leistung .row2 {
	background-color:#EEEEEE;
	padding:5px 10px;
}
.hosting_leistung .front {
	text-align:left;
}
.hosting_leistung .back {
	text-align:center;
}
/******* referenzen *******/
.webdesign_referenz {
/*	border:1px solid #cccccc;
	background-color:#F9F9F9; */
	padding:5px;
	margin-bottom:20px;
}
.webdesign_referenz img {
	float:left;
	margin:10px 20px 10px 0px;
}
.webdesign_referenz table {
	border:1px solid #cccccc;
	background-color:#F9F9F9;
	padding:5px;
	width:400px;
}
.webdesign_referenz .row2 {
	background-color:#FFFFFF;
	padding:5px 10px;
}
.webdesign_referenz .row1 {
	background-color:#EEEEEE;
	padding:5px 10px;	
}
/******* wedesign calc *******/
.calc_table {
	width:95%;
	margin:10px auto;
	padding:5px;
	border:1px solid #cccccc;
	background-color:#F9F9F9; 
}
.calc_table td {
	padding:8px;
}
.calc_table th {
	text-align:center;
	padding:5px 10px;
}
.calc_top td {
	font-weight:bold;
	background-color:#EEEEEE;
	border-bottom:2px solid #264ead;
	padding:3px;
}
.calc_table select {
	width:280px;
}
.calc_table input.button {
	margin: 0;
	font: bolder 12px Arial, Sans-serif;
	border: 1px solid #828790;
	padding: 1px;
	background: #FFF;
	color: #CC0000;
}
.error_msg {
	padding: 4px;
	background-color: #ffeeee;
	border: 1px dotted #cc0000;
	margin: 5px 10px 5px 10px;
	color: #cc0000;
}

/******* comment *******/
.search_table, .comment_table {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #ccc;
}

.search_table td, .comment_table td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #fff;
	background-color: #f6f6f6;
	padding: 2px;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus, input[type="password"]:focus, select:focus {
	border: 1px solid #ff9900 !important;
	background-color: #ffeecc !important;
}

.mail_table input[type="text"], .mail_table input[type="password"], .mail_table select {
	border: 1px solid #ccc !important;
	background-color: #fff !important;
}

.search_table input[type="text"], .comment_table input[type="text"], .comment_table textarea {
	border: 1px solid #ccc;
	width: 99%;
	padding-left: 3px;
}

.search_results_bright, .tagging_results_bright, .comment_results_bright {
	background-color: #fff;
	padding: 5px;
	margin: 5px;
	border: 1px dotted #ccc;
}

.search_results_dark, .tagging_results_dark, .comment_results_dark {
	background-color: #f9f9f9;
	padding: 5px;
	margin: 5px;
	border: 1px dotted #ccc;
}

.search_results_bright:hover, .search_results_dark:hover,
.tagging_results_bright:hover, .tagging_results_dark:hover {
	background-color: #ffeecc;
	border: 1px dotted #ff9900;
}

.search_result h2, .search_result a,
.tagging_result h2, .tagging_result a {
	color: #ff9900 !important;
	font-size: 16px !important;
	text-decoration: underline !important;
}

.search_results_bright span, .search_results_dark span,
.tagging_results_bright span, .tagging_results_dark span {
	color: #666;
	font-size: 10px;
}

.comment_results_bright span,
.comment_results_dark span,
.comment_results_bright a,
.comment_results_dark a {
	color: #666;
	font-size: 10px;
}

.search_word_highlight{
	background-color: #ffff00 !important;
	color: #000 !important;
	padding: 1px !important;
	font-size: 12px !important;
}

.page {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #ccc;
	background-color: #f6f6f6;
	width: auto;
	padding: 0px 10px;
	line-height: 20px;
	margin: 1px;
	color: #666 !important;
}

.page_active {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #ccc;
	background-color: #e7f3ff;
	width: auto;
	padding: 0px 10px;
	line-height: 20px;
	margin: 1px;
}


/****** site news ******/
.news_block, .blog_block {
	background-color: #fff;
	padding: 5px;
	margin: 5px;
	border: 1px dotted #ccc;
}

.news_block:hover {
	background-color: #e8ecf2;
	border: 1px dotted #888;
}

.news_block	span, .blog_block span {
	color: #666;
	font-size: 10px;
}

/******* sitemap *******/
.sitemap_0 {
	width: 100%;
}
.sitemap_0, .sitemap_1, .sitemap_2 {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
}

.sitemap_1, .sitemap_2 {
	display: inline;
}
.sitemap_0 li, .sitemap_1 li, .sitemap_2 li {
	list-style-type: none;
	margin:0px;
	padding:0px;
}
.sitemap_0 li a, .sitemap_1 li a, .sitemap_2 li a {
	line-height: 20px;
	display: block;
	margin: 1px 0px;
	padding: 0px;
	border: 0px;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.sitemap_0 li a {
	/* background-color: #335c9e; */
	background-color: #2754b1;
	color: #fff;
	padding: 2px 2px 2px 10px;
	border: 0px;
	text-decoration:none;
	font-weight:bold;
}
.sitemap_1 li a {
	/* background-color: #a4c9f1; */
	background-color: #a1d1f0;
	color: #000;
	font-weight: normal;
	padding-left: 20px;
	border: 0px;
	text-decoration:none;
}
.sitemap_2 li a {
	/* background-color: #e7f3ff; */
	background-color: #d6e9f5;
	color: #000;
	font-weight: normal;
	padding-left: 30px;
	border: 0px;
	text-decoration:none;
}
.sitemap_0 li a:hover {
	background-color: #636363;
	color: #fff;
}
.sitemap_1 li a:hover {
	background-color: #f3f3f3;
	color: #000;
}
.sitemap_2 li a:hover {
	background-color: #f3f3f3;
	color: #000;
}
/** contact **/
.contact_table {
	width: 99%;
	border: 1px solid #ccc;
}
.contact_table td {
	background-color: #cee7fb;
	padding: 4px;
}
.service_table_headline, 
.demo_table_headline,
.contact_table_headline, 
.search_table_headline {
	background-color: #335c9e;
	background-image: url(./images/menu_hover_bg.png);
	padding: 4px;
	color: #fff;
	font-weight: bold;
}
.button_modern {
	background-color:#2c6b9a;
	background-image: url(./images/button_bg.gif);
	padding: 0px 6px;
	color: #fff;
	height:26px;
	font-weight:bold;
	font-size:12px;
	letter-spacing:1px;
	border: 1px solid #2c6b9a;
}
/******* userpanel *******/
.login_table, .registration_table {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #ccc;
}

.login_table td, .login_table_sidebox td, .registration_table td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #fff;
	background-color: #f6f6f6;
	padding: 2px;
	text-align: left;
}

.login_table input[type="text"], .login_table input[type="password"],
.registration_table input[type="text"], .registration_table input[type="password"] {
	border: 1px solid #ccc;
	width: 99%;
	padding-left: 3px;
}

.login_table_sidebox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: auto;
	border: 1px solid #ccc;
}

.login_table_sidebox input[type="text"], .login_table_sidebox input[type="password"] {
	border: 1px solid #ccc;
	padding-left: 3px;
	padding-right: 3px;
	width: 150px;
}