body {
	margin:0;
	font:1em "Lucida Grande", Arial, sans-serif;
background: #818283 url('http://www.planungsbuero-internet.de/fileadmin/templates/images/bg-body.jpg') repeat-x;
	/*background:#818283 url(../images/bg-body.jpg) repeat-x;*/
	color: #353535;
}
* {
	font-size: 100.01%;
}
html {
	font-size: 64%;
}
a {
	color:#000;
	}
a:hover {
	text-decoration:none;
}
img {
	border: none;
}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,
fieldset {
	margin:0;
	padding:0;
	border:none;
}

.grey {
	background:url(../images/bg-grey.gif) repeat-x;
}
#wrapper {
	width:960px;
	overflow:hidden;
	margin:0 auto;
	background:url(../images/bg-wrapper.png) repeat-y;
	padding:0 26px 0 16px;
	position:relative;
}
#header {
	width:960px;
	background-color:#ff5400;
	height:30px;
	border-bottom:1px solid #595a5b;
	position:absolute;
	top:0;
}
#header	.nav {
	margin:0;
	padding:0;
	list-style:none;
	float:right;
}
#header	.nav li {
	float:left;
	border-left:1px solid #595a5b;
}
#header	.nav li a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-size:1.2em;
	padding:6px 20px 0;
	height:24px;
	float:left;
}
#header	.nav li a:hover {
	background:#8d8d8d;
}
#main {
	margin:30px 0 0;
	width:960px;
	overflow:hidden;
	padding:58px 0 0;
	min-height: 400px;
}
#sidebar {
	width:192px;
	border-top:2px solid #ff5400;
	padding:10px 0 0;
	float:left;
	margin:27px 0 0 0;
}
#sidebar .search-form {
	overflow:hidden;
	width:192px;
}
#sidebar .search {
	margin:0 0 0 9px;
	width:142px;
	border:1px solid #cfcfcf;
	float:left;
	height:16px;
	background:#e9e9e9;
	font-size:1.2em;
	color:#272727;
}
#sidebar .go {
	width:24px;
	height:20px;
	border:0;
	background:url(../images/submit-button.gif);
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	display:block;
	float:left;
	margin:0 0 0 7px;
}
#sidebar #menu {
	width:192px;
	margin:31px 0 0 0;
	padding:0;
	list-style:none;
}
#sidebar #menu li {
	height:29px;
	text-align:right;
	width:191px;
	background:#ececec;
	border:solid #fff;
	border-width:0 1px 1px 0;
	position:relative;
}
#sidebar #menu li a {
 	text-decoration:none;
	color:#353535;
	font-size:1.2em;
	display:block;
	padding:7px 12px 0 0;
	height:22px;
}
#sidebar #menu li:hover ul, 
#sidebar #menu li.hover ul {
	display:block;
}
#sidebar #menu li:hover ul ul, 
#sidebar #menu li.hover ul ul{
	display:none;
}
#sidebar #menu li:hover,
#sidebar #menu li.hover {
	position:relative;
	background:#ff5500;
	color:#fff;
	vertical-align:middle;
}
#sidebar #menu li:hover a,
#sidebar #menu li.hover a {
	color:#fff;
	font-weight:bold;
}
#sidebar #menu li:hover ul a,
#sidebar #menu li.hover ul a {
	color:#353535;
	font-weight:normal;
}
#sidebar #menu ul {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	left:192px;
	top:0;
	display:none;
}
#sidebar #menu ul li {
	height:29px;
	background:#d8d8d8;
	width:129px;
	border:solid #fff;
	border-width:0 1px 1px 0;
	text-align:left;
}
#sidebar #menu ul li a {
	padding:7px 0 0 15px;
}
#sidebar #menu ul li:hover ul,
#sidebar #menu ul li.hover ul {
	display:block;
}
#sidebar #menu ul li:hover a,
#sidebar #menu ul li.hover a {
	color:#fff;
	font-weight:bold;
}
#sidebar #menu ul li:hover ul a,
#sidebar #menu ul li.hover ul a {
	color:#353535;
	font-weight:normal;
}
#sidebar #menu ul li:hover,
#sidebar #menu ul li.hover {
	position:relative;
	background:#ff5500;
}
#sidebar #menu ul ul li:hover a,
#sidebar #menu ul ul li.hover a {
	color:#fff;
	font-weight:bold;
}
#sidebar #menu ul ul li:hover, 
#sidebar #menu ul ul li.hover {
	background:#707070;
}
#sidebar #menu ul ul {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	left:130px;
	top:0;
	display:none;
}
#sidebar #menu ul ul li {
	height:29px;
	width:147px;
	border:solid #fff;
	border-width:0 1px 1px 0;
	text-align:left;
	background:#cacaca;
}
#sidebar #menu ul ul a {
	padding:7px 0 0 15px;
}
#sidebar #menu a.active, #sidebar ul#menu ul li a.active {
	font-weight:bold;
	color:#ff5500;
}
#sidebar #menu .dropdown {
	background:#d8d8d8 url(../images/bullet-dropdown.gif) no-repeat 115px 11px;
}
#sidebar #menu ul li.dropdown:hover {
	background:#ff5500 url(../images/bullet-dropdown-h.gif) no-repeat 115px 11px;
}
#sidebar form {
	overflow:hidden;
	width:192px;
	margin:0;
}
#menu .drop a{
	background: url(../images/bullet-menu-grey.gif) no-repeat 115px 11px;
}
#menu .drop:hover a,
#menu li li.hover a{
	background: url(../images/bullet-menu-white.gif) no-repeat 115px 11px;
}
#menu li li.hover a.none{
	background: none;
}
#menu .drop:hover ul a,
#menu li li.hover ul a{
	background:none;
}
#content {
	float:right;
	width:720px;
	display:inline;
}
#content .title {
	width:720px;
	overflow:hidden;
}
#content .title a {
	text-decoration: none;
}
#content .title h1 {
	font-size:2.9em;
	color:#353535;
	margin:0;
	font-weight:normal;
	overflow:hidden;
	background:url(../images/line.gif) repeat-x 0 26px;
}
#content .title span {
	background:#fff;
}
#content .title span.divider {
	font-size:0.85em;
	padding:0 10px 0 4px;
	color:#999;
}
#content .title strong {
	color:#ff5400;
	font-size:1em;
	background:#fff;
	padding-right:10px;
	background:#fff;
}
#content .title em {
	vertical-align:super;
	width:360px;
	font-style:normal;
	color:#353535;
	font-size:0.44em;
	margin:8px 0 0 0;
}
#content .main .box {
	width:450px;
	float:left;
	padding:0 29px 0 0;
}
#content .main .box h2 a {
	text-decoration: none;
}
#content #breadcrumb {
	color:#353535;
	overflow:hidden;
	padding:0;
	list-style:none;
	margin: 53px 5px 0px 0px;
	width:409px;
}
#content #breadcrumb a {
	font-size:1.1em;
	color:#a9a9a9;
	text-decoration:none;
}
#content #breadcrumb a:hover {
	text-decoration:underline;
}
#content .main {
	width:457px;
	float:left;
	padding:32px 0 41px;
}
#content .main .box{
	border-bottom:1px solid #f1f1f2;
	padding:23px 0 22px;
}
/*.main .box p a {
	color:#ff5400;
}*/
.main .title{
	font-size:1.2em;
	line-height:1.583em;
	color:#fff;
	font-weight:normal;
	overflow:hidden;
}
.main h2{
	margin:17px 0 13px;
	color:#ff5400;
	font-size:2.1em;
	line-height:1.2em;
	font-weight:normal;
}
.main h1 {
	color:#ff5400;
}
.main p{
	margin:0 0 14px;
	font-size:1.3em;
	line-height:1.231em;
}
.main .more{
	text-decoration:none;
	font-size:1.3em;
	line-height:1.6em;
	padding:0 10px 0 0;
}
.main .more:hover{
	text-decoration:underline;
}
.info{
	margin:14px 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;
	font-size:1.2em;
	color:#9f9f9f;
}
.info li{
	float:left;
	background: url(../images/sep-info.gif) no-repeat 0 2px;
	padding:0 5px 0 15px;
	margin:0 12px 0 -12px;
}
.info .comment{
	background: url(../images/ico-comment.gif) no-repeat 10px 2px;
	padding:0 0 0 33px;
	color:#9f9f9f;
	text-decoration:none;
}
.info .comment:hover{
	text-decoration:underline;
}
.main .list{
	margin:5px 0 13px;
	padding:0;
	list-style:none;
	font-size:1.3em;
	line-height:1.231em;
}
.internet .title{
	background:#ff5400;
	padding:1px 6px 2px;
}
.internet h2{
	color:#ff5400;
}
.internet .more{
	color:#ff5400;
	background: url(../images/bullet-more-orange.gif) no-repeat 100% 6px;
}
.internet a {
	color:#ff5400;
}
.marketing .title{
	background:#e51010;
	padding:3px 6px 2px;
}
.marketing h2{
	color:#e51010;
}
.marketing a {
	color: #e51010;
}
.marketing .more{
	color:#e51010;
	background: url(../images/bullet-more-red.gif) no-repeat 100% 6px;
}
.hosting .title{
	background:#009204;
	padding:3px 6px 2px;
}
.hosting h2{
	color:#009204;
}
.hosting a {
	color:#009204;
}
.hosting .more{
	color:#009204;
	background: url(../images/bullet-more-green.gif) no-repeat 100% 6px;
}
.service .title{
	background:#0179c6;
	padding:3px 6px 2px;
}
.service h2{
	color:#0179c6;
}
.service a {
	color:#0179c6;
}
.service .more{
	color:#0179c6;
	background: url(../images/bullet-more-blue.gif) no-repeat 100% 6px;
}
#content .main .comments {
	padding:16px 0 22px 3px;
}
.comments h3 {
	font-size:1.8em;
	margin:0 0 20px;
	line-height:1.1111em;
	color:#4c4c4c;
	font-weight:normal;
	background:url(../images/ico-comment-h3.gif) no-repeat 0 50%;
	padding:0 0 0 22px;
}
.comments .comment {
	background:#eaeaea;
	padding:10px 20px;
	overflow:hidden;
	width:415px;
	margin:0 0 5px;
}
.comments .comment .title {
	color:#ff5400;
	font-size:1.3em;
	margin:0 0 15px;
	display:block;
}
.comments .comment p {
	margin:0;
	color:#6c6c6c;
}
#content .main .submit-form {
	border-bottom:0;
	padding:16px 0 22px 3px;
}
.submit-form h3 {
	font-size:1.8em;
	margin:0 0 18px;
	line-height:1.111em;
	color:#ff5400;
	font-weight:normal;
	background:url(../images/ico-submit-h3.gif) no-repeat 0 50%;
	padding:0 0 0 22px;
}
.submit-form .form-holder {
	padding:0 5px 0 20px;
}
.submit-form legend {
	display:none;
}
.submit-form fieldset ul {
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	height:1%;
}
.submit-form fieldset ul li {
	vertical-align:top;
	width:100%;
	overflow:hidden;
	margin:0 0 14px;
}
.submit-form fieldset ul li input {
	width:138px;
	border:1px solid #cfcfcf;
	background:#eaeaea;
	margin:0 17px 0 0;
	float:left;
	padding:1px 2px 2px;
}
.submit-form fieldset ul li label {
	float:left;
	font-size:1.3em;
	color:#4c4c4c;
	margin:2px 0 0;
	width:250px;
}
.submit-form fieldset textarea {
	border:1px solid #cfcfcf;
	background:#eaeaea;
	width:422px;
	overflow:auto;
	height:157px;
	padding:3px;
}
.submit-form .sbm {
	border:0;
	background:#ff5400;
	height:22px;
	width:144px;
	float:left;
	font-size:1.3em;
	color:#fff;
	margin:15px 0 0;
}
#content .side-area {
	float:right;
	width:231px;
	background:#efefef;
	margin:4px 10px 0;
	font-size:1.2em;
	color:#6c6c6c;
	padding:0 0 25px;
}
.side-area h2{
	margin:0 0 0 -6px;
	overflow:hidden;
	text-indent:-9999px;
	background: url(../images/bg-ttl-webblog.gif);
	width:237px;
	height:42px;
}
.side-area h3{
	margin:19px 0 0;
	font-size:1.1em;
	line-height:2.1428em;
	background: url(../images/bg-side-area-ttl.gif) no-repeat 0 18px;
	padding:0 0 0 12px;
	text-transform:uppercase;
}
.side-area h3 strong{
	background:#efefef;
	padding:0 4px 0 9px;
}
.side-list{
	margin:0;
	padding:0;
	list-style:none;
}
.side-list li{
	border-bottom:1px solid #dcdcdc;
	padding:4px 8px 5px 22px;
}
.side-list a{
	color:#6c6c6c;
	text-decoration:none;
}
.side-list a:hover{
	text-decoration:underline;
}

