body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#555;
	background:#303030;
}

#container{
	background:#303030;background:#c0c0a8 url(/body_bg.gif) repeat-x;margin:0 auto;
}

#maincontainer{
	padding:26px 0;background:transparent url(/bg.jpg) top no-repeat;min-height:400px;height:auto !important;height:400px;
}

#header{
	height:89px;padding-top:28px;background:#303030 url(/header_footer_bg.gif) repeat-x;
}

#content{
	clear:both;margin:0 auto;width:990px;border:0px solid #303030;background:#fff url(/content_bg.gif) -990px 0 repeat-y;overflow:hidden;min-height:400px;height:auto !important;
}

#main{
	padding:30px 36px 36px 36px;width:625px;border-right:1px solid #ccc;float:left;background:#fff url(/content_bg.gif) no-repeat;
}

#sidebar{
	padding:10px 0 36px 0;width:292px;background:#efefe3 url(/content_bg.gif) -698px 0 no-repeat;float:left;
}

#abschluss{
	margin:0 auto;width:990px;height:3px;background:url(/navi_bg.gif) 0 -25px no-repeat;
}

#footer{
	min-height:118px;height:auto !important;height:118px;background:#303030 url(/header_footer_bg.gif) 0 -117px repeat-x;overflow:hidden !important;overflow:visible;padding:0 0 20px 0;
}

#footermain{
	padding:16px 32px;width:926px;margin:0 auto;color:#999;
}

#copyright, .copyright, #copyright a, #copyright br{
	font-size:9px;line-height:15px;
}

#footermain .links{
	float:left;margin:0 32px 0 0;width:166px;
}
#footermain .mitte{
	float:left;width:550px;
}
#footermain .rechts{
	float:left;margin:0 0 0 32px;width:146px;
}




a{
	border-bottom:1px solid #707050;text-decoration:none;color:#707050;
}
a:visited{
	border-bottom:1px solid #A4A48A;text-decoration:none;color:#A4A48A;/*color:#A4A48A;*/
}
a:hover{
	border-bottom:1px solid #707050;text-decoration:none;color:#707050;
}


strong{
	color:#303030;
}

#footer strong{
	color:#999;
}


h1{
	margin:0 auto;width:990px;
}

h1 a{
	display:block;text-indent:-900%;width:381px;height:59px;background:url(/web-spirit.jpg) no-repeat;border:0;
}
h1 a:visited{
	border:0;
}
h1 a:hover{
	border:0;
}
h1 abbr{
	width:381px;display:block;
}
h2, h3, h4, h5, h6{
	font-weight:bold;margin:25px 0 10px 0;color:#303030;
}
h2{
	font-size:20px;line-height:30px;margin:0 0 0 0;
}
#kommentare{
	margin:45px 0 0 0;
}
#kommentare h2{
	display:inline;
}
#kommentare em{
	color:#aaa;
}
em.trackback a{
	color:#aaa;border-bottom:0px solid #aaa;font-size:10px;
}
em.trackback a:visited{
	color:#aaa;border-bottom:0px solid #aaa;font-size:10px;
}
h3, h2.title{
	font-size:16px;line-height:28px;margin:35px 0 0 0;clear:both;
}
h2.title{
	font-size:20px;line-height:30px;
}
h3#webdesign-tutorials{
	font-size:14px;margin:0 0 0 0;
}
h3 a, h3 a:visited, h2 a, h2 a:visited, h3 a:hover, h2 a:hover{
	color:#303030;border:0;/*text-shadow:1px 1px 0 #DDDDDD;*/
}
h4{
	font-size:16px;line-height:30px;margin:0 0 6px 0;color:#A4A48A;
}
h4 a, h4 a:visited{
	color:#303030;border:0;
}
h2 em, h3 em{
	font-size:10px;color:#787878;
}
h3.blog{
	font-size:15px;margin:15px 0 10px 0!important;margin:38px 0 8px 0;line-height:15px;
}
h5, h6{
	font-size:13px;margin:0;
}
h5 a.ohne{
	color:#303030;
}

h6.nummerierung{
	color:#a4a48a;float:right;
}

.start_bild{
	float:right;width:294px;height:243px;padding:7px 0 0px 36px; /*7 0 36 36*/
}
.start_bild img{
	width:294px;
}

hr{
	margin:40px 0 0 0;height:1px;border:0;border-top:1px solid #ccc;clear:both;
}

img.blogthumbnail, img.blogthumbnailr{
	float:left;margin:4px 9px 0 0;border:1px solid #ccc;width:71px;height:71px;
}
img.blogthumbnailr{
	float:right;margin:4px 0 0 9px;
}



ul#navigation
{
	margin:0 auto;width:990px;
}
ul#navigation li
{
	float:left;width:198px;height:25px;font-size:12px;
}
ul#navigation li a
{
	display:block;width:188px;height:25px;background:transparent url(/navi_bg.gif) no-repeat;line-height:25px;padding:0 0 0 10px;color:#303030;text-decoration:none;font-weight:bold;border:0;
}
ul#navigation li.leistungen a
{
	background-position:-198px 0;
}
ul#navigation li.referenzen a
{
	background-position:-396px 0;
}
ul#navigation li.profil a
{
	background-position:-594px 0;
}
ul#navigation li.kontakt a
{
	background-position:-792px 0;
}
ul#navigation li a:hover, ul#navigation li.aktiv a
{
	color:#fff;
}

