body {
	text-align: left;
	margin: 0px;
	padding: 0px;
	font: normal small/170%  Helvetica, "Trebuchet MS", Verdana, Arial, sans-serif;
	background: url(bg.gif) repeat-x #EEE;
	color: #333;
}
.spacer {
	clear: both;
}


#header {
	margin: auto;
}

#header.rand {
	padding: 0px;
	margin: auto;
}


#Hintergrund {
	width: 920px;
	margin: auto;
	background: url(contentbg.gif) repeat-y;
}

table#Tabelle_Header{
	width: 920px;
	height: 377px;
}


/* ----------------------------- Content ------------------------------- */

#content {
	width: 680px;
	float: left;
	text-align: left;
	padding: 0px;
}

#content .rand {
	padding: 13px 0px 10px 20px;
}



/* ---------- Überschriften ----------- */

#content h1{
	font: normal 120% Helvetica, "Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight: bolder;
	text-transform: lowercase;
	text-align: left;
	color: #0D0D0D;
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
}

#content h2, #content h3, #content h4, #content h5, #content h6 {
	font: normal 120% Helvetica, "Trebuchet MS", Verdana, Arial, sans-serif;
	text-transform: lowercase;
	text-align: left;
	color: #ACACAC;
	margin: 30px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

#content h1 { 
    font-size: 170%;
 }
#content h2 { 
    font-size: 160%; 
}
#content h3 { 
    font-size: 140%; 
}
#content h4 { 
    font-size: 120%; 
}
#content h5 { 
   font-size: 90%; 
}
#content h6 { 
   font-size: 80%; 
}


/* ---------- Links ----------- */
#content a:link, a:active, a:visited{
    text-decoration: none;
	color: #A3A300;
}

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


/* ---------- Textverschönerung ----------- */

i, em{
    color: #797979;
}


/* ---------- Listen ----------- */

ul, ol{
	list-style: inside;
	margin: 15px 0px 15px 15px; /*-------------Achtung! Dadurch werden alle Listen um 15px nach rechts verschoben!!!-----------*/
}


ol{
	list-style-type: decimal;
}

/* --------------------- Content Management System -------------------- */
.korrekt {
	background: #A6DDB4;
	border: 1px solid #7FD194;
	color: #0D0D0D;
	padding: 6px;
	margin-bottom: 10px;
}

.falsch {
	background: #F37171;
	border: 1px solid #EB5C5C;
	color: #0D0D0D;
	padding: 6px;
	margin-bottom: 10px;
}

#content a.buttons{
	background: #A6DDB4;
	color: #0D0D0D;
	padding: 5px;
	margin: 1px;
	display: block;
	text-align: center;
	text-decoration: none;
}

#content a.buttons:hover{
	background: #7FD194;
}

#content a.delete{
	background: #F37171;
	color: #0D0D0D;
	padding: 5px;
	margin: 1px;
	display: block;
	text-align: center;
	text-decoration: none;
}

#content a.delete:hover{
	background: #EB5C5C;
}


/* -------------- Thumbs --------------- */

.layout{
	width: 150px;
	float: left;
	margin: 0px 15px 0px 0px;
}

#content img.vorschau {
	width: 140px;
	height: 80px;
	border: 5px solid #EEE;
	margin: 0px 16px 0px 0px;
}

#content .box {
	width: 150px;
	background: #EEE;
	margin: 0px 16px 16px 0px;
	font-size: 9px;
}

#content .box .text {
	width: 160px;
	padding: 0px 5px 2px 5px;
	color: #999;
	line-height: 1.3em;
}

#content .box .text a{
    margin: 0px 0px 0px 18px;
	font-size: 10px;
	display: inline-block;
	text-decoration: none;
}

#content .box .text a:hover {
	color: #737373;
}

#content .box a.downloadbutton{
    margin: 0px;
	padding: 0px;
	background: #CBCBCB;
	color: #1B1B1B;
	display: block;
	text-align: center;
	text-decoration: none;
}

#content .box a.downloadbutton:hover {
	background: #BFBE00;
}

/* ---------- GFX-View ----------- */
.gfxview{
	text-align: center;
	margin-top: 40px;
}


/* ---------- Listen [become und rules] ----------- */
#content ul.list {
	list-style: circle;
	list-style-position: inside;
	background: #EEE;
	padding: 10px;
	margin: 0px;
}

