html{margin: 0px; padding: 0px; border: 0px;}
body {font: 12px Arial, Helvetica, sans-serif; color: #000000;margin: 0; padding: 0; border: 0; background-color:#eadede;}

img { border:0px;}



.container {  margin:auto; width:1100px; margin-top: 0px;margin-bottom: 25px; border:0px;} 

#header { height:100px; width:100%; margin-left:auto; margin-top:0; background-image: url(http://www.webmaster-treff.com/design/images/header.jpg); 
background-color:#ffffff; -moz-border-radius-bottomleft:10; -moz-border-radius-bottomright:10; -khtml-border-radius-bottomleft:10; -khtml-border-radius-bottomright:10; }

#menue { clear: both; height:25px; line-height:25px;  width:100%; float:left; -moz-border-radius:5; -khtml-border-radius:5; padding:1px; font-weight:bold;}
#menue a { text-decoration: none;color:#ffffff; padding-left:5px;}
#menue a:hover {color:#000000;}

#footer { clear: both; height:25px; line-height:25px;  -moz-border-radius:5; -khtml-border-radius:5; padding:1px; font-weight:bold;}
#footer a { text-decoration: none;color:#ffffff; padding-left:5px;}
#footer a:hover {color:#000000;}

a { text-decoration: none;color:#000000; font-weight:bold;}
a:hover {color:#cccccc;}


#links { float: left; width:170px;}
#mitte { float: left; background-color:#fffff; width:730px; padding:5px; min-height:500px; margin-bottom: 10px; margin-left: 10px; margin-right:10px;	background:#ffffff; -moz-border-radius:5px; -khtml-border-radius:15px; margin-top:10px;}
#rechts { float: right; width:170px;}


.code {
	background-color:#cecece;
	

}


.csc-frame-frame1 {
	background-color: #edebf1;
	border: 1px dotted #333333;
	padding: 3px;
}



#menueoben_blau a{
	display:block;
	color:#ffffff;
	text-decoration:none;
	
	padding:3px;
	margin:5px;
	background-color: #468fff;
	width:100px;
	float:left;
	text-align:center;
	font-weight:bold;
	-moz-border-radius:5; 
	-khtml-border-radius:5;
}

#menueoben_blau a:hover{
	color:#ffffff;
	text-decoration:none;
	border:1px solid #000000;
}




#menueoben_orange a{
	color:#ffffff;
	text-decoration:none;
	padding:3px;
	margin:5px;
	background-color: #f8a306;
	width:100px;
	float:left;
	text-align:center;
	font-weight:bold;
	-moz-border-radius:5; 
	-khtml-border-radius:5;
}
#menueoben_orange a:hover{
	color:#ffffff;
	text-decoration:none;
	border:1px solid #000000;
}

#menueoben_gruen a{
	color:#ffffff;
	text-decoration:none;
	padding:3px;
	margin:5px;
	background-color: #8bc111;
	width:100px;
	float:left;
	text-align:center;
	font-weight:bold;
	-moz-border-radius:5; 
	-khtml-border-radius:5;
}
#menueoben_gruen a:hover{
	color:#ffffff;
	text-decoration:none;
	border:1px solid #000000;
}

#menueoben_rot a{
	color:#ffffff;
	text-decoration:none;
		padding:3px;
	margin:5px;
	background-color: #cf2828;
	width:100px;
	float:left;
	text-align:center;
	font-weight:bold;
	-moz-border-radius:5; 
	-khtml-border-radius:5;
}
#menueoben_rot a:hover{
	color:#ffffff;
	text-decoration:none;
	border:1px solid #000000;
}

#menueoben_braun a{
	color:#ffffff;
	text-decoration:none;
	padding:3px;
	margin:5px;
	background-color: #7d5252;
	width:100px;
	float:left;
	text-align:center;
	font-weight:bold;
	-moz-border-radius:5; 
	-khtml-border-radius:5;
}
#menueoben_braun a:hover{
	color:#ffffff;
	text-decoration:none;
	border:1px solid #000000;
}



.mittecontent {

}
.mittecontent h1 {
	border-bottom:1px solid #6390d1;
	
}

#mitte .menue-block {
	width:98%;
	margin-bottom:10px;
	padding:1px;
	padding-left:5px;
	padding-right:5px;
}







.menue-block {
	margin-bottom:10px;
	background:#ffffff;
	-moz-border-radius:5px;
	-khtml-border-radius:15px;
	margin-top:10px;
	border:1px solid #828282;
}

.menue-block-title {
	display:block;
	padding:3px;
	font-weight:bold;
	border-bottom:1px solid #828282;
}

.menue-block-inhalt {
	padding:3px;
}

.menue-block a {
	 color: #000cff;
	 text-decoration:none;
}

.menue-block a:hover {
	 color: #000cff;
	 text-decoration: underline;
}








.codeblock {
	border:solid 1px #828282;
	background-color:#ffffff;
	width:95%;
	overflow:auto;
	position: relative;
	margin: 0px auto;
	max-height:450px;
}



.codeblock_title {
	position: absolute;
	right: 5px;
	top: 5px;
	font-size:25px;
	color:#cecece;
	font-weight: bold;
}











.tutorials_news {
	width:100%;
	border-bottom:2px dotted #828282;
	padding-bottom:6px;
}

.tutorials_news h3 {
	padding:3px;
}

.tutorials_news a {
	color: #000000;
	text-decoration:none;
	font-weight:bold;
}

.tutorials_news a:hover {
	 color: #000cff;
}

.news_news {
	width:100%;
	border-bottom:2px dotted #828282;
	padding-bottom:6px;
}

.news_news h3 {
	padding:3px;
}

.news_news a {
	color: #000000;
	text-decoration:none;
	font-weight:bold;
}

.news_news a:hover {
	 color: #000cff;
}



.tools_content {
	border-bottom:2px dotted #828282;
	padding-bottom:6px;
	width:680px;
	padding-left:50px;
}
.tools_content h3 {
	padding:3px;
	border-bottom:2px solid #cf2828;
}





.forum_content_box { background-color: #ecf0ff;min-height:750px;width:90%; border:1px solid #000000; margin-left:auto; margin-right:auto; margin-top: 10px;margin-bottom: 10px; }
.forum_content_box_title {text-align:left;clear:both;border-bottom: 1px solid #000000; font-weight:bold; background-color: #7d5252;color : #ffffff;}

.forum_content_box_content{ margin:2px;}
.forum_content_box_content_b{ background-color: #ffffff; margin:2px;}





ul.forum_foren {margin: 0;list-style-type:none; padding:0;width:100%;clear:both;}
ul.forum_foren li { display: inline; float: left;text-align:left; }
ul.forum_foren li a {text-decoration: none;color: #000000;display:block;}
ul.forum_foren li a:hover {text-decoration: underline; }

.forumbeitrag{background-color: #7d5252;}
.content {background-color: #ecf0ff;}



























.formbox {
	width: 500px;
}

.formreihe {
	clear: both;
	padding: 2px 0px;
}

.formlabel {
	float: left;
	width: 94px;
	padding-top: 3px;
	padding-right: 5px;
	font-weight:bold;
}

.formfeld {
	float: right;
	width: 400px;
	text-align: left;
} 

.formknopf {
	clear: both;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 30px;
}

.formdefbreite {
	width: 260px;
}

















h3.bb_code {
	margin:0px;
	padding:0px;
}


ul.bb_code {
	list-style: square;
	margin:0px;
	padding: 0px;
	padding-left: 15px;
}

li.bb_code {
	margin:0px;
	padding: 0px;
}