/*
	Theme Name: default
	Theme URI: http://www.gamboo.net
	Description: Theme for clan.gamboo.net
	Version: 1.0
	Author: Sascha Liebsch
	Author URI: http://www.gamboo.net
*/

* 				{ margin: 0; padding: 0; list-style: none; }
img, fieldset 	{ border: 0 none; }
a 				{ color: #fff; text-decoration: none; }
a:hover 		{ text-decoration: underline; }
.clear 			{ clear: both; }

html { height: 100%; }
body {
	background-color: #fff;
	color: #ddd;
	font: 80% Arial, Verdana, Helvetica, sans-serif;
	height:100%;
	
	background-image: url(../images/page/bg_page.gif);
	background-repeat: repeat-y;
	background-position: center;
	
	line-height: 1.7;
}

h2 {
	font-size: 120%;
	margin-bottom: 15px;
}
h3 {
	font-size: 100%;
	margin-bottom: 15px;
}

hr { 
	background-color: #d20000;
	color: #d20000;
	margin: 20px 0;
}

#pagewrapper {
	background-image: url(../images/page/bg_head2.gif);
	background-repeat: repeat-y;
	background-position: center top;
	background-repeat: no-repeat;
	height: 100%;
}

#socialmedia{
	float: right;
	width: 120px;
	height: 75px;
	position:relative;
}

.fb-button {
	width: 48px;
	height: 48px;
	background-image: url(../images/page/fb_button2.gif);
	background-repeat: no-repeat;
	display: inline-block;
	margin-left: 7px;
    margin-top: 5px;
}

.yt-button {
	width: 48px;
	height: 48px;
	background-image: url(../images/page/yt_button2.gif);
	background-repeat: no-repeat;
	display: inline-block;
	margin-left: 2px;
}

.impressum{
  	display: block;
    font-size: 86%;
    margin-left: 53px;

}

#page {
	width: 946px;
	margin: auto;
}

.red { color: #c13232; }
.hidden { display: none; }

/* Formularfelder */

input, textarea, select {
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	padding: 2px;
}
input[type=text], input[type=password], textarea, select {
	border-top: 1px solid #aaa;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #bbb;
}
input[type=text]:hover, input[type=password]:hover, textarea:hover, select:hover {
	border-top: 1px solid #da3535;
	border-right: 1px solid #f29494;
	border-bottom: 1px solid #f29494;
	border-left: 1px solid #da3535;
}
fieldset { padding-bottom: 12px; }

/* Formularfelder Ende */


.img_left {
	background: #eee none repeat scroll 0 0;
	float: left;
	margin: 0 10px 5px 0;
	padding: 6px;
}

.img_right {
	background: #eee none repeat scroll 0 0;
	float: right;
	margin: 0 0 2px 10px ;
	padding: 6px;
}

/* ----- Notifications ----- */

.notification_error, .notification_success, .notification_info {
	background: #F8F8F8 none repeat scroll 0 0;
	border: 10px solid #ddd;
	margin: 0px 0 20px 0;
	padding: 10px;
}

.notification_error h4, .notification_success h4, .notification_info h4 {
	margin-top: 0;
}

.notification_icon {
	float: left;
	margin: 0 10px 10px 0;
}

.notification_iconText {
	color:#fff;
	float:left;
	font-weight:bold;
	margin:0 10px 10px 0;
	padding:2px 0;
	text-align:center;
	text-transform:uppercase;
	width:50px;
}

.notification p {
	margin-bottom: 0 !important;
}

.notification {
	margin-left: 60px;
}

.notification_error .notification_iconText { background-color: #980015 }
.notification_success .notification_iconText { background-color: #4a8800; }
.notification_info .notification_iconText { background-color: #005f99; }