#content ul.list li {
	margin: 0px 0px 10px 10px;
}

/* ---------- (Oben Kasten) Rules-Kasten ----------- */
#content div.rules {
	background: #1B1B1B;
	color: #FFF;
	text-align: center;
	font-size: 90%;
	padding: 4px;
	margin: 0px 0px 10px 0px;
}


#content div.rules a {
	text-align: center;
	padding: 2px;
	text-decoration: none;
}

#content div.rules a:hover {
	color: #FFF;
}


/* ---------- Profil ----------- */
#content div#socialicons{
	display: block;
	background: #EEE;
	color: #D2D2D2;
	padding: 20px 10px 20px 10px;
	margin: 10px 0px 10px 0px;
	font-size: 34px;
	text-transform: uppercase;
	text-align: center;
}


#content div#socialicons a{
	margin: 0px 4px 0px 4px;
}

#content table.seite tr td{
	padding: 5px;
	background: #EEE;
}

#content ul#listprofil{
	list-style: circle;
	list-style-position: inside;
	margin-left: 30px;
}


/* ---------- Partner ----------- */
#content #partner{
	margin-top: 20px;
}

#content #partner table tr td a img{
	padding: 10px;
	margin-bottom: 20px;
	background: #EEE;
	text-decoration: none;
}

#content #partner table tr td a img:hover{
	background: #D8D8D8;
}


/* ---------- Link me ----------- */
#content .linkme table tr td p{
	padding: 10px;
	margin: 0px 0px 5px 0px;
	background: #EEE;
	text-align: center;
	width: 300px;
}

#content .linkme p#nowidth{
	padding: 10px;
	margin: 0px 0px 5px 0px;
	background: #EEE;
	text-align: center;

}

#content .linkme table tr td{
	padding: 10px 0px 10px 0px;
}

#content .linkme img{
	margin: 5px;
}


/* ---------- Contact ----------- */
#content #contactformular #contactform{
	margin: 20px 0px 0px 0px;
}

#content #contactformular #contactform table tr td{
	padding: 0px 0px 3px 0px;
}




/* ----- Box oben ----- */
#content #contactformular #contactbox{
	background: #EEE;
	padding: 10px;
	margin: 0px 0px 10px 0px;
}

#content #contactformular #contactbox table tr td{
	padding-left: 10px;
}

#content #contactformular #contactbox table tr td#rightcontact{
	padding-left: 20px;
}

#content #contactformular #contactbox table tr td ul{
	list-style: inside circle;
	margin: 10px 0px 0px 10px;
}


/* ---------- Credits ----------- */
#content .credits table tr td .links a{
	background: #ECECEC;
	color: #1A1A1A;
	padding: 2px;
	margin: 2px;
	width: 157px;
	font-size: 90%;
	display: block;
	text-align: center;
	text-decoration: none;
}

#content .credits table tr td .links a:hover{
	background: #DEDEDE;
}

/* ---------- Absätze ----------- */
#content div.absatz p{
	background: #ECECEC;
	color: #1A1A1A;
	padding: 10px;
	margin-bottom: 10px;
}


/* ------------------------- Shop ----------------------------- */
#content .shopthumbs{
	width: 310px;
	margin: 0px 5px 20px 0px;
	padding: 5px;
	background: #EEE;
}

#content .shopthumbs .shoptext{
	padding: 3px 0px 0px 0px;
	line-height: 1.3em;
	color: #333;
	text-align: left;
}

#content .shopthumbs .shoptext a{
	color: #333;
	text-decoration: none;
}

#content .shopthumbs .shoptext a:hover{
	color: #727272;
}



/* --------------------------- Newssystem ---------------------------- */
#content .news .newseintrag{
	margin: 0px 0px 20px 0px;
}

#content .news .newseintrag .newsbild{
	position: absolute;
}

#content .news .newseintrag .newsbildtext{
	position: absolute;
	color: #EEE;
	background-image: url(bgnews.png);
	padding:  2px 5px 2px 5px;
	margin: 0px;
	font-size: 10px;
}


#content .news .newseintrag .newstext{
	padding: 110px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
}

#content .news .newseintrag .newsunten{
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #CBCBCB;
	border-top: 1px solid #CBCBCB;
	padding: 10px 0px 10px 0px;
}


