/* Veganice.org - Standard-Layout allgemein /*
/* Veganice.css */


/* ------ ALLGEMEINE ELEMENTEIGENTSCHAFTEN ------ */

/* Standardlinks */
A:link { color: #2e452e; text-decoration: none; }
A:active { color: #2e452e; text-decoration: none; }
A:visited { color: #2e452e; text-decoration: none; }
A:hover { text-decoration: underline; }

table { border-spacing:0px; border-width: 0px; margin: 0px; padding: 0px; }

UL { list-style-image: url('../images/icons/bullet1.png'); }


IMG { border:0px; }

pre { margin:0px; }

H1 {
	margin:0px;
	font-size: 20px;
	color: #3e3e3e;
	padding:5px;
}

H2 {
	padding: 5px;
	font-weight: bold;
	font-size: 15px;
	color: #2e452e;
	border-bottom: 2px solid #2e452e;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family:georgia, serif;
	text-shadow:1px 1px #c0c0c0;
	text-transform:uppercase;
}

H4 {
	font-size: 18px;
	font-weight: normal;
	text-shadow: 1px 1px #c0c0c0;
}

/* ------ SEITENSTRUKTUR ------ */
body {
	background: #e6ebe1 bottom left fixed no-repeat;
	text-align: left;
	font-family: arial, Helvetica, tahoma, sans-serif;
	font-size: 14px;
	color: #3e3e3e;
}

DIV.around {
	position:relative;
	margin:0px auto;
	width:810px;
}

/* Äusserer Seitenrahmen */
.pageframe1 {
	padding:0px;
	border: 2px solid #2e452e;
	width:800px;
	margin-top: 20px;
}

/* Mittlerer Seitenrahmen */
.pageframe2 {
	padding:0px;
	border: 10px solid #ffffff;
	border-bottom:30px solid #ffffff;
	width: auto;
	background-image: url('../images/backgrounds/backtrans.png');
}

/* Innerster Seitenrahmen */
.contentframe {
	border: 1px solid #2e452e;
}

/* Menüleiste 1 - Hauptmenü */
.menuebar1 {
	background: url('../images/backgrounds/menuebar1.png') left top;
	height:21px;
	padding-top: 5px;
	padding-right: 5px;
	font-size: 13px;
	font-weight: bold;
}

.menuebar1 A, .menuebar1 A:hover, .menuebar1 span{
	background: #c5e1b5;
	padding:5px;
	text-decoration:none;
	border-right:1px solid #ffffff;
}

.menuebar1 span {border-top: 3px solid #2e452e;}

.menuebar1 A{ background: none; }

/* Menüleiste 2 - Untermenü */
.menuebar2 { background: #2e452e; height:17px; padding:2px;}

.menuebar2 A, .menuebar2 A:hover, .menuebar2 span {
	font-weight:bold;
	text-decoration:none;
	font-size: 11px;
	border: 1px solid #3e3e3e;
	border-right: 1px outset #ffffff;
	color: #ffffff;
	padding-left:5px;
	padding-right:5px;
}

.menuebar2 A { color: #cccccc; }

/* Header mit Logo-Grafik (Über Hauptinhaltscontainer) */
.pageheader {
	background: url('../images/veganicelogo.png') top right no-repeat;
	height:205px;
	margin-bottom:-70px;
}

/* Container des Haupt-Inhalts */
.content {
	width:580px;
	padding-left: 15px;
	padding-right: 15px;
}

/* Boxen auf d. rechten Seite (neben Hauptinhaltsconteiner) */
.menuebox {
	width:auto;
	margin-top:40px;
	padding:15px;
}

/* Boxenzeilen */
.menuebox td{
	padding:3px;
	border:1px dashed #808080;
	border-top:2px solid #3e3e3e;
	border-bottom:1px solid #808080;
	background-image: url('../images/backgrounds/backtransdark.png');
	text-align:center;
}

/* Boxentitel */
td.menueboxhead, td.menueicon {
	text-align:right;
	font-weight:bold;
	border:0px;
	padding:2px;
	padding-top:10px;
	padding-bottom:0px;
	background:none;
	line-height:0.7;
}

td.menueicon {
	text-align:left;
}

/* Grafischer Footer unterhalb des Hauptcontainers */
DIV.contentfooter {
	background: url('../images/backgrounds/footerbackground.png') left bottom no-repeat;
	height:100px;
	padding:0px;
	text-align:right;
}

/* Seitenfooter - Unterhalb des Äußersten Rahmens */
.pagefooter {
	text-align: left;
	font-size: 10px;
	color: #c5e1b5;
	margin-top:0px;
	border:0px;
}

/* ------ INFO-BOXEN F. MELDUNGEN ------ */
.content_info_error, .content_info_succ {
	margin-top:50px;
	padding:5px;
	font-weight:bold;
	font-size:13px;
	border: 1px solid #8a0808;
	background: url('../images/backgrounds/backtransred.png');
}

.content_info_succ {
	border-color: #088a08;
	background: url('../images/backgrounds/backtransgreen.png');
}

.titlebar_info_error, .titlebar_info_succ {
	font-size: 16px;
	font-weight: bold;
	color: #8a0808;
	text-shadow:1px 1px #ffffff;
}

.titlebar_info_succ {
	color: #088a08;
}

/* ------ FORMULARE, FELDER, BUTTONS ------ */
.formdiv {
	background: url('../images/backgrounds/backtransdark.png');
	padding: 5px;
}

label {
	text-align: left; 
	width: 150px;
	display: block;
	float: left;
	margin: .25em;
}

form { margin:0; vertical-align: middle; }

form br { clear: left; }

input, select, textarea {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	float: left;
	display: block;
}

.normbutton { float:none; display:inline; }

.normfeld, .failfeld, .normbutton, .disabledbutton {
	border: 1px solid #2e452e;
	color: #3e3e3e;
	font-weight: bold;
	background: url('../images/backgrounds/backtransgreen2.png');
	margin: 0.50em;
	margin-left: 0;
	padding: 3px;
}

.disabledbutton {
	background: url('../images/backgrounds/backtransdark.png');
}

.normbutton { color: #2e452e; background: url('../images/backgrounds/menuebar1.png') top; cursor:pointer; }

.normfeld:hover, .failfeld:hover, .normbutton:hover { background: url('../images/backgrounds/backtransdark.png'); border: 1px solid #808080; }

.failfeld { border-color: #8a0808; background: url('../images/backgrounds/backtransred.png'); }

.normbutton:hover, normbutton:active { color: #ffffff; background: url('../images/backgrounds/buttonback2.png') right; }

/* ------ BILD-THUMBNAILS ------ */ 
.showpics, .showpicsnotactive, .showpicsnotchecked, .showpicsactivechecked, .showpics2 {
	float:left;
	width:145px;
	height: 210px;
	border:2px solid #2e452e;
	padding:5px;
	margin-bottom:15px;
	margin-right:15px;
	font-size: 10px;
	text-align:center;
	background:#ffffff;
}

 .showpicsnotactive, .showpicsnotchecked, .showpicsactivechecked {
	height: 235px;
}

 .showpicsnotactive {
	background:url(../images/backgrounds/backtransgreen.png);
}

.showpicsnotchecked {
	background:url(../images/backgrounds/backtransred.png);
}

.showpics2 {
	float:right;
	width:auto;
	height:auto;
	margin-left:15px;
	margin-right:0px;
}

.showpics:hover, .showpics A:hover, .showpics:active,  .showpicsactivechecked:hover,  .showpicsactivechecked A:hover, .showpicsactivechecked:active, .showpicsnotactive:hover,  .showpicsnotactive A:hover,  .showpicsnotactive:active, .showpicsnotchecked:hover, .showpicsnotchecked A:hover, .showpicsnotchecked:active, .showpics2:hover, .showpics2:active, .linksrow1:hover, .linksrow1:active, .linksrow2:hover, .linksrow2:active {
	text-decoration:none;
	background:#e0edd3;
	cursor:pointer;
}

.showpics IMG, .showpicsnotactive IMG, .showpicsnotchecked IMG, .showpicsactivechecked IMG, .showpics2 IMG, #resultpic {
	margin:5px;
	margin-bottom:0px;
	border:1px solid #2e452e;
}

/* ------ BEITRÄGE, KOMMENTARE, LINKLISTE etc. ------ */
.commentrows, .commentrow1, .commentrow2, .linkrows, .linksrow1, .linksrow2 {
	list-style-type:none;
	list-style-image:none;
	padding-left:0px;
	margin-bottom:0px;
}

.topic_title, .comment_title {
	background:url(../images/backgrounds/topictitle.png);
	font-family:georgia, serif;
	text-shadow:1px 1px #c0c0c0;
	font-weight:normal;
}

.linktitle {
	font-weight:bold;
	font-size:16px;
	color:#2e452e;

}

.commentrows li, .linkrows li, .linkrows IMG { padding: 10px; }

.commentrow1, .commentrow2 { border-bottom: 1px solid #2e452e; background-color: #ffffff; }

.linksrow1 { background-color: #ffffff; }

.commentrow2, .linksrow2 { background-color: #e9ebe9; }

li.commentrow_bottom {
	background:#e0edd3;
	text-align:right;
	padding: 1px;
	padding-right:5px;
	font-size:11px;
}

/* Datum im Kalender-Format */
.cal_date {
	float:left;
	font-family:georgia, serif;
	font-size:15px;
	font-weight:bold;
	color:#808080;
	background:url(../images/icons/cal.png) left top no-repeat;
	width:70px;
	height:70px;
	text-align:center;
	margin:10px;
	line-height:17.5px;
	padding-top:16px;
}

.cal_date_day {
	font-size:20px;
	text-shadow:1px 1px #c0c0c0;
	color:#2e452e;
}

/* Schlichte Datumsanzeige */
.simple_date {
	text-align:right;
	float:right;
}

.icons, .icons IMG {
	border:0px;
	text-align:left;
	vertical-align:bottom;
	padding:2px;
	margin:0px;
}

/* ------ EIGENSCHAFTEN SPEZIELLER OBJEKTE ------ /*

/* Bild auf Startseite */
#veganicerpic {
	float:left;
	margin-left:-3px;
	margin-right:10px;
}

/* Großer dicker Button auf Startseite */
.bigbutton {
	font-size:28px;
	margin-right:0px;
	color: #2e452e;
	border:0px;
	background: url('../images/backgrounds/bigbuttonback.png') right;
}

.bigbutton:hover, bigbutton:active {
	color: #ffffff;
	border:0px;
	background: url('../images/backgrounds/bigbuttonback2.png') right;
}

/* Veganicer Schablonen-Auswahlfeld / Link-Code-Anzeige */
#preset_select, #preset_select_lang, .codeview {
	overflow:auto;
	width:98%;
	height:550px;
	background-image:url(../images/backgrounds/backtransdark.png);
	border:1px solid #808080;
	padding:5px;
}

/* Veganicer Sprach-Auswahl */
#preset_select_lang {
	width:auto;
	height:auto;
	background-image:url(../images/backgrounds/backtransdark.png);
	border:1px solid #808080;
	border-bottom:0px;
	padding:5px;
}

.codeview {
	width:550px;
	height:auto;
	margin-left:0px;
	font-size:12px;
	font-weight:bold;
	border:none;
}

/* Twitter-Timeline */
#twitter_div ul {
	text-align:left;
	font-size:10px;
	list-style:none;
	padding:0px;
	margin:0px;
}

#twitter_div A {
	font-weight:bold;
}

#twitter_div li {
	padding:3px;
	margin-bottom:2px;
	border-bottom:1px dashed #808080;
	font-style:italic;
}