#footermain a, #footermain a:visited, #footermain a:hover{
	color:#999;border-bottom:1px solid #666;
}


/*ul.tagcloud a{ text-decoration:none; margin:4px 0; padding:1px 2px 3px 5px; display:block; background-color:#fff;  border-bottom:1px solid #ccc; color:#707050;height:auto !important; height:20px;}
ul.tagcloud a:visited{ color:#A4A48A; border-bottom:1px solid #ccc;}
ul.tagcloud a:hover{ text-decoration:none; color:#707050;  border-bottom:1px solid #bebebe; background:#f7f7f7;}
ul.tagcloud a em{font-size:9px;line-height:10px;color:#aaa;} */

ul.tagcloud{clear:both;}
ul.tagcloud li{clear:both;border:0px;}
ul.tagcloud span{clear:both;display:block;float:left;line-height:20px;height:auto !important; height:20px;width:10px;padding:3px 0;color:#a4a48a;}
ul.tagcloud a{float:left;text-decoration:none; margin:0; padding:3px 5px; display:block; border-bottom:0px solid #ccc; color:#707050;height:auto !important; height:20px;width:232px !important;width:228px;}
ul.tagcloud a:visited{ color:#A4A48A; border-bottom:0px solid #ccc;}
ul.tagcloud a:hover{ text-decoration:none; color:#707050;  border-bottom:0px solid #bebebe; background:#f7f7f7;}
ul.tagcloud a em{font-size:9px;line-height:10px;color:#aaa;}

pre{
	border:1px solid #ccc;padding:7px;margin:10px 0;background:#efefe3;
}
pre code{
	background:#efefe3;
}

img{
	/*border:1px solid #ccc;padding:5px;background:#fff;*/
}

.zebra_weiss{
	background:#fff;
}
.zebra_grau{
	background:#f7f7f7;
}

.startbox em{
	color:#aaa;font-size:10px;line-height:4px;display:block;margin-bottom:5px;
}
.blogteaser p.startbox_text{
	margin:10px 0 0 0;
}

p.text img{
	margin:10px 0;
}

ul.artikel{
	margin:5px 0 0 20px;list-style-image:url(/layout/accept.gif);
}
ul.artikel li{
	margin:10px 0 0px 0;
}

#anzeigen, #anzeigencontent{
	padding:20px !important;padding:20px 20px 0 20px;border-bottom:1px solid #ccc;border-top:1px solid #fff;width:252px;
}
#anzeigencontent{
	position:absolute; left:662px;top:-172px!important;top:-187px;
}
#anzeigen div, #anzeigencontent div{
	border-bottom:0px solid #ccc;background:transparent;height:160px;width:250px;padding-bottom:20px;
}
#anzeigen div a, #anzeigencontent div a{
	border:0;display:block;float:left;height:160px;
}
#anzeigen div a.links, #anzeigencontent div a.links{
	clear:both;
}
#anzeigen div img.punkt, #anzeigencontent div img.punkt{
	border:0;height:1px;width:1px;
}
span.anzeige{
	font-size:10px;color:#ccc;display:block;float:left;
}
span.anzeige2{
	float:right;
}

div.kommentar{
	margin:10px 0 0 0;padding:20px 0 10px 0;border-top:1px solid #ccc;
}
div.kommentar em{
	font-size:10px;color:#aaa;line-height:14px;padding:0 0 5px 0;
}
	

/* #### alte css ### */
.inputText, .inputTextarea, .inputButton{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#303030;
	margin-top:2px;
	margin-bottom:5px;
	padding:3px;
	}

label{
	color:#aaa;
}

.inputText{
	width:617px;
	border-top:1px solid #a1a1a1;
	border-right:1px solid #ededed;
	border-bottom:1px solid #ededed;
	border-left:1px solid #a1a1a1;
	}
	
.inputTextarea{
	height:120px;
	width:617px;
	border-top:1px solid #a1a1a1;
	border-right:1px solid #ededed;
	border-bottom:1px solid #ededed;
	border-left:1px solid #a1a1a1;
	}

.inputButton{
	font-weight:bold;cursor:pointer;
	}

#securityImage{
	margin-top:5px;
	margin-bottom:5px;
	}

input#webdesign{
	text-transform:uppercase;
	letter-spacing:2px;
}

form#formular input.fehler, form#formular textarea.fehler{
	border-top:1px solid #d07878;
	border-left:1px solid #d07878;
	border-right:1px solid #edd5d5;
	border-bottom:1px solid #edd5d5;
}

div.referenz{
	margin:0px;
	height:53px;
	width:100%;
	padding:10px 0;
	}

div.referenzLogo{
	padding-right:10px;
	float:left;
	}

div.referenzInfos{
	}
	
div.referenzDetail div#vorschauLinks{
	text-align:left;
	float:left;
	}
	