/* ------------ Share-Buttons ------------ */
#content .news .newseintrag .newsunten a.twitter-button{
	display: inline-block;
	width: 20%;
	background: url(twitter_normal.png) left no-repeat #EEE;
	background-position: 10px;
	color: #1B1B1B;
	padding: 5px 5px 5px 15px;
	margin: 0px 10px 0px 0px;
	text-align: center;
	text-decoration: none;
}

#content .news .newseintrag .newsunten a.twitter-button:hover{
	background: url(twitter_hover.png) left no-repeat #4ED3FF;
	background-position: 10px;
	color: #1B1B1B;
}


#content .news .newseintrag .newsunten a.tumblr{
	display: inline-block;
	width: 20%;
	background: url(tumblr_normal.png) left no-repeat #EEE;
	background-position: 10px;
	color: #1B1B1B;
	padding: 5px 5px 5px 15px;
	margin: 0px 10px 0px 0px;
	text-align: center;
	text-decoration: none;
}

#content .news .newseintrag .newsunten a.tumblr:hover{
	background: url(tumblr_hover.png) left no-repeat #395875;
	background-position: 10px;
	color: #EEE;
}

#content .news .newseintrag .newsunten a.fblike{
	display: inline-block;
	width: 20%;
	background: #EEE;
	color: #1B1B1B;
	padding: 5px 10px 5px 10px;
	margin: 0px;
	text-align: center;
	text-decoration: none!important;
}

#content .news .newseintrag .newsunten a.fblike:hover{
	background: #3B5998;
	color: #EEE;
	text-decoration: none!important;
}


#content .news .newseintrag .newsunten .leaveacomment a{
	display: block;
	width: 65%;
	background: url(comment_normal.png) left no-repeat #EEE;
	background-position: 20px;
	color: #1B1B1B;
	padding: 5px 10px 5px 25px;
	margin: 0px;
	text-align: center;
	text-decoration: none;
}

#content .news .newseintrag .newsunten .leaveacomment a:hover{
	background: url(comment_hover.png) left no-repeat #BFBF00;
	background-position: 20px;
	color: #1B1B1B;
}


/* ------------ News-Comments ------------ */
#content .news h2 a#commentnews{
	text-decoration: none;
}

#content .news .newskommentare{
	padding: 10px;
	background: #EEE;
	margin: 0px 0px 10px 0px;
}

#content .news .newskommentare .angaben{
	color: #1B1B1B;
	padding: 0px;
	margin: 0pxpx;
	font-size: 10px;
}



/* ------------ News-Formular ------------ */
#content .newsformular{
	padding: 20px 5px 20px 20px;
	border: 1px solid #CBCBCB;
	margin: 20px 0px 20px 0px;
}

#content .newsformular table tr td.space{
	padding: 10px 0px 0px 0px;
}

#content .newsformular input, #content .newsformular textarea{
	font: normal 90% Helvetica, "Trebuchet MS", Verdana, Arial, sans-serif;
	border: 1px solid #CBCBCB;
	background: none;
	padding: 5px;
	margin: 1px;	
}

#content .newsformular textarea{
	width: 599px;
}

#content .newsformular input.obennewsform{
	width: 179px;
}

#content .newsformular input:hover, #content .newsformular textarea:hover{
	border: 1px solid #ACACAC;
	background: none;
}

#content .newsformular input:focus, #content .newsformular textarea:focus{
	border: 1px solid #ACACAC;
	background: none;
}

#content .newsformular input[type=submit]{
	background: #1B1B1B;
	color: #EEE;
	padding: 10px;
	margin: 0px 16px 0px 0px;
	border: none;
}

#content .newsformular input[type=submit]:hover{
	background: #BFBF00;
	color: #1B1B1B;
	cursor: pointer;
}


/* --------------------- GFX - Ressourcen - Tutorials - Bereich ------------------------ */

/* ---------- Tutorials-Code-Kasten ----------- */
#content div.code {
	background: #EEE;
	color: #1A1A1A;
	font-size: 90%;
	padding: 4px;
	margin: 20px 0px 20px 0px;
	overflow: auto;
}



/* ---------- Zurück zur Übersicht ----------- */
#content a.zurueck{
	background: #1B1B1B;
	color: #FFF;
	min-width: 16%;
	padding: 5px 20px 5px 20px;
	margin: 5px 5px 5px 0px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
}

#content a.zurueck:hover{
	background: #BFBF00;
	color: #1B1B1B;
}