.side-nav{
	margin:0;
	padding:0;
	list-style:none;
}
.side-nav li{
	border-bottom:1px solid #dcdcdc;
}
.side-nav a{
	color:#6c6c6c;
	text-decoration:none;
	padding:4px 8px 5px 21px;
	display:block;
}
.side-nav a:hover{
	text-decoration:underline;
}
.side-nav ul{
	margin:0;
	padding:0;
	list-style:none;
	background:#f7f7f7;
}
.side-nav ul li{
	border-top:1px solid #dcdcdc;
	border-bottom:none;
}
* html .side-nav ul li{
	height:1%;
}
.side-nav ul a{
	padding:6px 8px 5px 29px;
}
.side-nav a{
	font-weight:bold;
}
.side-nav span{
	padding:0 11px 0 0;
}
.side-nav .internet span{background: url(../images/bullet-orange.gif) no-repeat 100% 5px;}
.side-nav .internet .active span{background: url(../images/bullet-orange-down.gif) no-repeat 100% 5px;}
.side-nav .internet a{color:#ff5400;}
.side-nav .marketing span{background: url(../images/bullet-red.gif) no-repeat 100% 5px;}
.side-nav .marketing .active span{background: url(../images/bullet-red-down.gif) no-repeat 100% 5px;}
.side-nav .marketing a{color:#e51010;}
.side-nav .hosting span{background: url(../images/bullet-green.gif) no-repeat 100% 5px;}
.side-nav .hosting .active span{background: url(../images/bullet-green-down.gif) no-repeat 100% 5px;}
.side-nav .hosting a{color:#009204;}
.side-nav .service span{background: url(../images/bullet-blue.gif) no-repeat 100% 5px;}
.side-nav .service .active span{background: url(../images/bullet-blue-down.gif) no-repeat 100% 5px;}
.side-nav .service a{color:#0179c6;}

.side-list p{
	margin:0;
}
.archiv-form{
	padding:0 8px 0 19px;
}
.archiv-form select{
	color:#000;
	font-size:1em;
	width:186px;
}
.tagcloud-area ul{
	padding:0;
	margin:0;
	list-style:none;
	padding:0 12px 0 21px;
}
.tagcloud-area li {
	display:inline;
	padding:0 5px;
}
.tagcloud-area li.popular { font-size:12px;}
.tagcloud-area li.v-popular { font-size:18px;}
.tagcloud-area li.vv-popular { font-size:24px;}
.tagcloud-area li.vvv-popular { font-size:27px;}
.tagcloud-area li.vvvv-popular { font-size:30px;}
.tagcloud-area a{text-decoration:none;}
.tagcloud-area a:hover{text-decoration:underline;}
.side-list .rss{
	background: url(../images/ico-rss.gif) no-repeat 0 2px;
	padding:0 0 0 21px;
}
.orange h1 {
	color:#ff5400;
}
.orange p {
	color:#353535;
}
.orange a {
	color:#ff4800;
}
.themes a.external,
.container a.external {
	padding:0 13px 0 0;
	position:relative;
}
.orange a.external {
	background:url(../images/external-orange.gif) no-repeat right;
}
.blue a.external {
	background:url(../images/external-blue.gif) no-repeat right;
}
.green a.external {
	background:url(../images/external-green.gif) no-repeat right;
}
.red a.external {
	background:url(../images/external-red.gif) no-repeat right;
}
.themes h1.csc-firstHeader {
	font-size:1.8em;
}
.themes h2 {
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
}
.themes a, 
.container a {
	text-decoration:none;
}
.themes a:hover, 
.container a:hover {
	text-decoration:underline;
}
.blue h1 {
	color:#0179c6;
}
.themes p {
	color:#353535;
}
.blue a {
	color:#0160a2;
}
.green h1 {
	color:#009204;
}
.green a {
	color:#007804;
}
.red h1 {
	color:#c00202;
}
.red a {
	color:#c00202;
}
#content .themes p {
	margin:9px 0 0;
	color:#353535;
	font-size:1.2em;
}
#content .themes {
	margin:13px 0 34px 0;
}
#content .themes h1 {
	margin:0;
}
#content .frame {
	float:left;
	width:231px;
	background:#efefef;
	margin:4px 0 0;
	padding:0 0 10px 0;
}
#content .container {
	margin:17px 0 0 0;
}
#content .container .box {
	padding:0 19px 0 18px;
	float:none;
	width:194px;
} 
#content .frame h3 {
	width:230px;
	height:11px;
	margin:0;
	text-indent:-9999px;
}
#content .frame .orange h3 {
	background:url(../images/title-orange.gif) no-repeat;
}
#content .frame .blue h3 {
	background:url(../images/title-blue.gif) no-repeat;
}
#content .frame .green h3 {
	background:url(../images/title-green.gif) no-repeat;
}
#content .frame .red h3 {
	background:url(../images/title-red.gif) no-repeat;
}

