/* DATEI: basis.css 

Allgemeine Farben:
dunkelblau: #1A539D;
hellgrau: #C4CFD7;

*/


body { 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;	
text-align: center;
margin: 0;
padding:0 5px 20px 5px;
color: #333;
background: #60BDFA url(../img/bg_body.jpg) repeat-x top left; 
}

.breaker {
overflow: hidden;
clear: both;
height: 0px;
}

img {
border: none;
}

a { 
color:#198AD6;
text-decoration:none;
}

a:hover {
color:#198AD6;
text-decoration:underline;
}

div.lineHor {
margin: 15px 0 15px 0;
height: 1px;
background: url(../img/line_hor.gif) repeat-x left; 
}

/* ------------- Container ------------------- */

#main { width: 948px; overflow:hidden; margin: 0 auto; text-align: left; background-color: #fff; } /* O-Width: 948px */
#headerContainer { margin: 0; position: relative; width: 948px; height: 80px; background: url(../img/bg_header.jpg) no-repeat top left;  } 
#menuContainer { margin: 0; width: 918px; height: 25px; padding: 0 15px 10px 15px; background: url(../img/bg_menu.jpg) repeat-x top left;  } /* O-Width: 918px */

#contentContainer1 { width: 918px; margin: 15px 0 15px 0; padding: 0 15px 0 15px; background: url(../img/bg_content1.gif) repeat-y top left; }
#contentContainer1 #col1 { width: 160px; float:left; }
#contentContainer12 { width: 728px;  float:right; line-height: 140%; }
#contentContainer12 #col2 { width: 349px; float:left; }
#contentContainer12 #col3 { width: 349px; float:right; }

#contentContainer2 { width: 918px; margin: 15px 0 15px 0; padding: 0 15px 0 15px; background: url(../img/bg_content2.gif) repeat-y top left; }
#contentContainer2 #col1 { width: 160px; float:left; }
#contentContainer2 #col2 { width: 728px; float:left; }

#footer {margin:0 auto; width: 918px; padding: 10px 15px 10px 15px; text-align: center; font-size: 11px; background: #fff url(../img/bg_footer.gif) no-repeat bottom left; border-top: #60BDFA 1px solid; }

/* ------------- Header ------------------- */

#headerNav { position: absolute; right: 15px; top: 7px; color: #fff;}

#headerNav a	{ color: #fff; }

#headerNav a:hover	{ }

#headerLogo {
position:absolute;
top: 0;
left: 15px;
width: 315px;
height: 80px;
overflow: hidden;
}

#headerLogoinhalt {
padding: 0px;
margin: 0px;
width: 315px;
height: 80px;
overflow: hidden;
background: url(../img/logo.jpg) top left;
}

/* ------------- Menu ------------------- */

#menu { height: 25px; line-height: 25px; background: url(../img/bg_menu_li.gif) no-repeat top left; }

#menu ul {
padding: 0;
margin:0;
list-style-type:none;
}

#menu li	{
float:left;
font-size: 14px;
font-weight: bold;
background: url(../img/bg_menu_li.gif) no-repeat top right; 
}

#menu li a	{ color: #fff; margin: 0 20px 0 20px; }

#menu li a:hover	{ }

#menu li a.current	{
text-decoration: underline;
}


/* ------------- sidemenu ------------------- */

.sidetitle h3 { padding-left: 10px; color: #fff; font-weight: bold; font-size: 14px; line-height: 25px; margin: 0; background: url(../img/bg_sidemenu_title.gif) repeat-x left top; }

#sidemenu1,#sidemenu2,#sidemenu3 { margin: 9px 0 15px 10px; }

#sidemenu1 ul,#sidemenu2 ul,#sidemenu3 ul {
padding: 0;
margin:0;
list-style-type:none;
}

#sidemenu1 ul li,#sidemenu2 ul li,#sidemenu3 ul li { font-size: 12px; margin:0; padding: 1px; }
#sidemenu1 ul li a,#sidemenu2 ul li a,#sidemenu3 ul li a { color: #333; }
#sidemenu1 ul li a:hover,#sidemenu2 ul li a:hover,#sidemenu3 ul li a:hover	{ color: #333; }
#sidemenu1 ul li a.current,#sidemenu2 ul li a.current,#sidemenu3 ul li a.current	{ }

