* { margin: 0;padding: 0;} 
	
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}

body {background:#fff url('../images/body_bg.png') repeat-x;text-align:center;font:12px Arial, "MS Trebuchet", sans-serif;color:#5f5f5f;}

a {color:#970303;text-decoration: none;font-weight: normal;}

#wrapper {width: 847px; margin:0 auto;padding-bottom:20px;}

#header_1 {width: 847px;height: 271px;background: #000 url('../images/header_1.png') no-repeat;}
#header_2 {width: 847px;height: 271px;background: #000 url('../images/header_2.png') no-repeat;}
#header_3 {width: 847px;height: 271px;background: #000 url('../images/header_3.png') no-repeat;}
#header_4 {width: 847px;height: 271px;background: #000 url('../images/header_4.png') no-repeat;}

#header_nav {text-align:left;padding:132px 0 0 66px;font-size:13px;font-weight: 100;color:#fff;}
#header_nav ul {list-style:none;}
#header_nav li {float:left;margin:0 3px 0 3px;}
#header_nav a {color:#fff;text-decoration: none;}
#header_nav .active a, #header_nav a:hover {color:#ff0000;}

#page {text-align:left;margin-top:28px;}

#page h1 	{ height: 30px;line-height: 30px;font-size:14px;border-bottom:1px solid #dbdbdb;padding-bottom:10px;}
#page p 	{ padding:10px 0 10px 0;color:#5f5f5f;}

.page_content {padding:10px 0 10px 0;}

.headline_1 {color:#970303;font-weight: 900;}
.headline_1 span {color:#adadad;font-weight: 100;}
.headline_1 a {text-decoration:none;font-weight: 900;}
.headline_2 {color:#3f3f3f;font-style: italic;font-weight: 100;}
.headline_2 span {font-size:12px;color:#adadad;font-weight: 100;}

.headline_blog,.headline_blog  a {font-size:12px;color:#3c3c3c;font-style: normal;padding-top:16px;font-weight: 900;text-decoration: none;}
.date_blog {font-size:10px;color:#adadad;font-style: normal;font-weight: 100;}
.date_blog_blog {float:left;margin:5px 0 5px 0;height: 20px;line-height: 20px;text-indent: 20px;background: url('../images/16x16_uhr.png') no-repeat;font-size:10px;color:#adadad;font-style: normal;font-weight: 100;}
.folder_blog_blog {float:left;margin:5px 0 5px 5px;height: 20px;line-height: 20px;text-indent: 20px;background: url('../images/16x16_folder_3.png') no-repeat;font-size:10px;color:#adadad;font-style: normal;font-weight: 100;}
.folder_blog_com {float:right;margin:5px 0 5px 5px;height: 20px;line-height: 20px;text-indent: 20px;background: url('../images/16x16_kommentar.png') no-repeat;font-size:10px;color:#adadad;font-style: normal;font-weight: 100;}

.date_folder_comment {}
.blog_content {padding:10px 0 20px 0;}
.blog_content img {display:block;}

.prozess_nummer {font-size:18px;color:#5f5f5f;}

#col1 {width: 100%;}
#col1 ul {float:left;width: 628px;list-style:none;}
#col1 li {height: 30px;line-height: 30px;float:left;margin:0 5px 0 5px;}
#col1 a {font-size:14px;color:#3f3f3f;text-decoration: none;font-weight: bold;}
#col1 .active a, #col1 a:hover {color:#970303;}

#col2_links, .projekte_links {float:left;width: 590px;font-size:14px;line-height: 18px;}

#col2_links ol {margin:10px 0 10px 30px;}
#col2_links li {margin:0 0 10px 0;}
#col2_links ol li h1 {margin:0 0 0 10px;padding:0;color:#970303;border:none;}
#col2_links ol li h1 span {color:#adadad;}

#col2_links_links		{float:left;width: 330px;}
#col2_links_rechts	{float:right;width: 255px;}

#col2_links img {border:none;}
#col2_links a {color:#970303;}

#col3_links 	{ float:left;width: 330px;font-size:14px;line-height: 18px;}
#col3_mitte 	{ float:left;width: 220px;margin:0 0 10px 40px;line-height: 16px;}
#col3_rechts, .projekte_rechts 	{ float:right;width: 220px;line-height: 16px;}

#col3_rechts ul {padding:16px 0 16px 20px;list-style-image: url('../images/listpunkt_service.png');}
#col3_rechts li {margin-bottom:5px;}
#col3_rechts li a {color:#777777;text-decoration: none;}

#rss ul {margin:0;padding:16px 0 16px 0;}
#rss li {list-style:none;text-indent: 20px;}
#rss .rss1 {background: url('../images/rss1.png') no-repeat;}
#rss .rss2 {background: url('../images/rss2.png') no-repeat;}

.footer-bg {background:#eeeff1;}
.comment1-bg {background:#f0f0f0;}
.comment2-bg {background:#fff;}
.formcomment-bg {background: #d9d9d9 url('../images/stift.gif') no-repeat top right ;}
.weiter-bg {background:#abacae;}

#kommentar {margin-top:16px;padding:15px;text-align:left;color:#777777;}
#kommentar h1 {border:none;}

#form_kommentar {}
#form_kommentar input {width: 230px;padding:3px;font:12px Arial, "MS Trebuchet", sans-serif;}
#form_kommentar textarea {width: 550px;height: 100px;padding:3px;font:12px Arial, "MS Trebuchet", sans-serif;}


#footer {margin-top:16px;padding:15px 15px 5px 15px;text-align:left;color:#777777;}

#footer h1 {color:#7c7c7c;font-size:14px;padding-bottom:10px;border-bottom:1px solid #d9d9db;}
#footer p		{padding:10px 0 10px 0;}

#footer_links {float:left;width: 315px;}

#kontakt 		{padding: 1px 0 10px 0 ;background: url('../images/16x16_home.png') no-repeat 60px 0px;}
#quickmail 	{padding: 1px 0 10px 0 ;background: url('../images/16x16_mail_1.png') no-repeat 76px 0px;}
#service 		{padding: 1px 0 10px 0 ;background: url('../images/16x16_edit.png') no-repeat 60px 0px;}

#footer_mitte {float:left;width: 238px;margin-left:40px;}
#footer_rechts {float:right;width: 200px;}

#formquickmail {margin-top:5px;}
#formquickmail input {width: 230px;margin-bottom:5px;padding:3px;font:12px Arial, "MS Trebuchet", sans-serif;}
#formquickmail textarea {width: 230px;height: 100px;margin-bottom:5px;padding:3px;font:12px Arial, "MS Trebuchet", sans-serif;}

.invalidInput{border:1px dotted #F00;background-color: #FFECE6;}
.validInput{border:1px solid #d9d9db;}
.senden {background:#970303;border:none;color:#fff;padding:5px;}

#footer_rechts ul {padding:10px 0 10px 0px;list-style:none;}
#footer_rechts li {padding:1px 0 3px 25px;margin-bottom:5px;background: url('../images/16x16_hacken.png') no-repeat;letter-spacing: 1px;word-spacing: 1px;}

#footer-nav {padding:10px;color:#7c7c7c;font-size: 11px;letter-spacing: 1px;word-spacing: 1px;}
#footer-nav a {color:#7c7c7c;text-decoration:none;}

div.scrollable {position:relative;overflow:hidden;height: 440px;width: 220px;} 
div.scrollable div.items {position:absolute;height:20000em;}
div.scrollable2 {position:relative;overflow:hidden;height: 440px;width: 220px;} 
div.scrollable2 div.items {position:absolute;height:20000em;}

.scnext {display:block;width: 10px;height: 8px;background: url('../images/scroll_hoch.png')no-repeat;float:right;margin-right:10px;}
.scprev {display:block;width: 10px;height: 8px;background: url('../images/scroll_runter.png')no-repeat;float:right;}

.scnext2 {display:block;width: 10px;height: 8px;background: url('../images/scroll_hoch.png')no-repeat;float:right;margin-right:10px;}
.scprev2 {display:block;width: 10px;height: 8px;background: url('../images/scroll_runter.png')no-repeat;float:right;}