/* global style */
* {
	margin: 0; 
	padding: 0; 
	border: 0;  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 100%;  
}

/*body*/

@media screen and (max-width: 540px) {
    #ads {
        display: none;
    }}
   



body { 
	margin: 0; 
	padding: 0;  
	background: url('images/bg.gif') repeat fixed #FFCC33; 
	line-height: 18px;
	}

/* Hauptcontainer */
#outer { 
	width:1135px; 
	margin-left:auto; 
	margin-right:auto
	}
	
#container { 
	float:left;
	width: 970px; 
	background: url('images/hdr.gif') no-repeat top left;
}
	
/* Navi oben */
 
#navarea { 
    width: 100%; 
	height: 50px; 
	background: transparent 
}

#nav  {
	float: right;
	margin-top: 30px;
	right:250px;
	position:relative;
    white-space: nowrap;
	padding:0
}
#nav li {
	float: left;
	list-style: none;
	line-height: 20px; 
	text-align: center
}
#nav a, 
#nav a:visited, 
#nav a:hover  {   
font-size: 0.8em; display: block; padding: 6px 6px; text-decoration: none; background-color:brown ; color: aliceblue;
}

#nav a:hover, 
#nav a:active {
	color: #fff; 
	background-position:0px -21px
}
/* header */

#hdr {  
	width: 970px;
	height: 125px;
	background: transparent
}

/*copyright text */

#copyright {   
	margin-left: 10px;
	float: left;
	width:160px;
    text-align: left;
	font-size: 0.7em;
	color: #990000;
}

/* Content */
#wrapper {
	width:790px;
	float:left
}
#content {  
	float: right;
	width: 610px;
	background:#fff;
	color:#3B3B3B;
	font-size: 0.9em;
}
* html #content {  
	float: right;
	width: 610px;
	background:#fff;
	color:#3B3B3B;
	
}
#content p { 
    color:#3B3B3B; 
	margin: 10px 20px 10px 25px; 
	letter-spacing: 0px;
} 
#content p.welcome { 
	margin: 15px 0px 5px 0px; 
	padding:5px 10px 5px 25px;
	font-family: Georgia, serif; 
	font-weight: 100; 
	line-height: 19px; 
	color:#999900; 
	letter-spacing: 2px
} 
#content h1, #content h2 {    /* Überschriften im Content */
	margin: 15px 0px 5px 0px; 
	padding:5px 10px 5px 25px;
	font-family: Georgia, serif; 
	font-size: 1.3em;
	font-weight: 100; 
	line-height: 19px; 
	color:#990000; 
	letter-spacing: 2px
} 
#content span.date, #content span.old  {    /* Datum */
	margin: 0px 0px 0px 25px; 
	font-size: 0.8em;
	color:#FF9933;
	letter-spacing: 1px
}
  /* Links Content*/
#content a:link, 
#content a:visited { 
    color:#CC6600;
	text-decoration:underline;

}
#content a:hover, 
#content a:active { 
    color:#996600;
	text-decoration: none;

}
#content img {
    border:0px solid #fff;
	
}
img {
	max-width: 100%;
	height: auto;
}
media="screen"
embed, iframe, img, object, video, .wp-caption {
  max-width: 100%;
}
/* Listen Content */

#content ul { 
	margin: 15px 20px 15px 40px;
}
#content li {  
	color: #3B3B3B;
	margin-left: 10px;
	margin-bottom:5px
}
#content ol {   
	margin: 15px 20px 15px 80px;
    line-height: 1.5em;
    list-style-type:  decimal
}
#right .partnerlinks a.partner {
	background-image: url('images/smilie_banner.png');
	background-position:0px 0px;
	background-repeat:no-repeat;
	height:31px;
	width:88px;
	display:block;
	margin-bottom:1px;
	margin-left:20px
}
#right p a.t1{
	margin-left:20px
}
#right .partnerlinks a.a1{
	background-position:0px -42px;
}
#right .partnerlinks a.a2{
	background-position:0px -83px;
}
#right .partnerlinks a.a3{
	background-position:0px -124px;
}
#right .partnerlinks a.a4{
	background-position:0px -165px;
}
#right .partnerlinks a.a5{
	background-position:0px -247px;
}
#right .partnerlinks a.a6{
	background-position:0px -288px;
}
#right .partnerlinks a.a7{
	background-position:0px -329px;
}
#right .partnerlinks a.a8{
	background-position:0px -370px;
}
#right .partnerlinks a.a9{
	background-position:0px -370px;
}
#right .partnerlinks a.a10{
	background-position:0px -411px;
}

/* Linke spalte */

