/*

Hauptfarbe: (rot) #93141a

*/

/* general */


html, body, div, p, span, a, table, form, img {
      
	margin: 0px;
	border: 0px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
}

h1,h2,h3,h4,h5,h6{
	margin: 0px;
}

body {
     
		background: #ffffff;
     	color: #000000; 
		height: 100%;
}

ul {
	
	list-style-image: url(../images/bullet_red.gif);
	margin-bottom:10px;
	margin-top:10px;
}

#mainBox{

	margin: 0px;
	width: 100%;
	height: 100%;
	min-width: 1000px;
	height: 100%;
	background: url(../images/faux_column.gif);
	background-repeat: repeat-y;
}

#mainHeader{
	
	background: url(../images/header_bg.jpg);
	background-repeat: repeat-x;
	height: 220px;
	width: 100%;
	min-width:1000px;

}

#mainFooter{
	
	height: 70px;
	border-top: 5px solid #400e0f;
	background: #d1cfd0;
	width: 100%;
	min-width:1000px;
	padding-top: 10px;

}

#mainFooter a {font-size: 12px; font-weight: bold; padding-left: 6px; color: #000000; }
#mainFooter a:link, #mainFooter a:visited, #mainFooter a:active {color: #000000; text-decoration: none; }
#mainFooter a:hover {color: #000000; text-decoration: none;}

.headerLogo {

	padding-top: 0px;
	padding-left: 15px;
	float: left;

}

.headerTopNavigation {

	text-transform: uppercase;
	margin-top: 5px;
	font-weight: bold;
	width: 860px;
	height: 30px;
	float: left;

}

.headerMainNavi {
	
	font-style: italic;
	margin-top: 38px;
	padding-left: 10px;
	float: left;
}

.headerInfo {

	padding-left: 10px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 25px;

}

.headerInfo span {

	color: #93141a;
	font-size: 16px;
	font-weight: bold; 

}

.supportBox {

	background: url(../images/support_box.jpg);
	background-repeat: no-repeat; 
	width: 200px;
	height: 110px;
	margin-top: 10px;
	text-align: center;
	float: left;
}

.supportBox span h1{

	padding-top: 10px;
	color: #93141a;
	font-size: 16px;
	font-weight: bold;
}

.supportBox span h2{

	color: #000000;
	font-size: 14px;
	font-weight: bold;
}

