/*
Theme Name: ZDG
Theme URI: http://www.usw.at/
Description: Ein theme um die Hirarchie auszuprobieren <a href="http://www.usw.at">USW</a>.
Version: 0.1
Author: Hannes Gruber
Author URI: http://www.usw.at/
Tags: fixed width, two columns, widgets
*/

/**
$Id: style.css,v 1.2 2010/02/17 22:29:36 hg Exp $
Dunkelgrün: #006332
Hellgrün:   #c5e79b
 */

body{margin:0;
    padding:0 0 40px 15px;
    font-size:13px;
    background-color:#d8f8b8;
    }
body, div.b2 blockquote a{font-family:Arial, Helvetica, sans-serif;}
body, div.b2 h2 span.type{color:#333333;}
	
p,h1,h2,h3,h4,h5,li,ul,ol{margin:0;padding:0;font-weight:normal;font-size:100%;list-style-type:none;}
img{border-width:0}
a{text-decoration:none;color:#006332}
a:hover{text-decoration:underline;color:#006332}
h1,h2,h3,h4,h5,
.clear{clear:both;}
.clear{font-size:1px;}
.center{text-align:center;}
.right{text-align:right;}

div.end{height:40px;}

/** ALLES MITTIG */
.centerIt{position:relative;
    margin:0 auto;
    width:932px;
    margin-top:0;
    background:transparent url(images/back.jpg) scroll repeat-y top left;
    }
.centerIt div.head{position:relative;
    height:187px;
    background:transparent url(images/back_banner.jpg) scroll repeat-y top left;
    }

.centerIt div.head div.fillStripes{position:absolute;
    height:114px;
    width:285px;
    top:11px;
    right:-278px;
    background:transparent url(images/back_stripes.jpg) scroll no-repeat top left;
    }
.centerIt div.head a.logo{position:absolute;
    top:21px;
    left:731px;
    }

.centerIt div.head a.logo img{height:133px;
    width:131px;
    }

/*Ausrichtung*/
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

.alignright {
    float: right;
    }

.alignleft {
    float: left
    }



/** 3 Column Layout */
/*
Total: 932px
Left:  584px
Right: 348px
       932
*/

div.block{position:relative;
    display:inline;
    float:left;
    padding-bottom:32000px;
    margin-bottom:-32000px;
    background-repeat:repeat-y;
    background-position-x:right;
    background-position-y:top;
    background-attachment:scroll;
    }

/** Hauptnavigation */
div.b1{float:left;
    width:324px;
    margin-left:584px;
/** Dadurch wird der margin-bottom dieser Spalte definiert 32000-31753=247px
    Das ist aber keine konstante Hoehe der Spalte sondern eben nur ein margin-bottom
    das heisst, wenn man in der Spalte content variabler laenge stehen hat, dann
    ist das alles verschieden lang :-(
    Wenn man Probleme damit hat w&auml;re eine unsaubere Loesung, dass man noch eine
    Spalte mehr einfuegt, die immer leer bleibt und daher immer die gleiche hoehe hat.
    ;margin-bottom:-31753px;
 */
    margin-bottom:-31980px;
    background-image:url(images/back_right.gif);
    background-color:white;
    z-index:100;
    padding-left:10px;
    padding-right:14px;
    }
div.b1 ul.nav{color:#096c36;
    padding-bottom:7px;
    background:transparent url(images/back_nav.gif) scroll no-repeat bottom left;
    margin-bottom:24px;
    }
div.b1 ul.nav li{margin-bottom:2px;
    font-weight:bold;
    }

div.b1 div.box{border:2px solid #c5e79b;
    background:transparent url(images/back_box.gif) scroll repeat-x bottom left;
    margin-bottom:12px;
    padding:3px 3px 5px;
    }
div.b1 div.box h3{font-weight:bold;
    color:#006332;
    font-size:120%;
    margin-bottom:2px;
	clear:none;
    }

div.b1 div.box img,
div.b1 div.box img.alignleft{border:1px solid #C0E297;
    width:77px;
    height:54px;
    display:inline;
    float:left;
    margin-right:10px;
    padding:2px;
    }

div.b1 div.box p{font-size:110%;
    }
div.b1 h2{font-weight:bold;
    letter-spacing:1px;
    font-size:119%;
	color:#D5E99E;
    }

div.b1 li{margin-top:6px}
div.b1 li ul{margin-left:10px}
div.b1 li ul li{margin-top:1px}


/** Content */
div.b2{width:539px;
    margin-left:-932px;
    background-image:url(images/back_left.jpg);
    z-index:100;
    padding-left:35px;
    padding-right:10px;
    padding-top:0;
    }

/*** Die Die Welle auf allen Seiten ***/
div.b2 div.single,
div.b2 div.allerlei,
div.b2 div.kontakt,
div.b2 div.category{
    position:relative;                                    
    }

div.b2 div.welle{width:549px;
/**
    height:20px;   
    position:absolute;
*/
    background:transparent url(images/welle.jpg) scroll no-repeat top left;
    top:0;
    z-index:-5;
    }
div.b2 div.startseite div.welle{width:549px;
		/** auf der Startseite etwas anders ... */
    height:20px;   
    position:absolute;
    }
div.b2 h1{font-size:228%;background:transparent}
div.b2 h1,
div.b2 h1 a{color:#c5e79b;
    margin-left:0;
    font-weight:bold;
    letter-spacing:3px;
    display:block;
    }
div.b2 h1 a:hover{text-decoration:none;
    background:transparent url(images/back_h2.gif) no-repeat scroll left 2px;
    }
div.b2 div.admin{font-size:88%;
    background-color:#FEEBD3;
	text-align:right;
    }
div.b2 h2{color:#006332;
    margin-top:0;
    margin-left:-20px;
    padding:20px 0 0 20px;
    font-size:123.1%;
    font-weight:bold;
    letter-spacing:1px;
    background:transparent url(images/back_h2.gif) scroll no-repeat left 20px;
    clear:both;
    }
div.b2 h2 a:hover{border-bottom:1px solid #b4d199;color:#648149;text-decoration:none;}
div.b2 div.category h2 span.type{font-size:80%;font-weight:normal;}

div.b2 div.absolvent h3{margin-top:3px;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 86%;
	color: #006332;
	}
div.b2 div.absolvent h3 span{
	font-weight: normal;
	letter-spacing: 0px;
	color: #333333;
	}



div.b2 div.category div.listItem{margin-top:12px}
div.b2 div.category div.listItem div.more{text-align: right; padding-right: 25px}
div.b2 div.category div.listItem div.more a{color:#A0C277}

div.b2 ul{margin:12px 80px 8px 58px;}
div.b2 ul li{list-style-image:url(images/back_li.gif);
    list-style-position:outside;
    }
div.b2 ul.compactList li{margin-top:5px;}
div.b2 ul.compactList li a{font-size:130%;
    margin-bottom:-4px;
	display:block;
    }
div.b2 ul.compactList li a:hover{background:transparent url(images/back_h2.gif) scroll no-repeat bottom left;
    text-decoration:none;
    }
div.b2 ul.compactList li div{font-size:80%;}



div.b2 p{margin-top:.4em;line-height:130%;}
div.b2 p.ort{text-align:right;font-size:88%;margin-top:18px}
div.b2 p.fortbild{text-align:right;font-size:88%;margin-top:0px}
div.b2 a{font-weight:bold;}
div.b2 blockquote{background:#D0F0B0 url(images/redestricherl.gif) scroll no-repeat 5px 7px;
    font-family:'Times New Roman',Times,serif;
    font-style:oblique;
    margin:10px 5px 10px 25px;
    padding:15px 5px 5px 25px; 
}

div.b2 blockquote a{display:block;
  font-style:normal;
	font-weight:normal;
	font-size:88%;
	text-align:right;
}

div.b2 table.tablelist td{
	padding-top:5px;
	vertical-align:top;
}

/* Bilder */
div.b2 div.wp-caption,
div.b2 img{border:2px solid #C0E297;
    padding: 3px;
    max-width: 100%;
    }

div.b2 div.wp-caption img{
    border-width:0;
    margin:5px 5px 0;
    padding:0;
    }
div.b2 div.wp-caption{
    text-align:center;
    padding: 0;
	font-size:80%;
    }
div.b2 div.wp-caption p{margin:1px 2px 2px}
div.b2 div.alignright{
    margin:6px 0 2px 7px;
    }
div.b2 div.alignleft{
    margin:6px 7px 2px 0;
    }


div.b2 div.nextPost,
div.b2 div.nextNav{
    text-align: center;
	padding:0 8px 0 4px;
    }
div.b2 div.nextPost div, div.b2 div.nextNav div{margin:0}
div.b2 div.nextPost a  , div.b2 div.nextNav a  {color:#a0c277}
div.b2 div.nextNavTop   {margin:20px 0 55px;}
div.b2 div.nextNavBottom{margin:40px 0 0;}
div.b2 div.nextPost     {margin:0px 0 0;}

div.b2 div.postmetadata{text-align: center;
    margin:20px 0 0;
	font-size:88%;
	letter-spacing:1px;
	border-bottom:1px solid #C0E297;
    }


/** Kontakt / Impressum */
div.centerIt div.address{font-size:131%;}
div.centerIt div.address h3{font-weight:bold;
    margin-bottom:4px;
    font-size:120%;
    }
div.centerIt div.address{padding:6px;
/**
    border:1px solid #aaaaaa;
    background: url(images/back_address.gif) no-repeat 0 0;
*/
    }
div.centerIt div.address table,
div.centerIt table.impressum{margin-top:8px;}
div.centerIt div.address table td,
div.centerIt table.impressum td{
    vertical-align:top;
    padding-right:12px;
    }
div.centerIt table.impressum td{padding-bottom:5px;}




/** Visit Vienna! */
div.wrapper{position:relative;overflow: hidden;float:none}
div.wrapper:after{content:'[Visit Vienna]';display:block;height:0;clear:both;visibility:hidden}


/** Und zum Schluss die Fusszeile */
div.footer{clear:both;
    position:relative;
    margin-top:0;
    height:8px;
    padding:5px 10px 0 0;
    background:transparent  url(images/back_foot.jpg) scroll no-repeat top left;
    color:#006332;
    text-align:right;
    width:919px;
    font-size:85%;
    }
div.footer a.willidungl{display:block;
    position:absolute;
    top:-71px;
    right:-105px;
    }
div.footer a.willidungl img{height:68px;
    width:100px;
    }

/*** Die Startseite ***/
div.startseite{padding-top:7px;
    position:relative;
    }

div.startseite h2.topTitle{
    background-image:none;
    padding-top:0;
    }

div.startseite div.error{background-color:#ff9999;
    padding:12px;
	margin:14px 20px;
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
	background-color:white;
	border: 3px solid #990000;
    }
div.startseite div.error h1{color:#990000;
    font-size:120%;
	text-align:center;
    }
div.startseite div.error a{color:#990000;}


div.startseite div.intro{font-size:105%;
    letter-spacing:1px;
    }
div.startseite div.intro img{border:0;
    }


div.startseite div.faux p{margin:0;
    padding:7px 3px 0;
    text-align:justify;
	font-size:
}

div.startseite div.intro p.more,
div.startseite div.faux p.more{text-align:right;
font-size:88%;
	padding-right:4px;
}
div.startseite div p.more a{color:#b5c98E}
div.startseite div.faux h3{margin:0;
    padding:5px 0 2px;
    text-align:center;
	font-weight:bold;
	font-size:90%;
}
div.startseite div.faux img{border-width:0;
    margin:0;
	padding:0;
	width:100%;
	height:75px;
    }
div.startseite div.faux{margin-top:20px;
    background:transparent url(images/fcmid.gif) scroll repeat-y top left;
    width:539px;
}
div.startseite div.fauxRow{height:5px;
    width:539px;
	font-size:1px;
    }
div.startseite div.faux div.fauxTop{background:transparent url(images/fctop.gif) scroll no-repeat top left;}
div.startseite div.faux div.fauxBottom{background:transparent url(images/fcbottom.gif) scroll no-repeat bottom left;}

div.startseite div.faux div.col{width:156px;
    padding:0 5px;
	float:left;
    }
div.startseite div.faux div.c1{margin-left:0;}
div.startseite div.faux div.c2{margin-left:21px;}
div.startseite div.faux div.c3{margin-left:20px;}

/*** IE6 Fix ***/
* html div.wrapper{float:left;}



/* Override Plugin Styles */
div.wpcf7-response-output{
    margin:11px 0 0;
    border-width:3px;
    background-color:#D8F8B7;
	display:none;
    }
div.wpcf7-mail-sent-ok
,div.wpcf7-mail-sent-ng
,div.wpcf7-spam-blocked
,div.wpcf7-validation-errors{
	display:block;
}
div.contact input,
div.contact select
{width:350px;}
div.contact p.captchac{position:relative;}
div.contact input.captchac{width:10em;
    margin-left:79px
    }
div.contact img.captchac{border-color:#C0E297;
    position:absolute;
	margin:0;
	padding:0;
    top:7px;
    left:0px;
    }

/* Newsletter Spezials*/
form table tr td .required{color: red;}

/* DEBUG Zeug*/
div.usw{position:absolute;
    top:0px;
    left:200px;
    width:550px;
    margin:10px;
    padding:3px;
    background-color:#00FFFF;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
    border:3px solid #33bbFF;
    display:block;
	z-index:3000;
	font-size:90%;
}