#left, #right {  
	
	width: 180px;
	background: transparent;
	line-height: 16px;
	font-size: 0.8em;
}
#left {
	float: left;
	}
#right {  
	float: right;

}

#left a:link, 
#right a:link, 
#right a:visited,
#left a:visited {
	color: #fff;
	text-decoration: none;
	text-align: left;
	

}
#right a {line-height:1.5em}

#left a.navi_activ:link,
#left a.navi_activ:visited,
#left a:hover,
#right a:hover, 
#right a:active,
#left a:active {
	color: #FFcc33;
	text-decoration: none;
} 


.box h3{   /* Überschrift */
	margin: 0 15px 4px 15px;
	font-weight: bold;
	color: #ffcc33;
	letter-spacing: 0;
	font-size: 1.1em;
	line-height: 14px;	
	padding-left:0px;
}

div.boxtop, div.box {
	background:#990000 url('images/box_sprites.gif') no-repeat;
}
div.boxtop { 
	height: 15px;
	width: 170px;
	background-position:0px 0px;
}
div.box {  
	padding: 0px;
	margin: 0px 8px 5px 2px;
	width: 170px;
	background-position:-175px bottom;
	overflow: hidden;
}	
div.box span{
color:#FFFF00;
font-size: 0.7em;
}
#right div.box {  
	margin: 0px 0px 5px 10px;
}

.box p {   
	margin: 0 15px 12px 15px;
	color: #ccc;
}
#right .box p {   
	line-height: 16px;
}
.box img { 
	margin: 1px auto;
}

.box span.neu { 
	color:#FFFF00; 
	font-size: 0.7em;
	}
.box span.achtung { 
	color:#00CC00; 
	font-weight:bold}
	
img.big { margin-left:50px}
/* Other styles */

div.google_1 { 
	margin: 0 0 0px 0;
	width: 570px;
	height: 30px;
	padding-top:5px;
	background: #fff;
	border: 0;
	text-align:center;
	font-style:normal;
	
}
div.google { 	text-align:center;
	margin: 0 0 0px 0;
	width: 570px;
	height: 70px;
	padding-top:5px;
	background:#ffffff;
	border: 0;

	font-size:11px;
	font-style:normal;
}
div.ads{ 
	margin: 0 0 10px 0;
	width: 570px;
	height: 60px;
	padding-top:5px;
	background:#ffffff;
	border: 0;
	text-align:center;
	font-size:8px;
	font-style:normal;
}

/* Rechte spalte */







/* Unten */

#bottom {  
	margin-bottom: 0px;
	margin-left:0px;
	width: 610px;
	background:#990000 url('images/bttm.gif') no-repeat bottom; 
	font-size: 11px;
	float:right
}

/* Bottom Nav */

#bottomnav {  padding-bottom: 3px; text-align:center}
#bottomnav a {  padding-left: 10px;   }
#bottomnav a:link, #bottomnav a:visited { color: #f90; font-size: 11px;}
#bottomnav a:hover, #bottomnav a:active { text-decoration: none; color: #fff;}

/* Gästebuch */

#captcha {
    border: 1px solid #000000;
}
textarea {
    background-color: #efefef;
    border: 1px solid #ccc;
    color: #000000;
    font-size: 12px;
	line-height:normal;
	padding:6px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}
textarea#text{
    font-size: 12px;
	width:270px

}
input {
    border: 1px solid #ccc;
    color: #000000;
	padding:6px;
    font-size: 12px;
	line-height:normal;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}
input.button {
    border: 1px solid #ccc;
    color: #000000;
	padding:3px;
    font-size: 12px;
	line-height:normal;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}
.check {
	border:0px;
	background:transparent
}
/* Smiliescript, formulas ect. */
.smilie {
    float:left; 
    width:20%; 
    height:20%;
	max-width:50%;
    text-align:center; 
    background:#fff; 
    border:0px solid #CCCCCC;
    color:#666666; 
    margin-left:10px; 
    padding:2px; 
    vertical-align:bottom
}
.smilie_form {
    clear:both; 
    background-color:#efefef;
    text-align:center;
	padding-top:6px;
	margin-bottom:5px;
}
.pic {
    margin: 40px; 
    border:0px;
	cursor:pointer
}
.smilie_input {
    text-align:left;
	padding:3px;
	margin-bottom:5px;
	border:1px solid #333
}
.smilie_scr {
	padding:3px;
	margin-bottom:10px
}
.beschreibung {
	color:#990000;
	margin:5px 0 5px 0
}
/*#ads { 
left:975px; 
top:180px; 
position:absolute;
}*/
#ads { 
width:160px; float:right; margin-top:180px
}