div.referenzDetail div#vorschauRechts{
	text-align:right;
	}

div.referenzDetail p.text{
	margin-top:10px;
}

p.hr{
	height:1px;
	border-top:1px solid #ccc;
	clear:both;
	}
p{
	clear:both;
}

table.profil{
	width:100%;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
	}
	
table.profil tr{
	vertical-align:top;
	}
	
table.profil th, table.profil td{
	padding-left:0px;
	padding-top:2px;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
	}
	
table.profil th{
	padding-right:15px;
	font-weight:bold;
	}

ul.profil, ul.profil li{
	margin:0px;
	margin-left:7px;
	padding:0px;
	list-style:disc;
	}

ul#leistungen, ul#leistungen li, ul.leistungen, ul.leistungen li{
	margin:0px;
	margin-left:12px;
	padding:0px;
	list-style-image:url(/layout/accept.gif);
	}

h2#tipps{
	float:left;
}

ul#tipps_bookmark li a, ul#tipps_bookmark li a:hover{
	border:0px;
	margin:0;
	}

ul#tipps_bookmark, ul#tipps_bookmark li{
	padding:3px 0 0 0;
	list-style:none;
	text-align:right;
	}
	
#tagcloud a, #tagcloud a:visited, #tagcloud a:hover{
	border:0;
}


#tagcloud a.tag1{
	font-size:1em;
	color:#555555;
	line-height:1em;
}

#tagcloud a.tag2{
	font-size:1.2em;
	color:#606060;
	line-height:1em;
}
#tagcloud a.tag3{
	font-size:1.4em;
	color:#808080;
	line-height:1em;
}
#tagcloud a.tag4{
	font-size:1.6em;
	color:#A5A5A5;
	line-height:1em;
}
#tagcloud a.tag5{
	font-size:1.8em;
	color:#C9C9C9;
	line-height:1em;
}
#tagcloud a.tag6{
	font-size:2em;
	color:#FFFFFF;
	line-height:1em;
}

#tagcloud a{
	text-decoration:none;border:0;
}

#tagcloud a:hover{
	text-decoration:underline;
}

p.startbox_text{
	clear:none;
}




div#pagination1, div#pagination1_bottom{
	clear:both;
	padding:1em 0 2em 0;
	font-family:tahoma;
	text-align:center;
}
div#pagination1_bottom{
	padding:3.5em 0 0 0;
}
#pagination1 span, #pagination1_bottom span{
	display:block;
	float:left;
	font-size:11px;
	line-height:13px;
	margin: 2px 6px 2px 0;
}
#pagination1 span a, #pagination1_bottom span a{
	background-color:#ffffff;
	border:1px solid #bbbbbb;
	color:#303030;
	display:block;
	padding:1px 5px 2px 5px;
	text-decoration:none;
}
#pagination1 span.inaktiv, #pagination1_bottom span.inaktiv{
	background-color:#ffffff;
	border:1px solid #cccccc;
	color:#cccccc;
	display:block;
	padding:1px 5px 2px 5px;
	text-decoration:none;
}
#pagination1 span a:hover, #pagination1 span a:active, #pagination1_bottom span a:hover, #pagination1_bottom span a:active{
	background-color: #f7f7f7;
	border:1px solid #303030;
}
#pagination1 span.aktuell, #pagination1_bottom span.aktuell{
	background-color: #303030;
	border:1px solid #303030;
	color:#ffffff;
	font-size:11px;
	padding:1px 5px 2px 5px;
}

a.ohne, a.ohne:hover, a.ohne:visited{
	border:0;text-decoration:none;
}




a.demo, a.download{
font-size:12px;
font-weight:bold;
line-height:14px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
background:#707050 url(/layout/alert-overlay.png) repeat-x scroll 0 0 !important;
background:none;
border-bottom:1px solid rgba(0, 0, 0, 0.25);
color:#FFFFFF !important;
color:#707050;
cursor:pointer;
display:inline-block !important;
display:inline;
padding:5px 10px 5px !important;
padding:0;
position:relative !important;
position:static;
text-decoration:none;
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.15);
margin-bottom:5px;
}
a.demo:visited{
	background-color:#A4A48A !important;
	background-color:none;
	color:#fff !important;
	color:#A4A48A;
}
a.download:visited{
	background-color:#A4A48A !important;
	background-color:none;
	color:#fff !important;
	color:#A4A48A;
}
a.demo:hover{
	background-color:#707050 !important;
	background-color:none;
	color:#fff !important;
	color:#707050;
}
a.download:hover{
	background-color:#707050 !important;
	background-color:none;
	color:#fff !important;
	color:#707050;
}

#header .twitter{
	border:0;
	display:block;
	width:990px;
	margin:0 auto;
	position:relative;
	height:35px;
	top:-6px;
}
#header .twitter a{
	border:0;
	margin:0;
	padding:0;
	position:absolute;
	right:0;
	top:0;
	line-height:0;
}
#kommentare .twitter{
	margin:10px 0;
}
#kommentare .twitter a{
	border:0;
	margin:0;
	padding:0;
	line-height:0;
}