html,body {

	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;

	font-size: 100.1%;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	color: #6F6F6F;
	line-height: 18px;
	height: 100%;
	border: 0px;


}

strong {
	color: #929292;
}

.contentTable {
	width: 100%;
	height: 100%;
	vertical-align: top;
	text-align: left;
}

#content {
	width: 1000px;
	height: 588px;
	background-color: #FFFFFF;
	padding: 0px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;

}





/* --------------------------- CONTENT ------------------------- */

.spacerdiv {
	width: 20px;
	height: 108px;
	float: left;
	display: none;
}

.spacerdivSmall {
	width: 10px;
	height: 308px;
	float: left;
	display: none;
}

#titlediv {
    width: 460px;
    height: 108px;
    position: absolute;
    top: 170px;
    left: 172px;
}

#titlediv img {margin-left: 50px;}




#graydiv {
	display: none;
	background-color: #FFFFFF;
	width: 288px;
	height: 108px;
	float: left;


}

#logodiv {
	width: 172px;
	height: 108px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
}

#logodiv a{
	margin: 0px;
	padding: 0px;
	height: 96px;
	width: 172px;
	text-decoration: none;
	border: none;
}

#logodiv a img {
	border: none;
	width: 172px;
	height: 96px;
	margin: 0px;
	padding: 0px;
}



.title {
	margin: 0px;
	padding: 0px;
}



#printSpacer {
	height: 308px;
	width: 630px;
	display: block;
}
#text {
	width: 632px;
	text-align: left;
	display: block;
	overflow: visible;
}



.headline {
 font-weight: bold;
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 margin: 0px;
 margin-top: 24px;
 color: #6F6F6F;
}

.headline10 {
 font-weight: bold;
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 margin: 0px;
 margin-top: 24px;
 margin-right: 10px;
 color: #6F6F6F;
}

.headlineAblauf {
 font-weight: bold;
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 margin: 0px;
 margin-top: 24px;
 color: #6F6F6F;
 background-image: url(./images/leistungen/webdesign/ablauf_dot.gif);
 line-height: 21px;
 padding-left: 4px;
 background-repeat: no-repeat;


}

.small {
	font-size: 11px;
	line-height: 13px;
}

.bold {
	font-weight: bold;
}

.red {
	color:#EC6653;
}

.green {
	color: #37B437;
}

.grayBack {
	background-color: #F1F1F1;
}

.textList {
	margin-left: 0px;
	margin-top: 18px;
	padding-left: 20px;
    list-style-image: url(./images/li_dot.gif);
}

.textList li{
	margin-top: 6px;

}

.t36 {
	margin: 0px;
	margin-top: 36px;
}
.t3610 {
	margin: 0px;
	margin-top: 36px;

}

.t24 {
	margin: 0px;
	margin-top: 24px;
}
.t2410 {
	margin: 0px;
	margin-top: 24px;

}

.t12 {
	margin: 0px;
	margin-top: 12px;
}
.t1210 {
	margin: 0px;
	margin-top: 12px;

}
.t6 {
	margin: 0px;
	margin-top: 6px;
}
.t610 {
	margin: 0px;
	margin-top: 6px;
}

.row {
	width: 80px;
	float: left;
}


#submenu {
	height: 432px;
	width: 288px;
	float: left;
	display: none;
	}


#sidebar {
	width: 632px;
	text-align: left;
	border-bottom: 1px solid #828282;
	font-size: 10px;
	line-height: 14px;
	height: 170px;
	position: absolute;
	top: 108px;
	left: 0px;
}



.sidebarHeadline {
	font-weight: bold;
	width: 172px;
	margin: 0px;
	padding: 0px;
	margin-top: 24px;

}

.sidebar12{
	margin: 0px;
	padding: 0px;
	margin-top: 12px;
	width: 172px;
}

.sidebar24{
	margin: 0px;
	padding: 0px;
	margin-top: 14px;
	width: 172px;
}

.sidebar6{
	margin: 0px;
	padding: 0px;
	margin-top: 6px;
	width: 172px;
}

.sidebarLine {
display: none;
	background-image: url(./images/dotted_line.gif);
	width: 172px;
	padding: 0px;
	margin: 0px;
	height: 1px;
	font-size: 1px;
	line-height: 0px;
	margin-top: 24px;
}


#sidebarLoginSpacer {
	margin: 0px;
	margin-top: 24px;
	height: 45px;
	display: none;
}



#sidebarLoginLink, #sidebarBackLink, #sidebarHomeLink {
	margin: 0px;
	width: 176px;
	text-align: left;
	display: none;
	line-height: 40px;
}