a.headerNaviButton {width: 130px; line-height: 30px; text-align: center; display: block; font-size: 13px; font-weight: normal; color: #ffffff; float: left; border-left: 1px solid #ffffff; border-right: 1px solid #000000;}
a.headerNaviButton.start {border-left: 0px;}
a.headerNaviButton.end {border-right: 0px;}
a.headerNaviButton:link,a.headerNaviButton:visited,a.headerNaviButton:active {color: #ffffff; text-decoration: none;}
a.headerNaviButton:hover {color: #ffffff; background: #410e0f; text-decoration: none;}

a.header {font-size: 13px; font-weight: bold; color: #000000;}
a.header:link,a.header:visited,a.header:active {color: #000000; text-decoration: none;}
a.header:hover {color: #000000; text-decoration: none;}

#mainContent{
	
	min-width: 800px;
	min-height: 1000px;
	float: left;
	padding-bottom: 60px;
}

#content1 {

	background: url(../images/content_bg1.gif);
	background-repeat: no-repeat; 
	width: 800px;
	min-height: 400px;
	float: left;
}

#content2 {

	background: url(../images/content_bg2.gif);
	background-repeat: no-repeat; 
	width: 800px;
	min-height: 400px;
	float: left;
}

.contentBox {

	width: 786px;
	margin-top: 30px;
	margin-left: 10px;
	padding-left: 10px;

}

.contentBox div.left{

	height: 290px;
	width: 375px;
	margin-top: 15px;
	padding-right: 15px;
	text-align: justify;
	line-height: 1.4;
	float: left;
	border-right: 1px dashed #cccccc;
}

.contentBox div.right{

	height: 290px;
	width: 360px;
	margin-top: 15px;
	margin-left: 15px;
	text-align: justify;
	line-height: 1.4;
	float: left;
}


.contentBox div.center{

	width: 760px;
	margin-top: 15px;
	margin-left: 15px;
	text-align: left;
	line-height: 1.4;
	float: left;
}

.contentBox div.webdesign{

	width: 300px;
	margin-top: 15px;
	padding-right: 15px;
	float: left;
}

.contentBox div.desc{

	width: 745px;
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
	text-align: justify;
	line-height: 1.4;
	float: left;
}

.contentBox img { 

	float: left; 
	margin-right: 0.6em; 
}


.contentBox h1 {

	width: 770px;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #cccccc;
}

.contentBox h2 {

	width: 770px;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #cccccc;
}

/* webhosting table style */

.wts {

	width: 100%;
	font-size: 11px;
}

.wts th {

	background: #93141a;
	color: #ffffff;
}

.wts td {

	line-height: 12px;
	
}

.wts img { 

	float: none;
	padding-left: 7px;
}

.row0 {

	font-weight: bold;
	border-bottom: 1px dashed #adadad;
	height: 25px;
	margin-bottom: 5px;
	vertical-align: bottom;
}

.row1 {

	background: #f6f6f6;
	border-bottom: 1px dashed #adadad;
	
}

.row3 {

	background: #fff;
	border-bottom: 1px solid #cccccc;
	height: 40px;
	text-align: justify;
	padding: 20px;
	
}

#mainRightBox {

	width: 198px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background: #f6f6f6;
	float: left;
	min-height: 1000px;

}

#mainRightBox input.medium {

	width: 121px;

}


#mainRightBox select.small {

	width: 58px;

}

#mainRightBox input.button {

	font-size: 11px;
	font-weight: bold;
	width: 190px;
	border: 1px solid #cccccc;
	cursor: hand;
	pointer: hand;

}

#mainRightBox form {

	font-size: 11px;
	padding: 4px;	
}

#mainRightBox table.gts {

	font-size: 11px;
}

#mainRightBox th {

	font-weight: bold;	
}

#mainRightBox tr.row1 {

	background: #cccccc;	
}