#content .container h4 {
	font-size:1.3em;
	margin:10px 0 8px 0;
	color:#353535;
}
#content .container p {
	margin:0;
	font-size:1.1em;
}
#content .container img {
	display:block;
	margin:0 0 8px;
}
#footer {
	margin:0 auto;
	width:960px;
	padding:0 26px 0 16px;
	background:url(../images/bg-footer.png) no-repeat;
}
#footer .box {
	padding:12px 0;
	width:960px;
	overflow:hidden;
	position:relative;
}
#footer p {
	color:#353535;
	margin:0 0 0 10px;
	font-size:1.2em;
}
#footer ul {
	margin:0;
	padding:0;
	list-style:none;
	float:right;
	margin:0 10px 0 0;
	display:inline;
}
#footer ul li  {
	display:inline;
	margin:0 0 0 35px;
}
#footer ul li a {
	text-decoration:none;
	color:#353535;
	font-size:1.2em;
}
#footer ul li a:hover {
	text-decoration:underline;
}
#main .contact {
	width:155px;
	color:#353535;
	margin:0 0 0 13px;
	position:absolute;
	bottom:20px;
	left:20px;
}
#main .contact h3 {
	margin:0;
	font-size:1.1em;
	margin:0 0 14px;
}
#main .contact address {
	display:block;
	font-size:1.1em;
	font-style:normal;
}
#main .contact em {
	display:block;
	font-style:normal;
	font-size:1.1em;
	padding:0 0 0 25px;
}
#main .phone {
	background:url(../images/phone.gif) no-repeat 0 2px;
	margin:10px 0 0;
}
#main .fax {
	background:url(../images/fax.gif) no-repeat 0 2px;
}
a.download {
	display: block;
	padding: 5px 0 5px 20px;
	background: url(../images/download_icon_14x14.gif) no-repeat left center;
}
form {
	margin: 9px 0 0 0;
}
label {	
	color:#353535;
	font-size:1.2em;
	float: left;
	display: block;
	width: 150px;
}
input {
	color:#353535;
	font-size:1.2em;
	width: 250px;
	border: 1px solid #cfcfcf;
	background: #e9e9e9;
	margin: 0 0 10px 0;
}
textarea {
	width: 250px;
	height: 200px;
	border: 1px solid #cfcfcf;
	background: #e9e9e9;
	margin: 0 0 10px 0;
}
input.csc-mailform-submit {
	margin-left: 150px;
}
.csc-header-n2 {
	margin-top: 20px;
}
ul.tabs { 
	font-size: 1.2em;
	list-style:none; 
	margin:0 !important; 
	padding:0;
	border-bottom: 2px solid #959595;
}
ul.tabs li { 
	color: #666666;
	position: relative;
	float:left;
	text-align: center;
	width: 102px;
	padding: 3px 0;
	margin:0;
	background: #ececec;
	list-style-image:none; 
	border-right: 2px solid #ffffff;	
}
ul.tabs li.tipp_button { 
	text-align: left;
	padding-left: 15px;
	width: 123px;
}
ul.tabs li.last { 
	border-right: none;
}
div#tipp {
	text-indent: -999px;
	position: absolute;
	width: 55px;
	height: 43px;
	background: url(../images/tipp.png) no-repeat;
	top: -12px;
	right: 0px;
}
ul.tabs li.current { 
	color: #ffffff;
	background: #959595;
}
.panes {
	clear: both;
	border-top: 2px solid #959595;
	padding-top: 24px;
}
div.panes div.pane {
	display:none;		
}
.csc-header h1 {
	font-size: 1.3em;
	margin-top: 25px;
}
table.hosting {
	width: 100%;
	border-spacing: 0px;
	margin: 10px 0px 20px 0px;
}
table.hosting h3 {
	font-size: 1em;
	margin: 0px;
	color: #000;
}
table.hosting td.td-0 {
	padding: 5px 10px;
}
table.hosting td.td-1 {
	text-align: center;
	width: 80px;
}
table.hosting td.td-2 {
	padding-right: 15px;
}
.hosting tr.tr-even {
	background: #efefef;
}
.hosting tr.tr-odd {
	background: #fff;
}
.footertxt {
	font-size: 1em;
}
#main .contact {
	width:155px;
	color:#353535;
	margin:0 0 0 13px;
	position:absolute;
	bottom:20px;
	left:20px;
}
#main .contact h3 {
	margin:0;
	font-size:1.1em;
	margin:0 0 14px;
}
#main .contact address {
	display:block;
	font-size:1.1em;
	font-style:normal;
}
#main .contact em {
	display:block;
	font-style:normal;
	font-size:1.1em;
	padding:0 0 0 25px;
}
#main .phone {
	background:url(../images/phone.gif) no-repeat 0 2px;
	margin:10px 0 0;
}
#main .fax {
	background:url(../images/fax.gif) no-repeat 0 2px;
	margin:0 0 21px;
}
#main .bookmark{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background: url(../images/bg-bookmark.gif) no-repeat;
	width:125px;
	height:16px;
}