#sidebarLoginLink a, #sidebarBackLink a, #sidebarHomeLink a, #sidebarBackSpan,  #sidebarHomeSpan, #sidebarLoginSpan{
	text-decoration: none;
	color: #828282;
	display: block;
		background-repeat: no-repeat;
	background-position: left top;
	display: none;
}


#sidebarLoginLink {
	margin-top:24px;
	font-weight: bold;
	line-height: 45px;
	display: none;
}
#sidebarLoginLink a span, #sidebarLoginSpan span {
	margin-left: 50px;
	display: block;
	display: none;
}
#sidebarLoginLink a {
	height: 45px;
	background-image: url(images/login.gif);
	display: none;
}
#sidebarLoginSpan {
	height: 45px;
	background-image: url(images/login_disabled.gif);
	display: none;
}


#sidebarBackLink {
	margin-top: 79px;
	line-height: 12px;
	display: none;
}
#sidebarBackLink a {
	background-image: url(images/back.gif);
	height: 50px;
	display: none;
}
#sidebarBackSpan {
	background-image: url(images/back_disabled.gif);
	height: 50px;
	display: none;
}
#sidebarBackLink a span, #sidebarBackSpan span {
	display: block;
	margin-left: 50px;
	display: none;
}




#sidebarHomeLink {
	line-height: 37px;
	display: none;
}
#sidebarHomeLink a {
	background-image: url(images/home.gif);
	height: 37px;
	display: none;
}
#sidebarHomeSpan {
	background-image: url(images/home_disabled.gif);
	height: 37px;
	display: none;
}
#sidebarHomeLink a span, #sidebarHomeSpan span  {
	display: block;
	margin-left: 50px;
	display: none;
}


#sidebarBackSpan, #sidebarHomeSpan, #sidebarLoginSpan {
	color: #E1E1E1;
	display: none;
}
#sidebarLoginLink a:hover {
	background-image: url(images/login_over.gif);
	display: none;
}
#sidebarBackLink a:hover {
	background-image: url(images/back_over.gif);
	display: none;
}
#sidebarHomeLink a:hover {
	background-image: url(images/home_over.gif);
	display: none;
}

#sidebarLoginLink a:hover, #sidebarBackLink a:hover, #sidebarHomeLink a:hover {
	color: #37B437;
	display: none;
}

/* --------------------------- MENU ---------------------------- */

#menu {
float: left;
height: 1px;
border-top: 1px solid #828282;
width: 632px;
margin-top: 36px;
}

#menu ul, #menu div {
	display: none;
}



/* ----------------------------------------- KONTAKTFORMULAR --------------------------------- */


#kontaktformular {
	border-spacing: 0px;

}

#kontaktformular .kontaktRow1{
	width: 120px;
	font-weight: bold;
	color: #8B8B8B;
}



#kontaktformular input{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #6F6F6F;
	border: 1px solid #828282;
	background-color: #F9F9F9;
	height: 16px;
	line-height: 14px;
}

#kontaktformular  select {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #6F6F6F;
	border: 1px solid #828282;
	height: 16px;

}

#text textarea {
	padding: 0px;
	font-size: 12px;
	color: #6F6F6F;
	border: 1px solid #828282;
	background-color: #F9F9F9;
	line-height: 16px;
	font-family: verdana, arial, sans-serif;
}

.kontaktButton {
	margin: 0px;
	margin-left: 300px;
	width: 130px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 12px;
	color: #6F6F6F;
	border: 1px solid #828282;
	background-color: #E1E1E1;
	font-weight: bold;
}


/* ----------------------------------------- Projekte --------------------------------- */



.projektTable {
	border-spacing: 0px;
	border: 0px;
	width: 430px;
}

.projektTable p.line {
	width: 430px;
}

.projektTable p.headline {
	margin-top: 24px;
}

.projektTable p {
	margin: 0px;
	padding: 0px;
	width: 290px;
}

.projektTable p.t6 {
	margin-top: 6px;
}

.projektTable td {
	vertical-align: top;
	padding: 0px;
	padding-top: 12px;
}

.projektTable td.lineTd {
	padding: 0px;
}

.projektTable img {
	margin-right: 20px;
}


.hinweis {
	margin-top: 12px;
	font-size: 10px;
}


.inhalte {
	width: 420px;
}
.inhalte td{
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	vertical-align: top;
}

.inhalte .col1 {
	width: 280px;
	padding-left: 0px;
}

.inhalte .col2 {
	width: 120px;
}