#content .rules a.zurueckrules{
	background: #BFBF00;
	color: #1B1B1B;
	width: 20%;
	padding: 2px;
	margin: 5px;
	display: inline-block;
	text-decoration: none;
}

#content .rules a.zurueckrules:hover{
	background: #EEE;
	color: #1B1B1B;
}



/* ---------- Iconupload und Basesupload ----------- */
#content .borderimg {
	width: 100px;
	margin: 7px;
	padding: 7px 7px 2px 7px;
	background: #EEE;
}

#content .borderimg .serie {
	padding: 2px 0px 0px 0px;
	line-height: 1.3em;
	color: #0D0D0D;
	font-size: 9px;
	text-align: center;
}



/* ---------- Blätterfunktion ----------- */
#content .current {
	background: #BFBE01;
	color: #1B1B1B;
	padding: 5px 10px 5px 10px;
}

#content .Seitennavigation {
	margin: 15px 8px 15px;
}

#content .Seitennavigation a{
	background: #EEE;
	color: #1B1B1B;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	margin: 0px;
}

#content .Seitennavigation a:hover{
	background: #BFBE01;
	color: #1B1B1B;
	text-decoration: none;
}



/* ---------- Layoutsupload ----------- */
#content #sidebar {
	float: right;
	width: 30%;
	font-size: 90%;
}

#content #sidebar a {
	display: block;
	padding: 2px 10px;
	margin: 5px 0px;
	text-align: center;
	outline:none; 
	border: 1px solid #1A1A1A;
	background: #0D0D0D;
	color: #CDCDCD;
	text-decoration: none;
}

#content #sidebar a:hover {
	border: 1px solid #191919;
	background: #232323;
	color: #D7D7D7;
}



#content #layoutbar {
	float: left;
	width: 70%;
	font-size: 90%;
}




.clear_left{ 
	clear: left; 
}

.right{
    float: right;
    padding: 0 0 0 15px;
    
}

a.tool{
    position: relative; /*this is the key*/
    z-index: 24; 
}

a.tool:hover{ z-index:25; }

a.tool span{display: none}

a.tool:hover span{ /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    top: 2em; left: 2em; width: 15em;
    margin: 0 auto;
    text-align: center;
}


/* --------Layoutmanager choose Typ----------- */
#content .layoutupload{
	background: #EEE;
	height: 70px;
	padding: 6px; 
	margin: 10px 0px 30px 0px;
}

#content .layoutupload ul{
	margin: 5px 0px 0px 0px;
}

#content .layoutupload ul li{
	list-style: none;
	margin:  0px 2px 0px 2px;
	padding: 0px;
	float: left;
	text-align: center;
}

#content .layoutupload a{
	background: #CDCDCD;
	color: #1B1B1B;
	font-size: 80%;
	display: block;
	min-width: 78px;
	text-decoration: none;
	padding: 5px;
}

#content .layoutupload a:hover{
	background: #232323;
	color: #D7D7D7;
}

#content .layoutupload ul li a.hervor{
	background: #BFBE00;
	color: #1B1B1B;
}

#content .layoutupload ul li a.hervor:hover{
	background: #232323;
	color: #D7D7D7;
}



#content .layoutupload select {
	border: none;
	background: #CDCDCD;
	color: #1B1B1B;
	padding: 7px;
	margin-top: 5px;
}

#content .layoutupload select:focus {
	background: #232323;
	color: #D7D7D7;
}

#content .layoutupload select:hover {
	background: #232323;
	color: #D7D7D7;
}



/*-------------------------------- Content Management System -------------------------------*/

.fehler {
	color: #FF0000;
	background: #292929;
	border: 1px solid #A6A6A6;
	text-align: center;
}


/*--------------- Benutzernavigation -----------------*/
#content #benutzernavi {
	background: #202020;
	border: 1px solid #212121;
	padding: 6px;
	margin: 5px;
	font-size: 90%;
}

#content #benutzernavi img{
	border: 10px solid #121212;
}

#content #benutzernavi img:hover {
	border: 10px solid #EDEDED;
}

#content #benutzernavi ul {
	background: #009C9B;
	padding: 5px;
	margin: 7px;
}

#content #benutzernavi ul li {
	list-style: none;
}

#content #benutzernavi ul li {
	list-style: none;
	min-width: 120px;
	margin: 3px;
}