label { width:60px; float:left;}
p#n{ color:#CC0000;
margin:5px 0px 0px 0px; padding:0px;}
.fehler {
    text-align:center;
    font-weight:bold;
    color:#990000;
	line-height:300%;
    margin-top:80px;
	margin-bottom:80px;
	margin-left:60px;
	margin-right:60px;
	background:#efefef;
	border:#990000 1px solid
}
.banner {
	font-size:12px;
	width:340px
}
/* Kontaktformular */

.formular {
	width: 80%;
	margin-left: 45px;
}
.ebene {
    clear: both;
    padding: 4px 0
}
.label {
    float:left;
	width:100px;
    padding:3px 0 0 0;
    }
.feld{
    float:left;
    width:150px
} 
.submit{
	clear: both;
 	margin: 0 0 0 104px;
}
.feldbreite{
	background: #F5F5F5;
	color: #000;
	font-size: 12px;
	width: 270px;
	overflow: auto;
	padding: 1px;
	border: 1px solid #ccc;
}






hr {
	text-align:center;
    border-style:solid;
	background-color:#ddd; /* Mozilla 1.4 */
	color:#ddd; /* IE 6 */
	border: #ddd; /* Opera 7.11 */
	height: 10px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
}
#content h1.bg {
	background-color:#efefef;
	margin-top:0px
}
input.user {
	border:0px solid;
    color:#333;
	padding:0px;
	background:none;


}

/*Smiliemaker*/
.augen {
border:1px solid #cccccc;
margin:2px;
}
.mund {
border:1px solid #cccccc;
margin:2px;
}
.zeile2 {
text-align:left
}
.zeile4 {
border:1px solid #ccc
}
.zeile3 {
border:1px solid #ccc
}
h1.bg strong {
font-size:12px;
}
#content h1.bg {

}
.liste {
margin:5px 0
}

table.aufgenommen { text-align:left; margin-left:30px}
table.webtipps { text-align:left; margin-left:30px}
table.webtipps td { padding:5px; background:#FFFFCC; }
table.Smilieseiten { text-align:center; margin-left:30px}
td.links { border-bottom:1px dashed #ccc; padding:8px 5px}
table.links { text-align:left;margin-left:40px;}
td.projekte { border-bottom:1px solid #ccc;padding-bottom:5px}

#vorschau { width:500px; text-align:center;
margin-left:auto; margin-right:auto}

td.gen_copy, td.gen_copy a { 
font-size:11px;
color:#666666}

a.feedicon {
position:absolute;
display:block;
width:30px;
height:30px;
top:52px;
right:730px;

}
.adv { width:570px; position:absolute; margin-top:-120px; height:65px; background:#fff; text-align:center; padding-top:5px}
.desc { margin:15px; text-align:left}

/* Gästebuch*/
.guestbook_table2 { border:1px solid #ccc}
.guestbook_table2 input { width:200px}
.guestbook_table2 textarea#text { width:300px}
.guestbook_table2 td.send input { width:120px}

.guestbook_table2_head { padding:3px; background:#efefef}
table.guestbook_table2 td { padding:5px;}
table.guestbook_table td {
padding:2px;
}
#content p.error { color:#CC0000; font-size:16px}

p.partnerlinks { text-align:center}


.t .top {
background:#efefef;
color:#990000;
font-weight:bold
}
.top, .top2 {
background:#fff;
color:#990000;
text-align:center;
font-weight:bold
}
.t {
border:1px solid #efefef;
margin-left:30px

}
.t td {
border:1px solid #efefef;
height:120px;
text-align:center
}
table.bigbrother .top {
background:#efefef;
color:#333333;

font-weight:normal;
height:30px
}
table.bigbrother .top2 {
background:#fff;
color:#333333;

font-weight:normal;
height:30px
}
table.twit .top {
background:#efefef;
color:#333333;
font-weight:normal;
height:25px
}
table.bigbrother .top strong,
table.bigbrother .top2 strong,
 table.twit .top strong {

color:#990000;

}
td.bigbrother, td.twit {
height:60px;
text-align:center
}
td.bigbrother {
border-bottom:1px solid #ccc
}
.t td.top {
	height:30px
}
img{
	cursor:pointer
}
.twitter {
	float:left; 
	margin-right:10px; 
	margin-bottom:10px
}

a#bookmark, a#bookmark:visited{ 
color:#FFFF66;
font-weight:bold;
display:block;
width:65px;
float:right;
text-align:center;
padding:2px}
	a#bookmark:hover { 
color:#fff;
}
/* Facebook Tabelle*/

table.facebook { margin-right:auto; margin-left:auto}
table.facebook td, table.facebook th  { text-align:center; padding:10px}
table.facebook td {border-bottom: 1px solid #ccc}