.line {
	background-image: url(./images/dotted_line.gif);
	width: 630px;
	padding: 0px;
	margin: 0px;
	height: 1px;
	font-size: 1px;
	line-height: 0px;
}

.line10 {
	background-image: url(./images/dotted_line.gif);
	width: 630px;
	padding: 0px;
	margin: 0px;
	height: 1px;
	font-size: 1px;
	line-height: 0px;
}



.preisTable {
	border-spacing: 0px;
	border: 0px;
	width: 430px;
	margin: 0px;
	margin-top: 12px;
	padding: 0px;

}

.preisTable td {
	text-align: right;
	vertical-align: top;
	width:49px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.preisTable td.preisCol1 {
	width: 381px;
	text-align: left;
}

.preisTable tr td {
	background-color: #E9E9E9;
}

.preisTable .grayRow td {
	background-color: #F1F1F1;
}

.preisTable .tablespacer {
	background-image: url(images/dotted_line.gif);
	background-repeat: repeat-x;
	height: 1px;
	padding: 0px;

}

.preisTable td p {
	padding: 0px;
	margin: 0px;
	margin-left: 10px;
	margin-right: 10px;

}

/* ---------------------------------------- LINKS ------------------------------------- */

a.textLinkExtern, a.projektLinkExtern {
	color: #333333;
	background-image: url(images/link_extern_over.gif);
	padding-left: 18px;
	background-repeat: no-repeat;
	text-decoration: none;
	line-height: 19px;
	margin-left: 5px;
	margin-right: 5px;
	font-weight: normal;
}

a.textLinkExtern:hover{
	color: #37B437;
}

a.projektLinkExtern {
	font-size: 11px;
	margin-left: 0px;
}


a.textLink {
	color: #333333;
	background-image: url(images/link_over.gif);
	padding-left: 14px;
	background-repeat: no-repeat;
	text-decoration: none;
	line-height: 20px;
	margin-left: 5px;
	margin-right: 5px;
	font-weight: normal;
}

a.textLink:hover {
	color: #37B437;
}






a.linkDetails, a.projektLinkDetails{
	color: #333333;
	background-image: url(images/link_details.gif);
	padding-left: 12px;
	background-repeat: no-repeat;
	text-decoration: none;
	line-height: 20px;
	margin-left: 0px;
	font-weight: normal;
	font-size: 11px;
}

a.linkDetails:hover,a.projektLinkDetails:hover {
	color: #37B437;
}


/* ---------------------------------------------------- LOGIN ---------------------------------------------- */

.loginTable, #loginRequestTable {
	width: 370px;
	margin-top: 12px;
	float: left;
}

.loginTable {
	margin-top: 24px;
}

.loginTable td, #loginRequestTable td {
	vertical-align: top;
}


#loginImage, #loginRequestImage {
	float: left;
	margin-top: 12px;
	margin-right: 25px;
}

#loginImage {
	margin-top: 24px;
}

#loginLbUsername, #loginLbPassword, #loginLbFailure, #loginLbRequestFailure, #loginLbEmail{
	font-weight: bold;
	color: #828282;
	line-height: 16px;
	font-size: 11px;
}

#loginTfUsername, #loginTfPassword, #loginTfEmail {
	width: 210px;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	color: #6F6F6F;
	border: 1px solid #828282;
	/*background-color: #F9F9F9;*/
	height: 16px;
	line-height: 16px;
}


#loginLbFailure, #loginLbRequestFailure {
	font-weight: normal;
	line-height: 12px;
	margin-top: 12px;
	display: block;
	width: 250px;
}

#loginLbFailure {
	margin-bottom: 12px;
}

#loginBtSubmit, #loginBtRequestSubmit {
	margin: 0px;
	width: 90px;
	margin-top: 12px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 12px;
	color: #6F6F6F;
	border: 1px solid #828282;
	background-color: #E1E1E1;
	font-weight: bold;
}

#loginBtSubmit {
	margin-bottom: 24px;
}

.loginTableCol1, .loginTableCol1 img {
	height: 1px;
	width: 160px;
}

.loginTableCol2, .loginTableCol2 img {
	height: 1px;
	width: 120px;
}

.loginTableCol3, .loginTableCol3 img {
	height: 1px;
	width: 90px;
}

#loginRequestTableCol1, #loginRequestTableCol1 img {
	height: 1px;
	width: 160px;
}

#loginRequestTableCol2, #loginRequestTableCol2 img {
	height: 1px;
	width: 120px;
}

#loginRequestTableCol3, #loginRequestTableCol3 img {
	height: 1px;
	width: 90px;
}