a {font-size: 11px; font-weight: normal; color: #666666;}
a:link,a:visited,a:active {color: #666666; text-decoration: underline;}
a:hover {color: #666666; text-decoration: none;}

/* contact */
.contactAction .large {

	width: 450px;
}

.contactAction textarea.large {

	width: 450px;
	height: 200px;
}

.contactAction select.large {

	width: 456px;
}

.contactAction legend{

	font-weight: bold;
}

.contactAction fieldset{

	margin-top: 15px;
	margin-left: 15px;
	border: 1px solid #cccccc;
	float: left;
}

.contactAction form{

	padding: 8px;
}

.contactAction form br{

	clear: left;
}

.contactAction form input.button {

	font-size: 11px;
	font-weight: bold;
	margin-left: 118px;
	width: 460px;
	border: 1px solid #cccccc;
	color: #ffffff;
	background: #400e0f;
	cursor: hand;
	pointer: hand;

}

.contactAction form label{

	display: block;
	width: 100px;
	line-height: 2;
	float: left;
	margin-right: 20px;
	text-align: right;
	vertical-align: middle;
}

.errorMsg{

	padding: 4px;
	background: #f8ec0a;
	color: #93141a;
	border: 1px solid #cba326;
	margin-bottom: 10px;

}

.infoMsg{

	text-align: center;
	padding: 10px;;
	background: #b9ce67;
	color: #232323;
	border: 1px solid #909090;
	margin-bottom: 10px;
	margin-right: 20px;
	

}

span.error{

	font-weight: bold;
	color: #93141a;
}

/* webhosting */

a.order {display: block; width: 100px; font-size: 11px; font-weight: normal; color: #ffffff; background: #93141a;}
a.order:link,a.order:visited,a.order:active {color: #ffffff; text-decoration: none;}
a.order:hover {color: #ffffff; text-decoration: none;}

/* order */

#order{

	width: 760px;
	margin-top: 15px;
	margin-left: 15px;
	text-align: left;
	line-height: 1.4;
	float: left;
}

form{

	padding: 8px;
}

#order form br{

	clear: left;
}

#order form label{

	display: block;
	width: 190px;
	line-height: 2;
	float: left;
	margin-right: 20px;
	text-align: left;
	vertical-align: middle;
}

#order legend {
	font-weight: bold;
}

#order input.button {

	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	width: 200px;
	border: 1px solid #cccccc;
	color: #ffffff;
	background: #93141a;
	cursor: hand;
	pointer: hand;

}

a.button {display: block; min-width: 190px; padding-bottom: 1px; padding-left: 3px; padding-right: 3px; font-size: 11px; font-weight: bold; border: 1px solid #cccccc; color: #ffffff; background: #93141a; text-align: center; float: left; margin-right: 10px;}
a.button:link,a.button:visited,a.button:active {color: #ffffff; text-decoration: none; border: 1px solid #cccccc;}
a.button:hover {color: #ffffff; text-decoration: none; border: 1px solid #cccccc;}

a.step {font-size: 13px; font-weight: bold; color: #000000;}
a.step:link,a.step:visited,a.step:active {color: #000000; text-decoration: underline;}
a.step:hover {color: #000000; text-decoration: none;}


#order input.small {

	width: 63px;

}

#order input.medium {

	width: 137px;

}

#order input.large {

	width: 210px;

}

#order select.large {

	width: 215px;

}

#order select.larger {

	width: 330px;
}

#order input.notice {

	width: 210px;

}

.activeStep {

	font-size: 16px;
	color: #93141a;

}

#order .cts {

	width: 100%;
	background: #f6f6f6;

}

#order .cts th {

	line-height: 0.8;
	color: #666666;

}

#order .cts td.rowh {

	line-height: 0.8;
	background: #cccccc;
	color: #666666;
	font-weight: bold;

}

#order .cts td.rowTotal {

	line-height: 0.8;
	background: #f8ec0a;
	color: #93141a;
	border: 1px solid #cba326;

}

.pts {

	width: 100%;
	background: #cccccc;
	margin-top: 10px;
	text-align: left;

}

.pts th {

	line-height: 1;
	color: #ffffff;
	background: #93141a;
}

.pts tr.row1 {

	background: #f6f6f6;

}

.pts tr.row2 {

	background: #ffffff;

}

#menu {

	padding-bottom: 8px;
}

#menu a {display: block; min-width: 190px; line-height: 1.6; font-size: 13px; padding-left: 6px; border-top: 1px solid #cccccc; color: #000000; background: #e8e8e8; text-align: left;}
#menu a:link, #menu a:visited, #menu a:active {font-style: italic; color: #000000; text-decoration: none; border-top: 1px solid #cccccc;}
#menu a:hover {color: #ffffff; text-decoration: none; border-top: 1px solid #cccccc; background: #93141a;}


.exec {

	font-weight: bold;
	font-style: italic;
	color: #93141a;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;

}

.shell {

	border: 1px dashed #cccccc;
	background: #f6f6f6;
	width: 95%;
	font-weight: normal;
	display: block;
	padding: 4px;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align: left;
	
}

legend{

	font-weight: bold;
}

fieldset{

	margin-top: 15px;
	margin-left: 15px;
	padding: 4px;
	width: 730px;
	border: 1px solid #cccccc;
	float: left;
	text-align: justify;
}

.footnote {

	margin-top: 150px;
	text-align: bottom;
	font-weight: normal;
	font-style: italic;
	color: #424242;

}

.lt {

text-decoration:line-through;

}