#content #benutzernavi ul li a:link, #content #benutzernavi ul li a:active, #content #benutzernavi ul li a:visited {
	color: #C3C3C3;
	background: #121212;
	padding: 3px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}

#content #benutzernavi ul li a:hover {
	color: #121212;
	background: #EDEDED;
	text-decoration: none;
}


#content #benutzernavi a:link, #content #benutzernavi a:active, #content #benutzernavi a:visited {
	color: #121212;
	background: #009C9B;
	padding: 3px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}

#content #benutzernavi a:hover {
	color: #009C9B;
	background: #121212;
	text-decoration: none;
}



/* ------------------------------ Navigation -------------------------------- */
#Navigation {
	width: 229px;
	float: right;
}

#Navigation .rand {
	padding: 10px 20px 10px 0px;
	margin: 0px;
}

/* ---------- Überschriften ----------- */

#Navigation h1 {
	font: normal 120% Helvetica, "Trebuchet MS", Verdana, Arial, sans-serif;
	text-transform: lowercase;
	text-align: left;
	color: #0D0D0D;
	margin: 8px 0px 5px 0px;
	padding: 0px 0px 0px 10px;
}


/* ---------- Navi ----------- */
#Navigation ul {
	margin: 0px 0px 10px 0px;
	font-size: 80%;
	width: 202px;
	padding: 5px 2px 3px 5px;
	background: #1B1B1B;
	overflow: hidden;
}

#Navigation ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

/* ---------- Navi-Links ----------- */
#Navigation ul li a {
	padding: 8px 0px;
	display: block;
	width: 49%;
	margin: 0% 1% 1% 0%;
	float: left;
	color: #EEE;
	text-align: center;
	text-decoration: none;
}

#Navigation ul li a:hover {
	background: #EEE;
	color: #1B1B1B;
}

#Navigation ul li a#Home {
	background: url(home_normal.png) left no-repeat;
	background-position: 16px;
}

#Navigation ul li a#Home:hover {
	background: url(home_hover.png) left no-repeat #EEE;
	background-position: 16px;
}

/* ---------- Affis ----------- */
#Navigation a.affis{
	width: 27px;
	font-size: 70%;
	padding: 0px;
	margin: 1px;
    background: #EEE;
	color: #1B1B1B;
	display: block;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
}

#Navigation a.affis:hover{
	background: #DEDEDE;
}

/* ---------- Ander Buttons ----------- */
div.navibuttons{
	margin: 10px 0px 10px 0px;
}


/* ---------------------------- Footer ------------------------------ */
#footer {
	background: #BFBF00;
	border-top: 1px solid #A3A300;
	border-left: 1px solid #A3A300;
	border-right: 1px solid #A3A300;
	margin: auto;
	text-align: left;
	width: 900px;
	bottom: 0px;
}

#footer .rand {
	padding: 10px 10px 10px 9px;	
}

#footer #left {
	float: left;
	width: 662px;
	padding: 0px;
}

#footer #left ul{
	padding: 0px;
	margin: 0px;
}

#footer #left ul li{
	list-style: none;
	padding: 0px;
	margin: 0px;
	float: left;
	width: 25%;
}

#footer #left ul li a{
	display: block;
	background: #A3A300;
	color: #1B1B1B;
	padding: 10px;
	margin: 0px 1px;
	text-align: center;
	text-decoration: none;
}

#footer #left ul li a:hover{
	background: #1B1B1B;
	color: #EEE;
}

#footer #right {
	float: right;
	width: 209px;
	padding: 0px;
}

#footer #right #copy{
	padding: 10px;
	display: block;
	background: #1B1B1B;
	color: #EEE;
	text-align: center;
}

/* ---------------------- Formulare ------------------------ */
#content input, #content textarea, #content select {
	border: none;
	background: #EEE;
	padding: 10px;	
}

#content input:focus, #content textarea:focus, #content select:focus {
	background: #E3E3E3;
}

#content input:hover, #content textarea:hover, #content select:hover {
	background: #E3E3E3;
}

#content input[type=submit] {
	background: #1B1B1B;
	color: #EEE;
}

#content input[type=submit]:hover {
	background: #BFBF00;
	color: #1B1B1B;
	cursor: pointer;
}

#content form table tr td{
	padding: 0px 0px 3px 0px;
}


#content .formular #klein{
	font-size: 70%;
	color: #797979;
}