/* ------------- maincontent ------------------- */

#col2 h1, #col3 h1 { margin:0 0 15px 0; font-size: 24px; font-weight: bold; color: #198AD6; }

#col3 .boxRight { background-color: #FDEDBF;  font-size: 11px; padding: 10px; margin-bottom: 10px; }
#col3 .boxRight h1 { margin:0 0 10px 0; font-size: 11px; font-weight: bold; color: #333;  }

a.imgborder img {
padding:3px;
border:1px solid #CCC;
margin:0 0 5px 0;
}

a.imgborder:hover img {
border:1px solid #666;
}

/* ------------- footer ------------------- */

#footer a { color: #333; }
#footer a:hover { color: #333; }


/**************************************************
 ------------- Boxen und Listen ------------------- 
 *************************************************/

/* ------------- Spieleliste ------------------- */
.listNavTop, .listNavBottom  { font-size: 11px; }
.listNavTop { background: url(../img/line_hor.gif) repeat-x bottom left; padding-bottom: 5px; margin-bottom: 10px; }
.listNavBottom { background: url(../img/line_hor.gif) repeat-x top left; padding-top: 5px;  }
.listItem { margin-bottom: 10px; }
.listItemImg { float: left; width: 130px; margin: 0 10px 10px 0; }
.listItemText {}
.listItemText h2 { font-size: 14px; color: #000; margin: 0 0 5px 0; }
.listItemText p { margin: 5px 0 0 0; }

/* ------------- Anmeldebox ------------------- */
.tx-newloginbox-pi1 { background-color: #A9DAFA; padding-bottom: 10px; margin-bottom: 10px; }
.tx-newloginbox-pi1 h3 { padding-left: 10px; color: #fff; font-weight: bold; font-size: 14px; line-height: 25px; margin: 0 0 10px 0; background: url(../img/bg_anmeldung_title.gif) repeat-x left top; }
.tx-newloginbox-pi1 p { padding: 0 10px 0 10px; }
.tx-newloginbox-pi1 form { padding: 0 10px 0 10px;  }

/* ------------- Seitensuche ------------------- */
#sideSearch { border: #FF9900 1px solid; background-color: #FFC46E; padding: 5px 5px 2px 5px; margin-bottom: 10px; }
#sideSearch input#user, #sideSearch input#game { font-size: 11px; width: 100px; /*border: #FF9900 1px solid; */padding:2px; margin: 0 5px 3px 0; }
#sideSearch input.submit { font-size: 11px; width: 35px; /*font-weight: bold; color: #fff; border: #FF9900 1px solid; background-color: #FF9900; */padding: 0; margin:0 0 3px 0; }
#sideSearch form { margin:0; padding:0; }

/* ------------- Tag Cloud Box ------------------- */
#SpieleDBTagBox { }
#SpieleDBTagBox h3 { padding-left: 10px; color: #fff; font-weight: bold; font-size: 14px; line-height: 25px; margin: 0 0 10px 0; background: url(../img/bg_sidemenu_title.gif) repeat-x left top; }
#SpieleDBTagBox ul { padding: 0; margin:0; list-style-type:none; padding-left:10px;}
#SpieleDBTagBox ul li { float: left; padding: 0; margin:5px 5px 0 0; }

/* ------------- Top10 ------------------- */
.top10Box {}
/*div.top10Box {float:right;width:350px; margin-left:10px;}*/
.top10Box h3 { padding-left: 10px; color: #fff; font-weight: bold; font-size: 14px; line-height: 25px; margin: 0 0 10px 0; background: url(../img/bg_sidemenu_title.gif) repeat-x left top;}
.top10Box ol {}
.top10Box ol li {}
.top10Box .top10More { font-size: 11px; border-top: #ff9900 1px solid;  text-align: right; }

/* ------------- Top10_blau ------------------- */
.top10Box_blau {}
/*div.top10Box_blau {float:right;width:350px; margin-left:10px;}*/
.top10Box_blau h3 { padding-left: 10px; color: #fff; font-weight: bold; font-size: 14px; line-height: 25px; margin: 0 0 10px 0; background: url(../img/bg_anmeldung_title.gif) repeat-x left top;}
.top10Box_blau ol {}
.top10Box_blau ol li {}
.top10Box_blau .top10More { font-size: 11px; border-top: #ff9900 1px solid;  text-align: right; }



/* ------------- Guestbook ------------------- */
.tx-veguestbook-pi1 {}
.tx-veguestbook-pi1 h3 { padding-left: 10px; color: #fff; font-weight: bold; font-size: 14px; line-height: 25px; margin: 0 0 10px 0; background: url(../img/bg_sidemenu_title.gif) repeat-x left top;}
.tx-guestbook-result { font-size: 11px; padding-left: 10px;}
.tx-guestbook-pagination { font-size: 11px; padding-left: 10px;}
.tx-guestbook-item { padding: 10px 0 10px 10px;  background: url(../img/line_hor.gif) repeat-x top left; }
.tx-guestbook-item h2 { font-size: 14px; color: #000; margin: 0 0 5px 0; }
.tx-guestbook-item p.tx-guestbook-date { font-size: 11px; margin: 0 0 5px 0; }

/* ------------- Verwandte Spiele ------------------- */
#SpieleDBRelated {}
/*div#SpieleDBRelated {float:left; width:350px; margin-right:10px;}*/
#SpieleDBRelated h3 { padding-left: 10px; color: #fff; font-weight: bold; font-size: 14px; line-height: 25px; margin: 0 0 10px 0; background: url(../img/bg_sidemenu_title.gif) repeat-x left top;}

/* ------------- Spielebeschreibung ------------------- */
#SpieleDBDescription {}
#SpieleDBDescription h3 { padding-left: 10px; color: #fff; font-weight: bold; font-size: 14px; line-height: 25px; margin: 0 0 10px 0; background: url(../img/bg_sidemenu_title.gif) repeat-x left top;}
#SpieleDBDescription .bodytext {padding-left: 10px;}

/* ------------- Tags ------------------- */
#SpieleDBTags {}
#SpieleDBTags h3 { padding-left: 10px; color: #fff; font-weight: bold; font-size: 14px; line-height: 25px; margin: 0 0 10px 0; background: url(../img/bg_sidemenu_title.gif) repeat-x left top;}
#SpieleDBTags .bodytext {padding-left: 10px;}

/* ------------- Add to favorites ------- */
div#addfav {float:left; padding:0 0 10px 10px; }

/* ------------- Do rate ---------------- */
div#dorate {float:right; padding:0 10px 10px 0;}


/* ------------ Spiel ------------------- */
div#thegame {text-align:center;}

/* ------------ Link zu Scores -----------*/
div#scorelink {padding-left:10px; float:right;}

div#backlink {}

/* ------------ user registrierung -------*/
div#userRegister input {width:220px;}

/* ------------ FAQ ----------------------*/
.faqtitle {padding:0px; margin:0px;}


/* ------------ Kontaktformular ----------*/
.tx-thmailformplus-pi1 input {width:300px; margin:10px; margin-left:3px; margin-top:5px;}
.tx-thmailformplus-pi1 textarea {width:500px; height:300px; margin:10px; margin-left:3px; margin-top:5px;}
.tx-thmailformplus-pi1 #submit input {width:150px; height:30px; margin:0px; margin-left:3px;}

/* ------------ Spiele Melden Formular ----------*/
#tx_spieledb_pi1 input {width:300px; margin:10px; margin-left:3px; margin-top:5px;}
#tx_spieledb_pi1 textarea {width:300px; height:200px; margin:10px; margin-left:3px; margin-top:5px;}
#tx_spieledb_pi1 #submit input {width:150px; height:30px; margin:0px; margin-left:3px;}

/* ------------ Werbung Seitenfuß ----------*/

#werbung { float: right; width: 728px; height: 90px; background-color: #fff; padding: 20px 0 0 0; }
.error_msg {color:#ff0000; font-weight: bold; border: none; padding: 6px; margin:3px;} 

/* ------------ Theme_button - Farbschemata ----------*/
a.theme_button {display: block; width: 8px; height: 8px; font-size: 8px; float: left; border: 1px solid #FFFFFF; margin-right: 2px;}
#theme_button { float: right; width: 250px; margin-top: 2px; font-size: 11px;}

/* ------------ iframes ----------*/
.iframebackground { background-image:none !important; background-color:#FFFFFF !important; border:none;}